Some wireframe cube

Wireframe cube with ambient light

by hirako2000

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/93/three.min.js"></script>

CSS

body {
  margin: 0;
}

JavaScript 1.7

let renderer;
let scene;
let camera;
let mesh;

init();
animate();


function init() {
	scene = new THREE.Scene();
  camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 1000 );
  camera.position.z = 5;
  camera.position.y = 1;
  scene.add(camera);
  setupRenderer();
  addCube();
  addLight();
}

function addCube() {
	const geometry = new THREE.BoxGeometry(1, 1, 1);
  const material = new THREE.MeshPhongMaterial({wireframe: true,
  	color: 0x00ff00
  });
  mesh = new THREE.Mesh(geometry, material);
  scene.add(mesh);
   
}

function addLight() {
	const light = new THREE.AmbientLight(0xffffff, 0.5);
  scene.add(light);
}

function setupRenderer() {
	renderer = new THREE.WebGLRenderer({antiaslia: false});
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);
}

function animate() {
  requestAnimationFrame(animate);
  render();
}

function render() {
	renderer.render(scene, camera);
  mesh.rotation.y += 0.01;
  mesh.rotation.z -= 0.01;
}