その解像力は、断面に宿る。

この演出について

説明

パイプライン初の「断面カット（cross-section / cutaway）」演出。 generate.py が15パーツ（鏡筒・フォーカスリング・フィルター枠・繰り出しスリーブ・9枚羽根絞り・ バヨネットマウント・電子接点・7枚のガラスエレメント）を光軸まわりの回転体として プロシージャル生成する。各エレメントは前後2枚の球面からなる閉じたレンズ断面を 旋盤ロフト（add_lathe）で作り、 凸/凹/メニスカスを組み合わせた光学系にしている。Web側は Three.js の renderer.localClippingEnabled と1枚の THREE.Plane （法線=カメラ手前方向）でモデルを輪切りにし、スクロールで平面の位置 （plane.constant）を動かして 断面を掃引する。ただの切断だと中空に見えるため、各メッシュにステンシルバッファを 使った「キャップ（切断面の充填）」を生成している（back面で increment / front面で decrement してステンシルを塗り、切断面に置いた板をステンシル!=0の領域だけ描く。 板の stencilZPass=Replace で次のパーツのために0へ戻す）。これで各パーツの断面が中実に見え、ガラスの コーティング色ごとに塗り分けた「レンズ構成図」が立ち上がる。ガラスは MeshPhysicalMaterial の透過（transmission）で本物のガラスとして透け、断面では不透明の着色キャップが 手前に来るため透過とステンシルが競合しない。断面が開き切ったところで一度カメラを 止め（動きのホールド）、各部の名称と役割を引き出し線（DOMオーバーレイのSVGが 各部の3D座標を毎フレーム画面に投影して結線）で提示する。最後は再び鏡筒へ閉じる ブックエンド構成。

元ref

なし（完全自作のプロシージャルモデル。実在ブランドの意匠・型番は避けた自作モデル）

案件への移植メモ

エンジン・電子機器・建材・食品パッケージなど「中の層構造・機構が価値になる」製品全般の 営業LPに移植できる。クリッピング＋ステンシルキャップの型は、GLB内の全メッシュが 閉じたマニフォルドであることが条件（開いたシェルはキャップが破綻する）。切断面は 1平面の plane.constant をスクロールに割り当てるだけで掃引でき、キャップ色は各マテリアルの color を流用するのでモデル差し替えに強い。詳細は PLAYBOOK「断面カット （クリッピング平面＋ステンシルキャップ）の型」参照。