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 Stats from 'https://threejs.org/examples/jsm/libs/stats.module.js';
import { GUI } from 'https://threejs.org/examples/jsm/libs/dat.gui.module.js';
import { OrbitControls } from 'https://threejs.org/examples/jsm/controls/OrbitControls.js';
import { EffectComposer } from 'https://threejs.org/examples/jsm/postprocessing/EffectComposer.js';
import { RenderPass } from 'https://threejs.org/examples/jsm/postprocessing/RenderPass.js';
import { ShaderPass } from 'https://threejs.org/examples/jsm/postprocessing/ShaderPass.js';
import { OutlinePass } from 'https://threejs.org/examples/jsm/postprocessing/OutlinePass.js';
import { FXAAShader } from 'https://threejs.org/examples/jsm/shaders/FXAAShader.js';
import { OBJLoader } from 'https://threejs.org/examples/jsm/loaders/OBJLoader.js';
var container, stats;
var camera, scene, renderer, controls;
var raycaster = new THREE.Raycaster();
var mouse = new THREE.Vector2();
var selectedObjects = [];
var composer, effectFXAA, outlinePass;
var obj3d = new THREE.Object3D();
var group = new THREE.Group();
var params = {
edgeStrength: 3.0,
edgeGlow: 0.0,
edgeThickness: 1.0,
pulsePeriod: 0,
rotate: false,
usePatternTexture: false
};
// Init gui
var gui = new GUI( { width: 300 } );
gui.add( params, 'edgeStrength', 0.01, 10 ).onChange( function ( value ) {
outlinePass.edgeStrength = Number( value );
} );
gui.add( params, 'edgeGlow', 0.0, 1 ).onChange( function ( value ) {
outlinePass.edgeGlow = Number( value );
} );
gui.add( params, 'edgeThickness', 1, 4 ).onChange( function ( value ) {
outlinePass.edgeThickness = Number( value );
} );
gui.add( params, 'pulsePeriod', 0.0, 5 ).onChange( function ( value ) {
outlinePass.pulsePeriod = Number( value );
} );
gui.add( params, 'rotate' );
gui.add( params, 'usePatternTexture' ).onChange( function ( value ) {
outlinePass.usePatternTexture = value;
} );
var Configuration = function ()...