Method constructor

index.js:10–178

()

class App{
    constructor(){
        const canvas = document.createElement('canvas');
        document.body.appendChild( canvas );
        this.canvas = canvas;

        this.store = new Store();

        let activePath = this.store.read( 'activePath' );
        if (activePath==null) activePath = "Path1";

        this.config = { yAxis: 0.5, xAxis: 0.5, xMax: 2, units: 'm', snap: true,
            export: () => {
                this.export();
            }, 
            delete: () => {
                this.deletePath();
            },
            newPath: () => {
                this.newPath();
            },
            copyPath: () => {
                this.copyPath();
            },
            show: () => {
                //console.log( 'Show' );
                if (this.config.holes){
                    this.preview.show( this.nodes, this.config.depth, this.ghosts.paths );
                }else{
                    this.preview.show( this.nodes, this.config.depth );
                }
                this.previewOn = true;
            },
            udo: () => {
                if (this.store.udo()){
                    this.loadPath( this.activePath );
                }
            },
            readme: () => {
                window.location = 'https://github.com/NikLever/ThreeJS-PathEditor';
            },
            name: activePath,
            tool: 'select', depth: 0.2,
            snap: false,
            holes: false
        };

        this.graph = new Graph( canvas, this.config );

        const pathNames = this.store.getPathNames();

        const gui = new GUI();
        const config = gui.addFolder( 'Settings' );
        config.add( this.config, 'xAxis', 0, 1).onChange( value => this.render() );
        config.add( this.config, 'yAxis', 0, 1).onChange( value => this.render() );
        config.add( this.config, 'xMax', 0.5, 10, 1).onChange( value => this.render() );
        //gui.add( this.config, 'scale', 0, 100).name('scale (%)');
        config.add( this.config, 'units', [ 'm', 'cm', 'mm' ] );
        config.add( this.config, 'depth', 0.02, 2 ).name('extrude depth');