three.js dev template - module

CSS

body {
	margin: 0px;
}
canvas {
	display: block;
}
.element {
	width: 120px;
	height: 50px;
	font-family: Helvetica, sans-serif;
	text-align: center;
	line-height: normal;
	cursor: default;
}

.element .text {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 8px;
}

JavaScript

import * as THREE from "https://cdn.jsdelivr.net/npm/three@0.115/build/three.module.js";
import { OrbitControls } from "https://cdn.jsdelivr.net/npm/three@0.115/examples/jsm/controls/OrbitControls.js";
import { CSS3DRenderer, CSS3DObject } from "https://cdn.jsdelivr.net/npm/three@0.115/examples/jsm/renderers/CSS3DRenderer.js";

var controls, camera, glScene, cssScene, glRenderer, cssRenderer;
 
  ///////////////////////////////////////////////////////////////////
  // Initializes scene
  //
  ///////////////////////////////////////////////////////////////////
  function initialize() {
    /**
     * 1、创建相机
     */
    camera = new THREE.PerspectiveCamera(
            50,
      window.innerWidth / window.innerHeight,
      0.01,
      1000);
 
    camera.position.set(0, 5.5, 200);

    /**
     * 2、创建webGLRenderer
     */
    glRenderer = new THREE.WebGLRenderer({alpha:true});

    glRenderer.setClearColor(0xECF8FF);
   	glRenderer.setPixelRatio(window.devicePixelRatio);
    glRenderer.setSize(window.innerWidth, window.innerHeight);

    /**
     * 3、cssRenderer
     */
    cssRenderer = new CSS3DRenderer();
    cssRenderer.setSize(window.innerWidth, window.innerHeight);
		cssRenderer.domElement.style.position = 'absolute';
		cssRenderer.domElement.style.top = 0;
		
		
    /**
     * 4、控制器
     */
		controls = new OrbitControls(camera, cssRenderer.domElement);
    /**
     * 5、加载到dom中
      */
    document.body.appendChild(cssRenderer.domElement);
    document.body.appendChild(glRenderer.domElement);

    /**
     * 6、创建scene
     */
    glScene = new THREE.Scene();
    cssScene = new THREE.Scene();
    /**
     * 7、加入灯光
     */
    var ambientLight = new THREE.AmbientLight(0x555555);
    glScene.add(ambientLight);
 
    var directionalLight = new THREE.DirectionalLight(0xffffff);
    directionalLight.position.set( -.5, .5, -1.5 ).normalize();
    glScene.add(directionalLight);

   var position=new THREE.Vector3(0, 0, 0)
   var rotation=  new THREE.Euler(0, 45 *...