お使いの環境はWebGLに対応していないため、3D演出を表示できません。
SAMPLE — TOOL CASE
walnutの木肌と真鍮金具だけで仕立てたツールケースが開き、中の道具がせり上がって整列するスクロールLP。所有欲を刺激する見せ方のサンプル。
※文言・ブランドはすべて差し替え用のサンプルです(御社のコピーが入ります)
SCROLL
CRAFT — 01
walnut無垢材の面取りひとつで、持ち上げた瞬間の手触りが変わる。
CRAFT — 02
角の摩耗から木部を守るコーナー金具は、使い込むほど鈍く光る経年変化も魅力になる。
CRAFT — 03
背面のヒンジと呼応する、手前のラッチ。開閉のたび、しっかりとした手応えを返す。
INSIDE
スクロールでフタが開き、中に収まった6点の道具が姿を見せる。 しまう場所があるから、次に使うときも迷わない。
TOOLS
VARIATIONS
ケース本体は3種の木色。真鍮パーツは全色共通で、木の表情だけを選べる。
CADデータまたは実測から製品を3D化し、「開いて、中身まで伝わる」スクロールLPに仕立てます。 木工・革・金属など、素材そのものが語れる製品ほど、この見せ方が効きます。
generate.py
が8パーツ(トレイ/フタ/道具6点)をプロシージャル生成し、frame 0→30=フタが
ヒンジ回転で開く、30→60=6道具がstagger(開始・到達フレームをずらす)しながら
ケースからせり上がって宙に整列する、の2段構成をキーフレームして
tool-case.glb
に焼き込む。Blenderの glTF エクスポーターは 'SCENE' モードでもオブジェクトごとに
1クリップずつ出力するため、7本(Lid + 道具6点)の AnimationClip が生成されるが、
Web側は demo-009/010と同様に1つの AnimationMixer に全クリップを載せ、
mixer.setTime()
で一括スクラブすれば7本まとめて同期する(各クリップは同じ0〜60フレームの
タイムラインを共有しているため)。フタのヒンジ位置を回転軸の原点に一致させる (obj.location = HINGE_POINT
)ことで、可動側の真鍮ナックルやラッチのフックもフタに一体で含めたまま
rotation_euler.x
だけで正しく追従させている。道具側は原点を重心(ORIGIN_GEOMETRY / MEDIAN)に
リセットしてから個別にオフセット・ヨー回転をキーフレームすることで、
せり上がりの回転が不自然にならないようにしている。トレイ本体は demo-009 make_housing
と同じ空洞シェル技法(上面をinsetしてリムを残し、
床を凹ませて内部をくり抜く)で作り、床とリブはフェルト調のライニング材で
質感を分けている。カラバリは
MatWalnut
の GSAP トゥイーン(demo-007方式)。
tool_params
の end_offset / end_yaw_deg / start_frame / full_frame を製品の点数に合わせて
調整する。詳細は PLAYBOOK「2段階分解(ハウジングオープン→全分解)の型」
「空洞シェル技法」参照。