three.js初期化 主に2D系

initThree2.js

// カメラ
var camera = new THREE.OrthographicCamera();

// レンダラー
// id=mainのcanvasタグ指定
var renderer = new THREE.WebGLRenderer({
  antialias: false,
  canvas:    document.getElementById('main')
});
renderer.setPixelRatio(window.devicePixelRatio || 1);

// メインのscene
var scene = new THREE.Scene();

// -------------------------
// 画面のリサイズ時に実行
// -------------------------
function _resize() {
  
  // ステージサイズ
  w = 1000;
  h = 1000;
  
  // カメラの設定
  camera.left   = -w * 0.5
  camera.right  = w * 0.5
  camera.top    = h * 0.5
  camera.bottom = -h * 0.5
  camera.near   = 0.1
  camera.far    = 1000
  camera.zoom   = 1
  camera.updateProjectionMatrix()
  camera.position.set(0, 0, 1)
  camera.lookAt(new THREE.Vector3(0, 0, 0))
  
  renderer.setSize(w, h);
  
}

// -------------------------
// 画面の更新時に実行
// -------------------------
function _update() {
  
  renderer.setClearColor(new THREE.Color(0xffffff));
  renderer.render(scene, camera);
  
}