three-default

Sets up a threejs scene with a camera and a renderer. Handles resizing. Skip the normal three boilerplate.

Usage:

const THREE = require('three')
const init = require('three-default')

const {
  scene,
  camera,
  renderer,
  autoSize,  // function: fill parent, resize whenever necessary
  autoRender // function: render forever
} = init(THREE)

autoSize()
autoRender()

// Now add whatever you want to the scene
scene.add(
  new THREE.Mesh(
    new THREE.BoxGeometry(1, 1, 1),
    new THREE.MeshBasicMaterial({
      color: 0xff7733,
      wireframe: true
})))
camera.position.z = 2

// parent defaults to document.body but it can be set explicitly
init(THREE, document.body)

Try this if you want full screen:

/* css */
html, body {
  margin: 0;
  height: 100%;
  overflow: hidden
}