GameProgramming0

Primer

by chaiche

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r70/three.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/3587259/Code/Threejs/OrbitControls.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.5/dat.gui.min.js"></script>

JavaScript

var scene, renderer, camera;
var controls;


init();
animate();

function init() {
	scene = new THREE.Scene();
  renderer = new THREE.WebGLRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  renderer.setClearColor(0x888888);
  document.body.appendChild(renderer.domElement);

  camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 10000);
  camera.position.set(-100,150,200);
  controls = new THREE.OrbitControls(camera, renderer.domElement);
  
  var gridXZ = new THREE.GridHelper(100, 10);
  gridXZ.setColors(new THREE.Color(0xff0000), new THREE.Color(0xffffff));
  //scene.add(gridXZ);
  window.addEventListener('resize', onWindowResize, false);
  
 	create(); 
  
   var road = new THREE.Mesh(new THREE.CylinderGeometry(80, 80, 10,64,1,true),new THREE.MeshBasicMaterial({color: 0x0000ff,side:THREE.DoubleSide}));
   road.position.y =0;
   scene.add(road);
   
   var road2 = new THREE.Mesh(new THREE.CylinderGeometry(100, 100, 10,64,1,true),new THREE.MeshBasicMaterial({color: 0x0000ff,side:THREE.DoubleSide}));
   road.position.y =0;
   scene.add(road2);
}
function create(){	

  object = new THREE.Object3D();
  
  body = new THREE.Mesh(new THREE.BoxGeometry(40, 16, 20),
                            new THREE.MeshBasicMaterial({
    color: 0x0000ff,
  }));
  body.position.y = 8;
  body.position.z = 88;
  object.add(body);
  
  var head = new THREE.Mesh(new THREE.CylinderGeometry(7, 7, 30,32),new THREE.MeshBasicMaterial({color: 0xff00ff}));
  head.position.set(5,8,0);
  head.rotation.z = Math.PI/2;
  body.add(head);
  
  var head_top = new THREE.Mesh(new THREE.CylinderGeometry(2, 2, 6,32),new THREE.MeshBasicMaterial({color: 0x0000ff}));
  head_top.position.set(9,-8,0);
  head_top.rotation.z = Math.PI/2;
  head.add(head_top);
  
  var head_top_sphere = new THREE.Mesh(new THREE.SphereGeometry(2,8,8),new THREE.MeshBasicMaterial({color: 0x0000ff}));
  head_top_sphere.position.set(0,-3,0);
  head_top.add(head_top_sphere);
  
  
 ...