arobject.js

"use strict";

define(["lib/three.min"], function() {

    THREE.Matrix4.prototype.setFromArray = function(m) {
        return this.set(
          m[0], m[4], m[8], m[12],
          m[1], m[5], m[9], m[13],
          m[2], m[6], m[10], m[14],
          m[3], m[7], m[11], m[15]
        );
    }

    THREE.Object3D.prototype.transformFromArray = function(m) {
        this.matrix.setFromArray(m);
        this.matrixWorldNeedsUpdate = true;
    }

    function createContainer() {
        var model = new THREE.Object3D();
        model.matrixAutoUpdate = false;
        return model;
    }

    function createMarkerMesh(color) {
        var geometry = new THREE.CubeGeometry( 100,100,100 );
        var materials = [
            new THREE.MeshPhongMaterial( {color:color, side:THREE.DoubleSide } ),
            new THREE.MeshBasicMaterial( {visible:false} ),
        ];

        for( var i = 0; i < geometry.faces.length; i++ ) {
            geometry.faces[ i ].materialIndex = 0;
        }
        geometry.faces[ 5 ].materialIndex = 1;

        var mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );
        mesh.position.z = 50;

        return mesh;
    }

    function createMarkerHitboxMesh() {
        var geometry = new THREE.PlaneGeometry( 100, 100 );
        var material = new THREE.MeshBasicMaterial({
            visible:false,
            side:THREE.DoubleSide
        });
        var mesh = new THREE.Mesh( geometry, material );

        return mesh;
    }

    function createMarkerOccluderMesh() {
        var geometry = new THREE.CubeGeometry( 100.1, 100.1, 100.1 );
        var materials = [
            new THREE.MeshBasicMaterial( {color:0x0000FF, side:THREE.DoubleSide } ),
            new THREE.MeshBasicMaterial( {visible:false} ),
        ];

        for( var i = 0; i < geometry.faces.length; i++ ) {
            geometry.faces[ i ].materialIndex = 0;
        }
        geometry.faces[ 5 ].materialIndex = 1;

        var mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );
        mesh.position.z = 50;

        return mesh;
    }

    function createMarkerObject(params) {
        var modelContainer = createContainer();

        var modelMesh = createMarkerMesh(params.color);
        modelContainer.add( modelMesh );

        var hitboxMesh = createMarkerHitboxMesh();
        modelContainer.add( hitboxMesh );

        var occluderContainer = createContainer();
        var occluderMesh = createMarkerOccluderMesh();
        occluderContainer.add( occluderMesh );

        function transform(matrix) {
            modelContainer.transformFromArray( matrix );
            occluderContainer.transformFromArray( matrix );
        }

        return {
            transform: transform,
            model: modelContainer,
            occluder: occluderContainer,
            hitbox: hitboxMesh,
        }
    }

    function createBallMesh() {
        var geometry = new THREE.SphereGeometry( 1, 64, 64 );
        var material = new THREE.MeshPhongMaterial( { color: 0xFFFFFF } );
        var mesh = new THREE.Mesh( geometry, material );

        return mesh;
    }

    function createBallObject() {
        var modelContainer = createContainer();
        var modelMesh = createBallMesh();
        modelContainer.add( modelMesh );

        function setPosition(x,y,z) {
            modelContainer.position.set(x,y,z);
            modelContainer.updateMatrix();
        }

        return {
            model:modelContainer,
            setPosition:setPosition,
        }
    }

    return {
        createMarkerObject:createMarkerObject,
        createBallObject:createBallObject
    }
});