お使いの環境はWebGLに対応していないため、3D演出を表示できません。
VOLTA WORKS — DRIVER DRILL VD-18
ハウジングが開き、内部機構が見えるスクロールLP。設計品質そのものを営業資産に変える見せ方のサンプル。
※架空ブランドのデモです(モデルは自作)
SCROLL
CRAFT — 01
ローレットの溝まで造形で語る。手袋のままでも滑らない、道具の顔。
CRAFT — 02
トリガーの引き代とグリップの傾き。カタログの数字ではなく、造形で伝える。
CRAFT — 03
ラッチ付きの着脱式バッテリーパック。交換の速さも、設計のうち。
INSIDE
スクロールでハウジングが開き、モーターとギアがそのまま現れる。 外からは見えない品質を、隠さず見せる。
ANATOMY
VARIATIONS
ハウジング色は3種。バッテリーは全色共通で、色だけ現場に合わせる。
CADデータまたは実測から製品を3D化し、「中身まで伝わる」スクロールLPに仕立てます。 設計品質が語れる製品ほど、この見せ方が効きます。
generate.py
がコードレスドリルを8パーツ(左右ハウジング/チャック/ギアスタック/モーター/
トリガー/配線/バッテリー)でプロシージャル生成し、2段構成の分解アニメーション (frame
0→30=左右ハウジングが開く、30→60=全パーツ分解)を location のみで キーフレームして
drill.glb
に焼き込む。Web側は1本の AnimationMixer タイムラインの前半/後半を
「ハウジングオープン」「全分解」の2つのスクロール区間に分けてマッピングする
(mixer.setTime = 半分×開き進捗 + 残り半分×分解進捗)。チャックは rotation を
焼いていないので毎フレーム回転できる。カメラリグは Box3 から動的構築(demo-008方式)、
カラバリは MatHousing のGSAPトゥイーン(demo-007方式)。
generate.py
のシルエット点列とパーツ寸法を実製品に合わせて差し替えるか、支給CADを demo-008 の
process.py の型で軽量化して載せ替える。2段階分解の区割り
(どこまでを「開き」でどこからを「分解」にするか)は製品の訴求ポイントに合わせて
generate.py のキーフレームと main.ts のフェーズ定数を対で調整する。 詳細は
PLAYBOOK「2段階分解(ハウジングオープン→全分解)の型」参照。