Ore Three

three.js utils.

Documentation Examples

install

You can get the library from npm.

$ npm install ore-three

Import

import * as ORE from 'ore-three';

Create Controller

import * as ORE from 'ore-three';

import { ControllerScene } from './ControllerScene';

export class APP {

    private controller: ORE.Controller;

    constructor() {

        this.controller = new ORE.Controller();

        this.controller.addLayer( new ControllerScene(), {
            name: 'Main',
            canvas: document.querySelector( '#canvas' ) as HTMLCanvasElement,
        } );

    }

}

window.addEventListener( 'load', () => {

    let app = new APP();

} );

Create Scene

import * as THREE from 'three';
import * as ORE from 'ore-three';

export class ControllerScene extends ORE.BaseLayer {

    private box: THREE.Mesh;

    constructor() {

        super();

    }

    public onBind( info: ORE.LayerInfo ) {

        super.onBind( info );

        this.camera.position.set( 0, 1.5, 4 );
        this.camera.lookAt( 0, 0, 0 );

        this.box = new THREE.Mesh( new THREE.BoxGeometry(), new THREE.MeshNormalMaterial() );
        this.scene.add( this.box );

    }

    public animate( deltaTime: number ) {

        this.box.rotateY( 1.0 * deltaTime );

        this.renderer.render( this.scene, this.camera );

    }

    public onResize() {

        super.onResize();

    }

    public onTouchStart( args: ORE.TouchEventArgs ) {

    }

    public onTouchMove( args: ORE.TouchEventArgs ) {

    }

    public onTouchEnd( args: ORE.TouchEventArgs ) {

    }

    public onHover( args: ORE.TouchEventArgs ) {

    }

    public onWheel( event: WheelEvent, trackpadDelta: number ) {

    }


}