Space Tunnel インタラクティブ3Dシーン
銀色のリング型ステーションがブラックホールを背景に回転し、スクロールに合わせてワイヤーフレームが現れます。理論の章とトンネル飛行映像を経て、エンドクレジットへと続きます。Kimi K3.1 Proで生成。
Loading preview...
漆黒の背景と映画的なタイポグラフィを用いた、スクロール連動の空間的な物語を描く3D Webページを作成してください。 下へスクロールすると3Dシーンに入り、精緻な銀灰色のリング型宇宙ステーションモデルが、巨大なブラックホールの降着円盤を背景にゆっくりと回転します。ワイヤーフレームが現れるアニメーションとグローのポストプロセスを加え、マウス操作では慣性を伴ってカメラが回転します。さらにスクロールすると理論の章に進み、パララックス効果とともにテキストが一語ずつ流れ込むように表示されます。続くシネマセクションでは、一人称視点でトンネル内を飛行する映像をフルスクリーンで再生します。再生中はスクロールを固定し、フレームのコントラストをサンプリングして、インタラクティブな点と線のエフェクトを生成します。映像終了後は、クレジットを含むエピローグへ移行し、引用文で締めくくります。 Vite + Three.js（GLTFLoader、EffectComposer、UnrealBloomPass）で実装してください。 この映像のメインモデルには、Sketchfabから入手し、CC BY 4.0ライセンスに基づいて使用したre1monsen制作の3Dモデル「Space Station 4」を使用しています。すべての改変、マテリアル、ライティング、カメラワーク、トンネルシーンはK3が作成しました。
漆黒の背景と映画的なタイポグラフィを用いた、スクロール連動の空間的な物語を描く3D Webページを作成してください。 下へスクロールすると3Dシーンに入り、精緻な銀灰色のリング型宇宙ステーションモデルが、巨大なブラックホールの降着円盤を背景にゆっくりと回転します。ワイヤーフレームが現れるアニメーションとグローのポストプロセスを加え、マウス操作では慣性を伴ってカメラが回転します。さらにスクロールすると理論の章に進み、パララックス効果とともにテキストが一語ずつ流れ込むように表示されます。続くシネマセクションでは、一人称視点でトンネル内を飛行する映像をフルスクリーンで再生します。再生中はスクロールを固定し、フレームのコントラストをサンプリングして、インタラクティブな点と線のエフェクトを生成します。映像終了後は、クレジットを含むエピローグへ移行し、引用文で締めくくります。 Vite + Three.js（GLTFLoader、EffectComposer、UnrealBloomPass）で実装してください。 この映像のメインモデルには、Sketchfabから入手し、CC BY 4.0ライセンスに基づいて使用したre1monsen制作の3Dモデル「Space Station 4」を使用しています。すべての改変、マテリアル、ライティング、カメラワーク、トンネルシーンはK3が作成しました。
漆黒の背景と映画的なタイポグラフィを用いた、スクロール連動の空間的な物語を描く3D Webページを作成してください。 下へスクロールすると3Dシーンに入り、精緻な銀灰色のリング型宇宙ステーションモデルが、巨大なブラックホールの降着円盤を背景にゆっくりと回転します。ワイヤーフレームが現れるアニメーションとグローのポストプロセスを加え、マウス操作では慣性を伴ってカメラが回転します。さらにスクロールすると理論の章に進み、パララックス効果とともにテキストが一語ずつ流れ込むように表示されます。続くシネマセクションでは、一人称視点でトンネル内を飛行する映像をフルスクリーンで再生します。再生中はスクロールを固定し、フレームのコントラストをサンプリングして、インタラクティブな点と線のエフェクトを生成します。映像終了後は、クレジットを含むエピローグへ移行し、引用文で締めくくります。 Vite + Three.js（GLTFLoader、EffectComposer、UnrealBloomPass）で実装してください。 この映像のメインモデルには、Sketchfabから入手し、CC BY 4.0ライセンスに基づいて使用したre1monsen制作の3Dモデル「Space Station 4」を使用しています。すべての改変、マテリアル、ライティング、カメラワーク、トンネルシーンはK3が作成しました。
