Skip to content

Instantly share code, notes, and snippets.

@Xanmia

Xanmia/Open-Ground.markdown

Created September 17, 2014 12:34
Show Gist options
  • Save Xanmia/d3b029a82a5e4a196b87 to your computer and use it in GitHub Desktop.
Save Xanmia/d3b029a82a5e4a196b87 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by Xanmia.
Raw
script.js
var vertexHeight = 15000;
var planeDefinition = 100;
var planeSize = 1245000;
var totalObjects = 100000;
var container = document.createElement('div');
document.body.appendChild( container );
var camera = new THREE.PerspectiveCamera(55, window.innerWidth / window.innerHeight,1, 400000)
camera.position.z = 550000;
camera.position.y =10000;
camera.lookAt( new THREE.Vector3(0,6000,0) );
var scene = new THREE.Scene();
scene.fog = new THREE.Fog( 0x000000, 1, 300000 );
var plane = new THREE.Mesh( new THREE.PlaneGeometry( planeSize, planeSize, planeDefinition, planeDefinition ), new THREE.MeshBasicMaterial( { color: 0x555555, wireframe: true } ) );
plane.rotation.x -=Math.PI*.5;
scene.add( plane );
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;
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();
function updatePlane() {
for (var i = 0; i < plane.geometry.vertices.length; i++)
{
plane.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