風にそよぐ田んぼと見出し

農園や食品、地域の観光サイトなど、風景が主役になるファーストビュー。

1. 01Three.js（InstancedMesh・ShaderMaterial・EffectComposer）
2. 02GSAP SplitText
3. 03文字と稲で同じ値を使う風の計算

動きを減らす設定のとき

稲は伸びきった状態の1枚で止め、見出しも揺らしません。

WebGLが使えないとき

空と田んぼのグラデーションと文字だけを表示します。

連打すると揺れがカクついたので、突風の吹き始めと収まり方をなめらかな形に変えました。文字と稲にまったく同じ風の値を渡すようにして、同じタイミング・同じ強さで倒れるようにしています。