WebGLのアドベントカレンダー8日目です。 Three.jsを使って、旗をはためかせるアニメーションの作り方を説明します。物理的に正しい動きというより、PlaneGeometryとSin波を使い簡単なコードでそれっぽいものを目指します。以前このPCサイトで使っていたものです。 やりかた まずPlaneGeometryのMeshを用意します。 //hoge.jpgをテクスチャにしたSEGX,SEGYに分割されたPlaneを作る。 var texture = THREE.ImageUtils.loadTexture('hoge.jpg'); var geometry = new THREE.PlaneGeometry(1300, 1228, SEGX, SEGY); var material = new THREE.MeshLambertMaterial({map:texture}); pl