Untitled

<body></body>
<script src="/three.js"></script>
<script src="/controls/FlyControls.js"></script>
  // The "scene" is where stuff in our game will happen:
  var scene = new THREE.Scene();
  var flat = {flatShading: true};
  var light = new THREE.AmbientLight('white', 0.8);
  scene.add(light);

  // The "camera" is what sees the stuff:
  var aspectRatio = window.innerWidth / window.innerHeight;
  var camera = new THREE.PerspectiveCamera(75, aspectRatio, 1, 10000);
  camera.position.z = 500;
  scene.add(camera);

  // The "renderer" draws what the camera sees onto the screen:
  var renderer = new THREE.WebGLRenderer({antialias: true});
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);

  // ******** START CODING ON THE NEXT LINE ********
var shape = new THREE.SphereGeometry(50);
var cover = new THREE.MeshBasicMaterial({color:"blue"});
var planet = new THREE.Mesh(shape, cover);
planet.position.set(-300,0,0);
scene.add(planet);

var shape = new THREE.SphereGeometry(50);
var cover = new THREE.MeshBasicMaterial({color:"yellow"});
var planet = new THREE.Mesh(shape, cover);
planet.position.set(200, 0, 250);
scene.add(planet);

function makePlanet() {
  var size = r(50);
  var x = r(1000) - 500;
  var y = r(1000) - 500;
  var z = r(1000) - 1000;
  var surface = "purple";

  var shape = new THREE.SphereGeometry(size);
  var cover = new THREE.MeshBasicMaterial({color: rColor()})
  var planet = new THREE.Mesh(shape, cover);
  planet.position.set(x, y, z);
  scene.add(planet);
}
makePlanet();
makePlanet();

for (var i=0; i<100; i++) {
  makePlanet();
}
console.log(Math.random())

function r(max){
  if (max) return max * Math.random();
  return Math.random();
}

 var randomNum = r();
 console.log(randomNum);

 randomNum = r(100);
 console.log(r(100));

 console.log(r(100));
 console.log(r(100));

 function rColor() {
   return new THREE.Color (r(), r(), r());
 }

var controls = new THREE.FlyControls(camera);
controls.movementSpeed= 100;
controls.rollSpeed=0.5;
controls.dragToLook=true;
controls.autoForward=false;

  // Now, show what the camera sees on the screen:
  renderer.render(scene, camera);
</script>