three.js dev template - module

CSS

body {
	background-color: #000;
	margin: 0px;
	overflow: hidden;
}

JavaScript

// Simple three.js example

import * as THREE from "https://threejs.org/build/three.module.js";
import { OrbitControls } from "https://threejs.org/examples/jsm/controls/OrbitControls.js";
import { LineMaterial } from 'https://threejs.org/examples/jsm/lines/LineMaterial.js';
import { Wireframe } from 'https://threejs.org/examples/jsm/lines/Wireframe.js';
import { LineSegmentsGeometry } from 'https://threejs.org/examples/jsm/lines/LineSegmentsGeometry.js';

var wireframe, renderer, scene, camera, camera2, controls;
var wireframe1;
var matLine, matLineBasic, matLineDashed;

// viewport
var insetWidth;
var insetHeight;

init();
animate();

function init() {

	renderer = new THREE.WebGLRenderer( { antialias: true } );
	renderer.setPixelRatio( window.devicePixelRatio );
	renderer.setClearColor( 0x000000, 0.0 );
	renderer.setSize( window.innerWidth, window.innerHeight );
	document.body.appendChild( renderer.domElement );

	scene = new THREE.Scene();

	camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 1000 );
	camera.position.set( - 50, 0, 50 );

	controls = new OrbitControls( camera, renderer.domElement );
	controls.minDistance = 10;
	controls.maxDistance = 500;

	// 

	var boxGeometry = new THREE.BoxBufferGeometry( 20, 20, 20 );
	var edgesGeometry = new THREE.EdgesGeometry( boxGeometry );

	var lineGeometry = new LineSegmentsGeometry().fromEdgesGeometry( edgesGeometry );

	matLine = new LineMaterial( {
		color: 0x4080ff,
		linewidth: 5,
	} );

	wireframe = new Wireframe( lineGeometry, matLine );
	wireframe.computeLineDistances();
	wireframe.scale.set( 1, 1, 1 );
	scene.add( wireframe );

	//

	window.addEventListener( 'resize', onWindowResize, false );
	onWindowResize();

}

function onWindowResize() {

	camera.aspect = window.innerWidth / window.innerHeight;
	camera.updateProjectionMatrix();

	renderer.setSize( window.innerWidth, window.innerHeight );

}

function animate() {

	requestAnimationFrame( animate );

	// renderer will set...