Skip to content

Instantly share code, notes, and snippets.

@Xanmia

Xanmia/Cave.markdown

Created September 17, 2014 12:35
Show Gist options
  • Save Xanmia/95a2e8d9b563660e2f15 to your computer and use it in GitHub Desktop.
Save Xanmia/95a2e8d9b563660e2f15 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by Xanmia.
Raw
script.js
var vertexHeight = 125000;
var planeDefinition = 20;
var planeSize = 1245000;
var totalObjects = 500;
var container = document.createElement('div');
document.body.appendChild( container );
var camera = new THREE.PerspectiveCamera(55, window.innerWidth / window.innerHeight,1, 2500000)
camera.position.z = 670000;
camera.position.y =10000;
camera.lookAt( new THREE.Vector3(0,6000,0) );
var scene = new THREE.Scene();
scene.fog = new THREE.Fog( 0x000000, 100000, 400000 );
var plane = new THREE.Mesh( new THREE.PlaneGeometry( planeSize, planeSize, planeDefinition, planeDefinition ), new THREE.MeshBasicMaterial( { color: 0x555555, wireframe: false } ) );
plane.rotation.x -=Math.PI*1.5;
plane.position.y = 20000;
scene.add( plane );
var plane2 = new THREE.Mesh( new THREE.PlaneGeometry( planeSize, planeSize, planeDefinition, planeDefinition ), new THREE.MeshBasicMaterial( { color: 0x555555, wireframe: false } ) );
plane2.rotation.x -=Math.PI*.5;
//plane2.position.z = 100000;
scene.add( plane2 );
var geometry = new THREE.Geometry();
for (i = 0; i < totalObjects; i ++)
{
var vertex = new THREE.Vector3();
vertex.x = Math.random()*planeSize-(planeSize*.5);
vertex.y = (Math.random()*100000)-10000;
vertex.z = Math.random()*planeSize-(planeSize*.5);
geometry.vertices.push( vertex );
}
var material = new THREE.ParticleBasicMaterial( { size: 200 });
var particles = new THREE.ParticleSystem( geometry, material );
scene.add( particles );
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
container.appendChild( renderer.domElement );
updatePlane(plane);
updatePlane(plane2);
function updatePlane(obj) {
for (var i = 0; i < obj.geometry.vertices.length; i++)
{
obj.geometry.vertices[i].z += Math.random()*vertexHeight -vertexHeight;
}
};
render();
function render() {
requestAnimationFrame( render );
camera.position.z -= 150;
// dateVerts();
renderer.render( scene, camera );
}
Raw
style.css
body{
background-color: #000000;
margin: 0px;
overflow: hidden;
background-image: radial-gradient(ellipse farthest-corner at center top, #23233f 0%, #000000 60%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment