joshua/webgl-threejs-hello
1
0
Fork 0
mirror of https://github.com/seigler/webgl-threejs-hello synced 2025-07-28 02:06:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

⚡ Fast moving clouds with transparency and shadows

Browse source
This commit is contained in:
Joshua Seigler 2018-10-12 02:13:57 -04:00
parent 9dc521e39a
commit 8721b90d84
11 changed files with 88 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/js/components/Bean.js
View file

@ -12,6 +12,7 @@ class Bean extends THREE.Object3D {
this.mesh = new THREE.Mesh(geometry, material);
this.mesh.castShadow = true;
this.mesh.receiveShadow = true;
this.add(this.mesh);
this.position.z += this.radius / 2 + 0.01;
@ -19,9 +20,10 @@ class Bean extends THREE.Object3D {
this.onUpdate = this.onUpdate.bind(this);
}
onUpdate() {
// this.rotation.x += props.rotation;
// this.rotation.y += props.rotation;
onUpdate(time) {
this.position.y = 0.01 * Math.sin(Math.PI * 2 * time / 20) + 0.01 * Math.sin(Math.PI * 2 * time / 70);
this.position.x = 0.1 * Math.sin(Math.PI * 2 * time / 5300);
this.position.z = 0.1 * Math.cos(Math.PI * 2 * time / 5300);
}
}