Skip to content

Instantly share code, notes, and snippets.

@bendavis78

bendavis78/shapes.js

Created July 2, 2017 18:37
Show Gist options
  • Save bendavis78/4a72309a5ca71d8568e67652b44e6980 to your computer and use it in GitHub Desktop.
Save bendavis78/4a72309a5ca71d8568e67652b44e6980 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
shapes.js
<body></body>
<script src="http://gamingJS.com/Three.js"></script>
<script src="http://gamingJS.com/ChromeFixes.js"></script>
<script>
// This is where stuff in our game will happen:
var scene = new THREE.Scene();
// This is what sees the stuff:
var aspect_ratio = window.innerWidth / window.innerHeight;
var camera = new THREE.PerspectiveCamera(75, aspect_ratio, 1, 10000);
camera.position.z = 500;
scene.add(camera);
// This will draw what the camera sees onto the screen:
var renderer = new THREE.CanvasRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
// ******** START CODING ON THE NEXT LINE ********
var shape = new THREE.SphereGeometry(100,20,20);
var cover = new THREE.MeshNormalMaterial();
var ball = new THREE.Mesh(shape, cover);
scene.add(ball);
ball.position.set(-250,250,-250)
var shape = new THREE.CubeGeometry (100, 100, 100);
var cover= new THREE.MeshNormalMaterial();
var box = new THREE.Mesh(shape, cover);
scene.add (box);
box. rotation.set(1234.5, 13.5, 412)
box.position.set(-359,345,-234)
var shape = new THREE.CubeGeometry (300, 100, 20);
var cover = new THREE.MeshNormalMaterial();
var box2 = new THREE.Mesh(shape, cover);
scene.add (box2);
box2.rotation.set (0.5, 0.5, 0)
box2.position.set(0,325,-100)
var shape = new THREE.CylinderGeometry(20, 20, 100);
var cover = new THREE.MeshNormalMaterial();
var tube3 = new THREE.Mesh(shape, cover);
scene.add (tube3);
tube3. rotation. set (0.5, 0.2, 0.4)
tube3.position.set(100,213,100)
var shape = new THREE.CylinderGeometry(0, 50, 100,15,15);
var cover = new THREE.MeshNormalMaterial();
var tube = new THREE.Mesh(shape, cover);
scene.add (tube);
tube. rotation. set (0.5, 0, 0)
tube.position.set(100,23,100)
var shape = new THREE.CylinderGeometry(100,100,10,20);
var cover = new THREE.MeshNormalMaterial();
var tube2 = new THREE.Mesh(shape, cover);
scene.add (tube2);
tube2. rotation. set (0.5, 0, 0)
tube2.position.set(100,23,100)
var clock = new THREE.Clock();
function animate() {
requestAnimationFrame(animate);
var t = clock.getElapsedTime();
ball.rotation.set(t, 2*t, 0);
box.rotation.set(t, 2*t, 0);
tube.rotation.set(t, 2*t, 0);
box2.rotation.set(t, 2*t ,0);
tube2.rotation.set(t, 2*t ,0);
tube3.rotation.set(t, 2*t, 0);
renderer. render(scene, camera);
}
animate();
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment