THREE.Cloud

Ray tracing based cloud object for three.js.

Example

var scene = new THREE.Scene();

var cloud = new THREE.Cloud( 0xeeeeee );

cloud.scale.set( 3, 3, 3 );
cloud.position.set( 0, 1, 0 );
cloud.rotation.set( Math.PI * 0.25, Math.PI * 0.5, 0 );

scene.add( cloud );

Description

THREE.Cloud is extended THREE.Mesh object. A geometry of THREE.Cloud is THREE.BoxGeometry and cloud shapes are generated by a fractal noise shader.

Demo

Demo

Sources

• Volumetric Clouds - http://www.alinenormoyle.com/projects/clouds/index.html

• Shadertoy : Clouds - https://www.shadertoy.com/view/XslGRr