123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499 |
- 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.createModelDAE = function (daeSrc, avatar) {
- var self = this;
- let daeTagName = 'DAE-ASSET-'+this.GUID();
- let daeTagNode = {
- "extends": "http://vwf.example.com/aframe/a-asset-item.vwf",
- "properties": {
- "itemID": daeTagName,
- "itemSrc": daeSrc,
- },
- }
- this.children.create(daeTagName, daeTagNode, function( child ) {
- let daeNodeName = 'DAE-MODEL-'+self.GUID();
- var position = "0 0 0";
- let myAvatar = self.children[avatar];
- let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
-
- if (cursorNode) {
- position = cursorNode.worldPosition;
- //console.log(position);
- }
- let daeNode = {
- "extends": "http://vwf.example.com/aframe/acolladamodel.vwf",
- "properties": {
- "src": '#' + child.itemID,
- "position": position
- }
- }
- self.children.create(daeNodeName, daeNode, function( child ) {
- if (avatar) child.lookAt(self.children[avatar].worldPosition)
- });
- });
- }
- this.createPrimitive = function (type, avatar, params, name, node) {
- var position = "0 0 0";
- var nodeName = name;
- let myAvatar = this.children[avatar];
- let cursorNode = myAvatar.avatarNode.myHead.myCursor.vis;
- if (cursorNode) {
- position = cursorNode.worldPosition;
- //console.log(position);
- }
- if (!name) {
- nodeName = this.GUID();
- }
- 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 ) {
- 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);
- }
|