ティファニー ステンドグラスランプ

three.jsを使って、「ティファニー ステンドグラスのテーブルランプ」を題材にしたシングルページのインタラクティブシーンを構築してください。すべてのコンテンツはコードでプロシージャルに生成し、外部の画像、モデル、フォントは読み込まないでください。

シーンは深夜の暗い部屋です。木製のテーブルと壁、そして点灯したテーブルランプがあります。ランプシェードは数百枚の不規則なガラス片で組み立て、鉛のケイムで縁取ります。下縁にはスカラップ状の波形の縁飾りを設け、ハチドリ、赤いハイビスカス、ピンクのユリ、曲がりくねる葉の茎を思わせる模様にしてください。ガラスには背面から光を当てた半透明の質感を持たせ、電球に近い側ほど明るくし、手作りガラス特有の繊細なゆらぎを表面に加えてください。ランプの台座と支柱は、酸化による緑青と渦巻き模様のレリーフを施したブロンズ製です。電球の内部にはタングステンフィラメントが見えます。

主役は光です。ランプ点灯時には、色付きの光の斑点がテーブルトップと壁に落ち、鉛のケイムがテーブル上に暗い格子状の影を落とします。シェードの縁の下にはごく淡い暖色のもやが漂い、空気中のほこりが光の当たる場所でのみゆっくり舞います。全体は映画のような雰囲気にしてください。HDRレンダリング、柔らかなブルーム、被写界深度、ビネット状の粒子を使い、抑制の効いた表現にして、露出過多やまぶしさは避けます。ランプが消えているときは、窓からわずかな冷たい月明かりを入れ、シルエットとプルチェーンが見えるようにしてください。 ランプシェードの模様をハチドリとハイビスカスからトンボとスイレンへ変更してください。ガラスの配色は紫のアクセントを加えた涼しげな青と緑に変え、ブロンズの台座には水面の波紋をモチーフにした彫刻を施し、壁に投影される光の斑点も水を思わせる青緑の色合いにしてください。 操作:
- ページのスクロールでカメラパスを進め、ワイドショットから真上の視点、シェードのマクロショット、台座のクローズアップへ移動します。最後までスクロールすると自由周回ビューに入ります
- チェーンを引くとランプのオン／オフが切り替わります。チェーンを上下にドラッグすると無段階で調光できます。ランプはシェードの縁から頂部へ向かって、一片ずつ点灯します
- シェードをクリックするとシェード全体を持ち上げます。持ち上げた後は、ガラス片を1枚取り外して目の前にかざし、観察できます
- 台座をダブルクリックすると、ランプ全体が空中に浮かぶ分解状態になります
- カラースキームは3種類（オリジナル／クール／アンバー）。切り替えると、色がシェードの頂部から下へ流れます

レイアウト: 左側にはスクロールに合わせてフェードアウトする大きな縦組みのセリフ体タイトルを配置します。右側には、軽やかなピル型ボタン（点灯、シェードを持ち上げる、分解、自由ビュー）とカラースキームのドットを縦に並べ、ボタンのラベルには現在の状態を反映させます。全体のデザインは最小限に抑え、シーンの暗い色調に合わせてください。モバイルでは、下部の横並びに自動で切り替わります。

three.jsを使って、「ティファニー ステンドグラスのテーブルランプ」を題材にしたシングルページのインタラクティブシーンを構築してください。すべてのコンテンツはコードでプロシージャルに生成し、外部の画像、モデル、フォントは読み込まないでください。

シーンは深夜の暗い部屋です。木製のテーブルと壁、そして点灯したテーブルランプがあります。ランプシェードは数百枚の不規則なガラス片で組み立て、鉛のケイムで縁取ります。下縁にはスカラップ状の波形の縁飾りを設け、ハチドリ、赤いハイビスカス、ピンクのユリ、曲がりくねる葉の茎を思わせる模様にしてください。ガラスには背面から光を当てた半透明の質感を持たせ、電球に近い側ほど明るくし、手作りガラス特有の繊細なゆらぎを表面に加えてください。ランプの台座と支柱は、酸化による緑青と渦巻き模様のレリーフを施したブロンズ製です。電球の内部にはタングステンフィラメントが見えます。

主役は光です。ランプ点灯時には、色付きの光の斑点がテーブルトップと壁に落ち、鉛のケイムがテーブル上に暗い格子状の影を落とします。シェードの縁の下にはごく淡い暖色のもやが漂い、空気中のほこりが光の当たる場所でのみゆっくり舞います。全体は映画のような雰囲気にしてください。HDRレンダリング、柔らかなブルーム、被写界深度、ビネット状の粒子を使い、抑制の効いた表現にして、露出過多やまぶしさは避けます。ランプが消えているときは、窓からわずかな冷たい月明かりを入れ、シルエットとプルチェーンが見えるようにしてください。 学習モードの切り替えを追加してください。有効にすると、任意のガラス片をクリックした際にズームインし、その色名（中国語と英語の両方）と16進数値を表示します。また、同じ色の隣接するガラス片をやわらかくハイライトし、子どもに色や色合わせを教えるのに適したものにしてください。 操作:
- ページのスクロールでカメラパスを進め、ワイドショットから真上の視点、シェードのマクロショット、台座のクローズアップへ移動します。最後までスクロールすると自由周回ビューに入ります
- チェーンを引くとランプのオン／オフが切り替わります。チェーンを上下にドラッグすると無段階で調光できます。ランプはシェードの縁から頂部へ向かって、一片ずつ点灯します
- シェードをクリックするとシェード全体を持ち上げます。持ち上げた後は、ガラス片を1枚取り外して目の前にかざし、観察できます
- 台座をダブルクリックすると、ランプ全体が空中に浮かぶ分解状態になります
- カラースキームは3種類（オリジナル／クール／アンバー）。切り替えると、色がシェードの頂部から下へ流れます

レイアウト: 左側にはスクロールに合わせてフェードアウトする大きな縦組みのセリフ体タイトルを配置します。右側には、軽やかなピル型ボタン（点灯、シェードを持ち上げる、分解、自由ビュー）とカラースキームのドットを縦に並べ、ボタンのラベルには現在の状態を反映させます。全体のデザインは最小限に抑え、シーンの暗い色調に合わせてください。モバイルでは、下部の横並びに自動で切り替わります。