three.js dev template - module
CSS
body {
background-color: #000;
margin: 0px;
overflow: hidden;
}
JavaScript
import * as THREE from "https://threejs.org/build/three.module.js";
import { OrbitControls } from "https://threejs.org/examples/jsm/controls/OrbitControls.js";
import { DragControls } from "https://threejs.org/examples/jsm/controls/DragControls.js";
import {EffectComposer} from "https://threejs.org/examples/jsm/postprocessing/EffectComposer.js";
import { RenderPass } from "https://threejs.org/examples/jsm/postprocessing/RenderPass.js";
import { OutlinePass } from "https://threejs.org/examples/jsm/postprocessing/OutlinePass.js";
import { ShaderPass } from "https://threejs.org/examples/jsm/postprocessing/ShaderPass.js";
import { TAARenderPass } from "https://threejs.org/examples/jsm/postprocessing/TAARenderPass.js";
import { CopyShader } from "https://threejs.org/examples/jsm/shaders/CopyShader.js";
import { GLTFLoader } from 'https://threejs.org/examples/jsm/loaders/GLTFLoader.js';
import { GUI } from 'https://threejs.org/examples/jsm/libs/dat.gui.module.js';
var container;
var camera, scene, renderer,composer;
var outlinePass,taaRenderPass,renderPass,copyPass;
var controls,controls2, group;
var objects = [];
var enableSelection = false;
var mesh;
var mouse = new THREE.Vector2(), raycaster = new THREE.Raycaster();
init();
animate();
setTimeout(function(){ ui(); }, 2000);
function init(){
container = document.createElement( 'div' );
document.body.appendChild( container );
camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.01, 5000 );
camera.position.z = 15;
camera.position.y = 1.2;
scene = new THREE.Scene();
scene.background = new THREE.Color( 0xffffff );
scene.add( new THREE.AmbientLight( 0x505050 ) );
var light = new THREE.SpotLight( 0xffffff, 5000.5 );
light.position.set( 0, 500, 2000 );
light.angle = Math.PI / 9;
light.castShadow = true;
light.shadow.camera.near = 1000;
light.shadow.camera.far =...