Moiré Pattern Playground
モアレパターン
- What :
- モアレパターンのプレイグラウンド
- Why :
- Three.js Journeyのコースを受講中に興味を持ったモアレパターンを実装しました。参考：https://threejs-journey.com/
- How :
- チェッカーボード模様のテクスチャを繰り返し配置し、Three.jsのテクスチャマッピングで幾何学模様を描画しました。OrbitControlsで視点を動かすことで、位相差から生じるモアレ効果の揺らぎをリアルタイムに観察できる構成にしています。
技術面では Vite / TypeScript / Three.js を採用しています。 - Role :
- Frontend Development
- Date :
- 2026.3