Class Preview

preview.js:16–173

import { Geometry } from "./geometry";

export class Preview{
    constructor(){
        this.scene = new Scene();
        this.scene.background = new Color( 0xAAAAAA );
        this.camera = new PerspectiveCamera( 40, 1, 0.1, 20 );
        this.camera.position.set( 0, 0, 3 );
        this.renderer = new WebGLRenderer( { antialias: true } );
        this.renderer.setSize( 512, 512 );
        this.light = new DirectionalLight( 0xFFFFFF, 3 );
        this.light.position.set( 1, 1, 1 );
        this.ambient = new HemisphereLight( 0xAAAAFF, 0x222255, 0.1 );
        this.scene.add( this.light );
        this.scene.add( this.ambient );
        this.container = document.getElementById("preview");
        this.container.appendChild( this.renderer.domElement );
        this.controls = new OrbitControls( this.camera, this.renderer.domElement ); 
        this.controls.addEventListener( "change", this.render.bind(this) );
        this.material = new MeshStandardMaterial( { color: 0x3333BB } );//, wireframe: true } );
        this.on = false;
    }

    show( nodes, depth, holes ){
        const shape = this.nodesToShape( nodes );

        if (holes){
            for( const [key, nodes] of Object.entries(holes)){
                const path = this.nodesToPath( nodes );
                shape.holes.push( path );
            }
        }

        if ( this.mesh ){
            this.mesh.geometry.dispose();
            this.scene.remove( this.mesh );
        }

        const geometry = new ExtrudeGeometry( shape, { 
            depth,
            bevelEnabled: false
        });

        this.mesh = new Mesh( geometry, this.material );
        this.scene.add( this.mesh );

        const height = window.innerHeight;
        const top = (height - 512) / 2;
        this.container.style.top = `${top}px`;

        this.controls.target = this.getCenterPoint( this.mesh );
        this.camera.position.set( this.controls.target.x, this.controls.target.y, this.getCameraOffset( this.mesh ) );
        this.controls.update();

        this.render();

        this.on = true;
    }

    hide(){