123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785 |
- 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);
- }
|