3D Game Programming for Kids, 2nd Edition

Bonus #1: Add a Background

We can give this mini-game a space-age feel with the starry background from Chapter 13, ​Project: Phases of the Moon​. Below the win function definition and the collision event listener, add the following code:

function addBackground() {
  var cover = new THREE.PointsMaterial({color: 'white', size: 2});
  var shape = new THREE.Geometry();

  var distance = 500;
  for (var i = 0; i < 2000; i++) {
    var ra = 2 * Math.PI * Math.random();
    var dec = 2 * Math.PI * Math.random();

    var point = new THREE.Vector3();
    point.x = distance * Math.cos(dec) * Math.cos(ra);
    point.y = distance * Math.sin(dec);
    point.z = distance * Math.cos(dec) * Math.sin(ra);

    shape.vertices.push(point);