nemutas / r3f-gyogun

About

16,384個（128×128）のメッシュをCurlNoiseで動かしているアプリケーションです。

https://nemutas.github.io/r3f-gyogun/

Technology

• React Three Fiber（Three.js for React）
• InstancedMesh
• Shader
• GPGPU
• Quaternion Rotation
• Post-processing（Volumetric Light）

Reference

Document

• React Three Fiber

InstancedMesh

• InstancedMesh
• Instanced vertex-colors

GPGPU

• 【React Three Fiber】GPGPUを使用したParticlesの実装
• GPGPUがまったくわからないのでGPUComputationRenderer.jsをまず調べてみるメモ
• GPUComputationRendererを使用している公式サンプル

Quaternion

• Quaternion
• GLSLでクォータニオン(四元数)
• Rotate Box using Quaternion in Shader with r3f

VolumetricLight

• Volumetric light