3D浮遊キューブ - 無料でオンライン利用 | FunToolX

ページを開くと、空間に浮かぶ多数の3 Dブロックが表示され、ブロックは互いに衝突することなくゆっくりと回転します。マウスを使用して視野角を回転できます。ブロックの数、サイズ、回転速度、配色などのパラメータを調整できます。

プロセス全体は純粋なフロントエンドアニメーションで、Three.jsのInstancedMeshに基づいて多数のブロックをレンダリングし、Berlinノイズを使用してブロックの位置と回転を制御します。

技術的背景、ウェブ装飾、または純粋に3 D正方形の幾何学的美しさを鑑賞するために使用する。実装原理は、インスタンスレンダリングとBerlinノイズです。

3 Dフローティングブロックは、Three.jsベースの3 Dフローティングエフェクトで、多数のブロックがゆっくりと回転して空間を浮遊します。