livecodingspace-app/support/proxy/vwf.example.com/aframe/ascene.js

this.initialize = function () {
    this.future(0).clientWatch();
};

this.clientWatch = function () {
    var self = this;

    if (this.children.length !== 0) {

        var clients = this.find("doc('http://vwf.example.com/clients.vwf')")[0];

        if (clients !== undefined) {
            //console.log(clients.children);

            let clientsArray = [];

            clients.children.forEach(function (element) {
                clientsArray.push(element.name);

            });

            this.children.forEach(function (node) {
                if (node.id.indexOf('avatar-') != -1) {

                    if (clientsArray.includes(node.id.slice(7))) {
                        //console.log(node.id + 'is here!');
                    } else {
                        //console.log(node.id + " needed to delete!");
                        self.children.delete(self.children[node.id]);
                        //'gearvr-'
                        let controllerVR = self.children['gearvr-' + node.id.slice(7)];
                        if (controllerVR) {
                            self.children.delete(controllerVR);
                        }

                        let wmrvR = self.children['wmrvr-right-' + node.id.slice(7)];
                        if (wmrvR) {
                            self.children.delete(wmrvR);
                        }

                        let wmrvL = self.children['wmrvr-left-' + node.id.slice(7)];
                        if (wmrvL) {
                            self.children.delete(wmrvL);
                        }

                    }
                }
            });
        }
    }
    this.future(5).clientWatch();
};

this.sphereProto = function () {

    let node = {
        "extends": "http://vwf.example.com/aframe/asphere.vwf",
        "properties": {
            "displayName": "sphere",
            "radius": 1,
            "clickable": true
        },
        children: {
            "material": {
                "extends": "http://vwf.example.com/aframe/aMaterialComponent.vwf",
                "type": "component",
                "properties":{
                    "color": "white"
                }
            },
            "interpolation":
                {
                    "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                    "type": "component",
                    "properties": {
                        "enabled": true
                    }
                },
            "cursor-listener": {
                "extends": "http://vwf.example.com/aframe/app-cursor-listener-component.vwf",
                "type": "component"
            }
        },
        events: {
            "clickEvent": {
                "body": ""
            }
        }
    }

    return node
}

this.cylinderProto = function () {

    let node = {
        "extends": "http://vwf.example.com/aframe/acylinder.vwf",
        "properties": {
            "displayName": "cylinder",
            "radius": 1,
            "height": 1,
            "clickable": true
        },
        children: {
            "material": {
                "extends": "http://vwf.example.com/aframe/aMaterialComponent.vwf",
                "type": "component",
                "properties":{
                    "color": "white"
                }
            },
            "interpolation":
                {
                    "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                    "type": "component",
                    "properties": {
                        "enabled": true
                    }
                },
            "cursor-listener": {
                "extends": "http://vwf.example.com/aframe/app-cursor-listener-component.vwf",
                "type": "component"
            }
        },
        events: {
            "clickEvent": {
                "body": ""
            }
        }
    }

    return node
}

this.coneProto = function () {

    let node = {
        "extends": "http://vwf.example.com/aframe/acone.vwf",
        "properties": {
            "displayName": "cone",
            "radius-bottom": 1,
            "radius-top": 0.01,
            "height": 1,
            "clickable": true
        },
        children: {
            "material": {
                "extends": "http://vwf.example.com/aframe/aMaterialComponent.vwf",
                "type": "component",
                "properties":{
                    "color": "white"
                }
            },
            "interpolation":
                {
                    "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                    "type": "component",
                    "properties": {
                        "enabled": true
                    }
                },
            "cursor-listener": {
                "extends": "http://vwf.example.com/aframe/app-cursor-listener-component.vwf",
                "type": "component"
            }
        },
        events: {
            "clickEvent": {
                "body": ""
            }
        }
    }

    return node
}

this.textProto = function () {

    let node = {
        "extends": "http://vwf.example.com/aframe/atext.vwf",
        "properties": {
            "displayName": "text",
            "color": "white",
            "value": "Text",
            "side": "double",
            "clickable": true
        },
        children: {
            "interpolation":
                {
                    "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                    "type": "component",
                    "properties": {
                        "enabled": true
                    }
                },
            "cursor-listener": {
                "extends": "http://vwf.example.com/aframe/app-cursor-listener-component.vwf",
                "type": "component"
            }
        },
        events: {
            "clickEvent": {
                "body": ""
            }
        }
    }

    return node
}

this.cubeProto = function () {

    let node = {
        "extends": "http://vwf.example.com/aframe/abox.vwf",
        "properties": {
            "displayName": "cube",
            "height": 1,
            "width": 1,
            "depth": 1,
            "clickable": true
        },
        children: {
            "interpolation":
                {
                    "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                    "type": "component",
                    "properties": {
                        "enabled": true
                    }
                },
            "cursor-listener": {
                "extends": "http://vwf.example.com/aframe/app-cursor-listener-component.vwf",
                "type": "component"
            },
            "material": {
                "extends": "http://vwf.example.com/aframe/aMaterialComponent.vwf",
                "type": "component",
                "properties":{
                    "color": "white"
                }
            }
        },
        events: {
            "clickEvent": {
                "body": ""
            }
        }
    }

    return node
}

this.lightProto = function (lightType) {

    var newLightType = lightType

    if (!newLightType){
        newLightType = "directional"
    }

    let node = {
        "extends": "http://vwf.example.com/aframe/alight.vwf",
        "properties": {
            "displayName": newLightType,
            "type": newLightType,
            "clickable": true
        },
        children: {
            "interpolation":
                {
                    "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                    "type": "component",
                    "properties": {
                        "enabled": true
                    }
                },
            "cursor-listener": {
                "extends": "http://vwf.example.com/aframe/app-cursor-listener-component.vwf",
                "type": "component"
            }
        },
        events: {
            "clickEvent": {
                "body": ""
            }
        }
    }

    return node
}

this.planeProto = function () {

    let node = {
        "extends": "http://vwf.example.com/aframe/aplane.vwf",
        "properties": {
            "displayName": "plane",
            "height": 1,
            "width": 1,
            "clickable": true
        },
        children: {
            "material": {
                "extends": "http://vwf.example.com/aframe/aMaterialComponent.vwf",
                "type": "component",
                "properties": {
                    "side": "double",
                    "color": "white"
                }
            },
            "interpolation":
                {
                    "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                    "type": "component",
                    "properties": {
                        "enabled": true
                    }
                },
            "cursor-listener": {
                "extends": "http://vwf.example.com/aframe/app-cursor-listener-component.vwf",
                "type": "component"
            }
        },
        events: {
            "clickEvent": {
                "body": ""
            }
        }
    }

    return node
}

this.createModel = function (modelType, modelSrc, avatar) {

    var self = this;

    let tagName = modelType + '-ASSET-'+ this.GUID();
    let tagNode = {
        "extends": "http://vwf.example.com/aframe/a-asset-item.vwf",
        "properties": {
            "itemID": tagName,
            "itemSrc": modelSrc
        }
    }

    this.children.create(tagName, tagNode, function( child ) {

        let nodeName = modelType + '-MODEL-'+self.GUID();
        var position = "0 0 0";
        if (avatar) {
            
            let myAvatar = self.children[avatar];
            let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
        
            if (cursorNode) {
                 position = cursorNode.worldPosition;
                //console.log(position);
            }
    
        }
       
        const protos = {
            DAE: "http://vwf.example.com/aframe/acolladamodel.vwf",
            OBJ: "http://vwf.example.com/aframe/aobjmodel.vwf",
            GLTF: "http://vwf.example.com/aframe/agltfmodel.vwf"
        }


        let extendsName = Object.entries(protos).filter(el => el[0] == modelType)[0];
 
        let modelNode = {
            "extends": extendsName[1],
            "properties": {
                "src": '#' + child.itemID,
                "position": position
            },
            children:{
                "interpolation":
                {
                    "extends": "http://vwf.example.com/aframe/interpolation-component.vwf",
                    "type": "component",
                    "properties": {
                        "enabled": true
                    }
                }
            }
        }

        self.children.create(nodeName, modelNode, function( child ) {
            if (avatar) child.lookAt(self.children[avatar].worldPosition)
           });

       });
}


this.createAssetResource = function(resType, resSrc){

    var self = this;

    const protos = {
        IMG: "http://vwf.example.com/aframe/a-asset-image-item.vwf",
        AUDIO: "http://vwf.example.com/aframe/a-asset-audio-item.vwf",
        VIDEO:  "http://vwf.example.com/aframe/a-asset-video-item.vwf",
        ITEM:  "http://vwf.example.com/aframe/a-asset-item.vwf" 
    };

    let extendsName = Object.entries(protos).filter(el => el[0] == resType)[0];

    let tagName = resType + '-ASSET-'+ this.GUID();
    let tagNode = {
        "extends": extendsName[1],
        "properties": {
            "itemID": tagName,
            "itemSrc": resSrc
        }
    }

    this.children.create(tagName, tagNode);

}


this.createPrimitive = function (type, params, name, node, avatar) {

    var position = "0 0 0";

    var nodeName = name;
    if (!nodeName) {
        nodeName = this.GUID();
    }

    if (avatar) {

        let myAvatar = this.children[avatar];
        let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;

        if (cursorNode) {
            position = cursorNode.worldPosition;
            //console.log(position);
        }

    }

    var newNode = {};

    switch (type) {

        case "cube":
            newNode = this.cubeProto();
            break;

        case "sphere":
            newNode = this.sphereProto();
            break;

        case "plane":
            newNode = this.planeProto();
            break;

        case "light":
            newNode = this.lightProto(params);
            break;
            
        case "text":
            newNode = this.textProto(params);
            break;

        case "cylinder":
            newNode = this.cylinderProto();
            break;
        
        case "cone":
            newNode = this.coneProto();
            break;

        default:
            newNode = undefined;
            break;
    }

    var self = this;

    if (newNode) {
        newNode.properties.position = position;
        this.children.create(nodeName, newNode, function( child ) {
            if (avatar)child.lookAt(self.children[avatar].worldPosition)
          });
    }

}

this.createImage = function (imgSrc, name, node, avatar) {

    var self = this;

    var position = "0 0 0";

    var nodeName = name;
    if (!nodeName) {
        nodeName = this.GUID();
    }

    if (avatar) {

        let myAvatar = this.children[avatar];
        let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;

        if (cursorNode) {
            position = cursorNode.worldPosition;
            //console.log(position);
        }

    }

    let tagName = 'IMG-ASSET-'+ this.GUID();
    let tagNode = {
        "extends": "http://vwf.example.com/aframe/a-asset-image-item.vwf",
        "properties": {
            "itemID": tagName,
            "itemSrc": imgSrc
        }
    }

    this.children.create(tagName, tagNode, function( child ) {


        let allNodes = vwf.models["vwf/model/aframe"].model.state.nodes;
        let imgAssetNode = allNodes[child.id];

        imgAssetNode.aframeObj.onload = function(){

       // console.log(imgAssetNode);

        let nodeName = 'IMAGE-'+self.GUID();
        var position = "0 0 0";
        if (avatar) {
            
            let myAvatar = self.children[avatar];
            let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
        
            if (cursorNode) {
                 position = cursorNode.worldPosition;
                //console.log(position);
            }
    
        }
 
        let newNode = self.planeProto();
        newNode.properties.displayName = "image";
        newNode.children.material.properties.src = '#' + child.itemID;
        newNode.properties.position = position;
        newNode.properties.width = child.width;
        newNode.properties.height = child.height;
        newNode.properties.scale = [0.003, 0.003, 0.003];

        self.children.create(nodeName, newNode, function( child ) {
            if (avatar) child.lookAt(self.children[avatar].worldPosition)
           });

        }
        

       });

}

