Scale & Form
ブラウザ上でリアルタイムに3Dをレンダリングし、スクロールに合わせて素材やライティングが変化していくドイツのWeb制作スタジオサイト。
- サイトURL
- https://scfo.de
- クレジット
- scfo.de
- 使用技術
- WebGLリアルタイム3Dスクロール連動アニメーション
ドイツのWeb制作スタジオ Scale & Form のポートフォリオサイト。
最大の特徴は、掲載されているビジュアルが画像や動画ではなく、WebGL によってブラウザ内でリアルタイムに描画されている点。サイト自身も「In Echtzeit gerendert · WebGL（WebGLでリアルタイムレンダリング）」と明記しています。
スクロールに応じてカメラとライティングが連動して動き、マテリアルの反射や影がその場で計算し直されるため、静止画のスクロール演出とは違う「奥行きのある移動感」が生まれています。
【参考になるポイント】
・実写やレンダリング済み動画に頼らず、リアルタイム3Dでビジュアルの主役を作っている
・スクロール量をカメラワークにマッピングして、ページ送りを空間移動として見せている
・重量のある3D表現でもフレームレートを担保する設計になっている