Pumpkin - HAPPY Halloween 南瓜-萬聖節快樂
2024/10/30
🎯 專案介紹
本專案是一個深度將「數學幾何」與「網頁 3D 視覺藝術」結合的前端概念展示舞台。利用 React Three Fiber 技術，在三維空間中建構出立體文字舞台、電影質感的南瓜卡片特效，並透過數學方程式實作動態的無限符號環與周邊漂浮的函數公式，挑戰網頁端高階視覺特效的實踐。
🛠️ 技術架構
3D 渲染核心：React Three Fiber (Three.js) + @react-three/drei 幾何與動畫控制：基於數學方程式的動態座標運算（useFrame 每一幀即時計算）
✨ 核心特色
3D 空間立體文字舞台：運用 3D Typography 技術，在場景核心建立具備真實厚度與幾何結構的 "HAPPY HALLOWEEN" 立體文字，使其完美融入場景的光影與陰影烘托中。 電影級南瓜卡片視覺特效：設計具備強烈戲劇張力的南瓜卡片元件，透過細緻的材質與動態光影調教，在暗色調空間中營造出如同電影特效般的精緻開場視覺。 3D 無限符號環與漂浮數學函數：透過數學公式在 3D 空間中精準勾勒出立體的無限符號（∞）軌道環，並讓豐富的數學函數方程（Functions）在環繞周邊呈現動態漂浮、位移與旋轉，展現數學幾何與前端程式碼交織的視覺美學。