this.createVideo = function (vidSrc, name, node, avatar) {

    var self = this;

    var position = "0 0 0";

    var nodeName = name;
    if (!nodeName) {
        nodeName = this.GUID();
    }

    if (avatar) {

        let myAvatar = this.children[avatar];
        let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;

        if (cursorNode) {
            position = cursorNode.worldPosition;
            //console.log(position);
        }

    }

    let tagName = 'VIDEO-ASSET-'+ this.GUID();
    let tagNode = {
        "extends": "http://vwf.example.com/aframe/a-asset-video-item.vwf",
        "properties": {
            "itemID": tagName,
            "itemSrc": vidSrc
        }
    }

    this.children.create(tagName, tagNode, function( child ) {


        let allNodes = vwf.models["vwf/model/aframe"].model.state.nodes;
        let imgAssetNode = allNodes[child.id];

        imgAssetNode.aframeObj.onloadeddata = function(){

       //console.log(imgAssetNode);

        let nodeName = 'VIDEO-'+self.GUID();
        var position = "0 0 0";
        if (avatar) {
            
            let myAvatar = self.children[avatar];
            let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
        
            if (cursorNode) {
                 position = cursorNode.worldPosition;
                //console.log(position);
            }
    
        }
 
        let newNode = self.planeProto();
        newNode.properties.displayName = "video";
        newNode.children.material.properties.src = '#' + child.itemID;
        newNode.properties.position = position;
        // newNode.properties.width = 3;
        // newNode.properties.height = 1.75;
        newNode.properties.width = child.videoWidth;
        newNode.properties.height = child.videoHeight;
        newNode.properties.scale = [0.003, 0.003, 0.003];

        self.children.create(nodeName, newNode, function( child ) {
            if (avatar) child.lookAt(self.children[avatar].worldPosition)
           });

        }
        
       });

}

this.createAudio = function (itemSrc, name, node, avatar) {

    var self = this;

    var position = "0 0 0";

    var nodeName = name;
    if (!nodeName) {
        nodeName = this.GUID();
    }

    if (avatar) {

        let myAvatar = this.children[avatar];
        let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;

        if (cursorNode) {
            position = cursorNode.worldPosition;
            //console.log(position);
        }

    }

    let tagName = 'AUDIO-ASSET-'+ this.GUID();
    let tagNode = {
        "extends": "http://vwf.example.com/aframe/a-asset-audio-item.vwf",
        "properties": {
            "itemID": tagName,
            "itemSrc": itemSrc
        }
    }

    this.children.create(tagName, tagNode, function( child ) {


        // let allNodes = vwf.models["vwf/model/aframe"].model.state.nodes;
        // let itemAssetNode = allNodes[child.id];

    //     itemAssetNode.aframeObj.onload = function(){

    //    console.log(itemAssetNode);

        let nodeName = 'AUDIO-'+self.GUID();
        var position = "0 0 0";
        if (avatar) {
            
            let myAvatar = self.children[avatar];
            let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
        
            if (cursorNode) {
                 position = cursorNode.worldPosition;
                //console.log(position);
            }
    
        }
 
        let newNode = self.cubeProto();
        newNode.properties.displayName = "audio";
        newNode.properties.position = position;
        newNode.children.sound = {
            
                "extends": "http://vwf.example.com/aframe/a-sound-component.vwf",
                "type": "component",
                "properties": {
                    "autoplay": true,
                    "loop": true,
                    "src": '#' + child.itemID
                }
            
        };

        self.children.create(nodeName, newNode, function( child ) {
            if (avatar) child.lookAt(self.children[avatar].worldPosition)
           });

       // }
        

       });

}


this.GUID = function () {
    var self = this;
    var S4 = function () {
        return Math.floor(
            self.random() * 0x10000 /* 65536 */
        ).toString(16);
    };

    return (
        S4() + S4() + "-" +
        S4() + "-" +
        S4() + "-" +
        S4() + "-" +
        S4() + S4() + S4()
    );
}

this.smallRandomId = function()  {
    return '_' + this.random().toString(36).substr(2, 9);
}

this.assetImgProto = function () {

    let node = {
        "extends": "http://vwf.example.com/aframe/a-asset-image-item.vwf",
        "properties": {
        },
    }
    return node
}



this.createAssetItemImg = function(){

    console.log("create new asset item for img");

    let nodeName = "asset-item-img-" + this.smallRandomId();
    let newNode = {
        "extends": "http://vwf.example.com/aframe/a-asset-image-item.vwf",
        "properties": {
            itemID:  nodeName,
            itemSrc: ""
        }
    }

    this.children.create(nodeName, newNode);

}

this.deleteNode = function(nodeName){

      let node = this.children[nodeName];
    if (node) this.children.delete(node);

}