先週、とあるスニーカーブランドの製品ページを何気なく開いたら、靴が3Dでグリグリ回転していて思わず手を止めてしまいました。回転するロゴ、液体のように揺れるメッシュ、宇宙空間を漂うパーティクル——それがすべてWebブラウザの中で動いている。

普段はメーカーでUIデザイナーとして勤務しております。 あまり業務では利用しませんが、Three.jsのテクスチャについて学び直しているので、備忘録的にまとめています。 TextureLoaderのインスタンスは一つで複数の画像を読み込むことができます。 const ...

A lightweight volume renderer for three.js that uses raymarching to render procedurally defined or data-driven 3D volumes in real time. The volume renderer is implemented as a single VolumeRenderer ...

Official AI skills for Three.js. These skills teach AI coding agents how to correctly write Three.js: core renderer setup, geometry, PBR materials, lighting, cameras, animation loops, custom GLSL ...

If you look hard enough, most of the projects we feature on these pages have some practical value. They may seem frivolous, but there’s usually something that compelled the hacker to commit time and ...