Demo (Animation: Camera Position)

(Note that the origin point has no dimension. This means that its size is not changed even if a camera moves.)

Code

function main() {
  var scene = new ZERO.Scene();

  var geometry = new ZERO.PointGeometry();
  var material = new ZERO.MeshBasicMaterial({color: 0xffffff});
  var mesh = new ZERO.Mesh(geometry, material);
  scene.add(mesh);
  
  var width = 500;
  var height = 500;
  var fov = 30;
  var aspect = width / height;
  var near = 0.1;
  var far = 1000;
  var position = 500;
  var camera = new ZERO.PerspectiveCamera(fov, aspect, near, far);
  camera.position.set(position);

  var directionalLight = new ZERO.DirectionalLight(0xffffff);
  directionalLight.position.set(1.0);
  scene.add(directionalLight);

  var renderer = new ZERO.WebGLRenderer();
  renderer.setSize(width, height);
  document.getElementById('demo').appendChild(renderer.domElement);

  (function animation() {
    position += 1;
    position %= 1000;
    camera.position.set(position);
    renderer.render(scene, camera);
    requestAnimationFrame(animation);
  })();
}
document.addEventListener('DOMContentLoaded', main, false);