FBM Water Shader in R3F / Next.js - Terrain + Lake Demo #nextjs #R3F #glsl

【FBM Water Shader】Next.js × R3F × GLSL で“動く湖”をリアルに生成するデモ。

▼使用技術
* Next.js（App Router）
* React
* React Three Fiber（@react-three/fiber）
* Three.js
* @react-three/drei（OrbitControls / KeyboardControls / Reflector）
* GLSL（ShaderMaterial：Vertex / Fragment）
* FBM（Fractal Brownian Motion）
* simplex-noise（createNoise2D）
* TypeScript（.tsx）
* VSCode / 開発サーバ（localhost）

▼ブログ記事
https://humanxai.info/posts/nextjs-11-r3f-fbm-lake-terrain-water-shader/

#Nextjs #R3F #GLSL

Видео FBM Water Shader in R3F / Next.js - Terrain + Lake Demo #nextjs #R3F #glsl канала lain