console
function init() {
var renderer = new THREE.WebGLRenderer({
canvas: document.getElementById('mainCanvas')
});
renderer.setClearColor(0x000000);
var scene = new THREE.Scene();
// var camera = new THREE.PerspectiveCamera(45, 4 / 3, 1, 1000);
// camera.position.set(0, 0, 5);
// scene.add(camera);
var camera = new THREE.OrthographicCamera(-1, 1, 1.5, -1.5, 1, 5);
camera.position.set(0, 0, 5);
scene.add(camera);
// var cube = new THREE.Mesh(new THREE.CubeGeometry(1, 2, 3),
// new THREE.MeshBasicMaterial({
// color: 0xff0000
// })
// );
// scene.add(cube);
var cube = new THREE.Mesh(new THREE.CubeGeometry(1, 1, 1),
new THREE.MeshBasicMaterial({
color: 0xff0000,
wireframe: true
})
);
// cube.position.z = 3;
scene.add(cube);
renderer.render(scene, camera);
}
<body onload="init()">
<canvas id="mainCanvas" width="400px" height="300px" ></canvas>
</body>