12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352 |
- "use strict";
- // VWF & A-Frame model driver
- // Copyright 2017 Krestianstvo.org project
- //
- // Copyright 2012 United States Government, as represented by the Secretary of Defense, Under
- // Secretary of Defense (Personnel & Readiness).
- //
- // Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
- // in compliance with the License. You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software distributed under the License
- // is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
- // or implied. See the License for the specific language governing permissions and limitations under
- // the License.
- /// vwf/model/scenejs.js is a placeholder for a 3-D scene manager.
- ///
- /// @module vwf/model/aframe
- /// @requires vwf/model
- define(["module", "vwf/model", "vwf/utility"], function (module, model, utility) {
- var self;
- return model.load(module, {
- // == Module Definition ====================================================================
- // -- initialize ---------------------------------------------------------------------------
- initialize: function () {
- self = this;
- this.state = {
- nodes: {},
- scenes: {},
- prototypes: {},
- createLocalNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
- childSource, childType, childIndex, childName, callback) {
- return {
- "parentID": nodeID,
- "ID": childID,
- "extendsID": childExtendsID,
- "implementsIDs": childImplementsIDs,
- "source": childSource,
- "type": childType,
- "name": childName,
- "prototypes": undefined,
- "aframeObj": undefined,
- "scene": undefined,
- "componentName": undefined,
- "events": {
- "clickable": false
- }
- };
- },
- isAFrameClass: function (prototypes, classID) {
- if (prototypes) {
- for (var i = 0; i < prototypes.length; i++) {
- if (prototypes[i] === classID) {
- //console.info( "prototypes[ i ]: " + prototypes[ i ] );
- return true;
- }
- }
- }
- return false;
- },
- isAFrameComponent: function (prototypes) {
- var found = false;
- if (prototypes) {
- for (var i = 0; i < prototypes.length && !found; i++) {
- found = (prototypes[i] === "http://vwf.example.com/aframe/node.vwf");
- }
- }
- return found;
- },
- setAFrameProperty: function (propertyName, propertyValue, aframeObject) {
- //console.log(propertyValue);
- if (propertyValue.hasOwnProperty('x')) {
- aframeObject.setAttribute(propertyName, propertyValue)
- } else
- if (Array.isArray(propertyValue)) {
- aframeObject.setAttribute(propertyName, { x: propertyValue[0], y: propertyValue[1], z: propertyValue[2] })
- } else if (typeof propertyValue === 'string') {
- aframeObject.setAttribute(propertyName, AFRAME.utils.coordinates.parse(propertyValue))
- }
-
- }
- };
- this.state.kernel = this.kernel.kernel.kernel;
- },
- // == Model API ============================================================================
- // -- creatingNode -------------------------------------------------------------------------
- creatingNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
- childSource, childType, childIndex, childName, callback /* ( ready ) */) {
- // If the parent nodeID is 0, this node is attached directly to the root and is therefore either
- // the scene or a prototype. In either of those cases, save the uri of the new node
- var childURI = (nodeID === 0 ? childIndex : undefined);
- var appID = this.kernel.application();
- // If the node being created is a prototype, construct it and add it to the array of prototypes,
- // and then return
- var prototypeID = utility.ifPrototypeGetId(appID, this.state.prototypes, nodeID, childID);
- if (prototypeID !== undefined) {
- this.state.prototypes[prototypeID] = {
- parentID: nodeID,
- ID: childID,
- extendsID: childExtendsID,
- implementsID: childImplementsIDs,
- source: childSource,
- type: childType,
- name: childName
- };
- return;
- }
- var protos = getPrototypes(this.kernel, childExtendsID);
- //var kernel = this.kernel.kernel.kernel;
- var node;
- if (this.state.isAFrameComponent(protos)) {
- // Create the local copy of the node properties
- if (this.state.nodes[childID] === undefined) {
- this.state.nodes[childID] = this.state.createLocalNode(nodeID, childID, childExtendsID, childImplementsIDs,
- childSource, childType, childIndex, childName, callback);
- }
- node = this.state.nodes[childID];
- node.prototypes = protos;
- // if (childType == "component") {
- // if (nodeID !== undefined) {
- // node.aframeObj = setAFrameObjectComponents(node);
- // addNodeToHierarchy(node);
- // }
- // } else {
- node.aframeObj = createAFrameObject(node);
- addNodeToHierarchy(node);
- //notifyDriverOfPrototypeAndBehaviorProps();
- // }
- //addNodeToHierarchy(node);
- }
- },
- // initializingNode: function( nodeID, childID, childExtendsID, childImplementsIDs,
- // childSource, childType, childIndex, childName ) {
- // var node = this.state.nodes[childID];
- // if ( node && childType == "component" ) {
- // }
- // },
- // -- initializingProperty -----------------------------------------------------------------
- initializingProperty: function (nodeID, propertyName, propertyValue) {
- var value = undefined;
- var node = this.state.nodes[nodeID];
- if (node !== undefined) {
- value = this.settingProperty(nodeID, propertyName, propertyValue);
- }
- return value;
- },
- // -- creatingProperty ---------------------------------------------------------------------
- creatingProperty: function (nodeID, propertyName, propertyValue) {
- return this.initializingProperty(nodeID, propertyName, propertyValue);
- },
- // -- deletingNode -------------------------------------------------------------------------
- //deletingNode: function( nodeID ) {
- //},
- // -- deletingNode -------------------------------------------------------------------------
- deletingNode: function (nodeID) {
- if (this.state.nodes[nodeID] !== undefined) {
- var node = this.state.nodes[nodeID];
- if (node.aframeObj !== undefined) {
- // removes and destroys object
- node.aframeObj.parentNode.removeChild(node.aframeObj);
- node.aframeObj = undefined;
- }
- delete this.state.nodes[nodeID];
- }
- },
- // -- settingProperty ----------------------------------------------------------------------
- settingProperty: function (nodeID, propertyName, propertyValue) {
- var node = this.state.nodes[nodeID];
- var value = undefined;
- // if (node.componentName == 'line') {
- // console.log(node.aframeObj);
- // }
- if (node && node.aframeObj && utility.validObject(propertyValue)) {
- var aframeObject = node.aframeObj;
- if (isNodeDefinition(node.prototypes)) {
- // 'id' will be set to the nodeID
- value = propertyValue;
- switch (propertyName) {
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && isAEntityDefinition(node.prototypes)) {
- value = propertyValue;
- switch (propertyName) {
- // case "interpolation":
- // aframeObject.setAttribute('interpolation', { duration: propertyValue});
- // break;
- case "worldPosition":
-
- break;
- case "position":
- this.state.setAFrameProperty('position', propertyValue, aframeObject);
- // if (propertyValue.hasOwnProperty('x')) {
- // aframeObject.setAttribute('position', propertyValue)
- // } else
- // if (Array.isArray(propertyValue)) {
- // aframeObject.setAttribute('position', { x: propertyValue[0], y: propertyValue[1], z: propertyValue[2] })
- // } else if (typeof propertyValue === 'string') {
- // aframeObject.setAttribute('position', AFRAME.utils.coordinates.parse(propertyValue))
- // }
- break;
- case "rotation":
- this.state.setAFrameProperty('rotation', propertyValue, aframeObject);
- // if (Array.isArray(propertyValue)) {
- // aframeObject.setAttribute('rotation', { x: propertyValue[0], y: propertyValue[1], z: propertyValue[2] });
- // } else {
- // aframeObject.setAttribute('rotation', AFRAME.utils.coordinates.parse(propertyValue));
- // }
- break;
- case "scale":
- this.state.setAFrameProperty('scale', propertyValue, aframeObject);
- // if (Array.isArray(propertyValue)) {
- // aframeObject.setAttribute('scale', { x: propertyValue[0], y: propertyValue[1], z: propertyValue[2] });
- // } else {
- // aframeObject.setAttribute('scale', AFRAME.utils.coordinates.parse(propertyValue));
- // }
- break;
- // case "color":
- // aframeObject.setAttribute('color', propertyValue);
- // break;
- // case "transparent":
- // aframeObject.setAttribute('material', 'transparent', propertyValue);
- // break;
- // case "opacity":
- // aframeObject.setAttribute('material', 'opacity', propertyValue);
- // break;
- case "fog":
- aframeObject.setAttribute('material', 'fog', propertyValue);
- break;
- case "wireframe":
- aframeObject.setAttribute('wireframe', propertyValue);
- break;
- case "wireframe-linewidth":
- aframeObject.setAttribute('wireframeLinewidth', propertyValue);
- break;
- case "clickable":
- if (propertyValue) {
- aframeObject.setAttribute('class', 'intersectable');
- } else {
- aframeObject.setAttribute('class', 'nonintersectable');
- }
- node.events.clickable = propertyValue;
- break;
- case "visible":
- aframeObject.setAttribute('visible', propertyValue);
- break;
- // case "clickable":
- // console.log("set clickable!");
- // value = propertyValue;
- // break;
- // case "clickable":
- // if (propertyValue) {
- // aframeObject.addEventListener('click', function (evt) {
- // console.log("click!");
- // vwf_view.kernel.fireEvent(node.ID, "clickEvent",evt.detail.cursorEl.id);
- // });
- // }
- // break;
- case "src":
- aframeObject.setAttribute('src', propertyValue);
- break;
- case "repeat":
- aframeObject.setAttribute('repeat', propertyValue);
- break;
- case "side":
- aframeObject.setAttribute('material', {'side': propertyValue});
- break;
- // case "look-controls-enabled":
- // aframeObject.setAttribute('look-controls', 'enabled', propertyValue);
- // break;
- case "wasd-controls":
- aframeObject.setAttribute('wasd-controls', 'enabled', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-ASSET-ITEM") {
- value = propertyValue;
- switch (propertyName) {
- case "itemID":
- aframeObject.setAttribute('id', propertyValue);
- break;
- case "itemSrc":
- aframeObject.setAttribute('src', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-SKY") {
- value = propertyValue;
- switch (propertyName) {
- case "color":
- aframeObject.setAttribute('color',propertyValue);
- break;
- case "side":
- aframeObject.setAttribute('side',propertyValue);
- break;
- case "src":
- aframeObject.setAttribute('src',propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-TEXT") {
- value = propertyValue;
- switch (propertyName) {
- case "value":
- aframeObject.setAttribute('value', propertyValue);
- break;
- case "color":
- aframeObject.setAttribute('color', propertyValue);
- break;
- case "side":
- aframeObject.setAttribute('side', propertyValue);
- break;
- case "font":
- aframeObject.setAttribute('font', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-SCENE") {
- value = propertyValue;
- switch (propertyName) {
- case "color":
- aframeObject.setAttribute('background', {'color': propertyValue} );
- break;
- case "transparent":
- aframeObject.setAttribute('background', {'transparent': propertyValue} );
- break;
- case "fog":
- aframeObject.setAttribute('fog', propertyValue);
- break;
- case "assets":
- let assetsEl = document.querySelector('a-assets');
- if (!assetsEl) {
- let newAssetsEl = document.createElement('a-assets');
- aframeObject.appendChild(newAssetsEl);
- }
- var assetsElement = document.querySelector('a-assets');
- if (propertyValue) {
- httpGetJson(propertyValue).then(function (response) {
- console.log(JSON.parse(response));
- let assets = JSON.parse(response);
- for (var prop in assets) {
- var elm = document.createElement(assets[prop].tag);
- elm.setAttribute('id', prop);
- elm.setAttribute('src', assets[prop].src);
- assetsElement.appendChild(elm);
- }
- }).catch(function (error) {
- console.log(error);
- });
- }
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-BOX") {
- value = propertyValue;
- switch (propertyName) {
- case "depth":
- aframeObject.setAttribute('depth', propertyValue);
- break;
- case "height":
- aframeObject.setAttribute('height', propertyValue);
- break;
- case "width":
- aframeObject.setAttribute('width', propertyValue);
- break;
- case "color":
-
- // let materialName = '/' + node.name + '/material';
- // let materialID = vwf.find('', materialName)[0];
- // if (materialID) {
- // //self.kernel.setProperty(materialID, 'color', propertyValue)
- // } else {
- // aframeObject.setAttribute('color', propertyValue);
- // }
-
- aframeObject.setAttribute('color', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-LIGHT") {
- value = propertyValue;
- switch (propertyName) {
- //"angle", "color", "decay", "distance", "ground-color", "intensity", "penumbra", "type", "target"
- case "color":
- aframeObject.setAttribute('color', propertyValue);
- break;
- case "type":
- aframeObject.setAttribute('type', propertyValue);
- break;
- case "intensity":
- aframeObject.setAttribute('intensity', propertyValue);
- break;
- case "distance":
- aframeObject.setAttribute('distance', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-GLTF-MODEL") {
- value = propertyValue;
- switch (propertyName) {
- case "src":
- aframeObject.setAttribute('src', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-COLLADA-MODEL") {
- value = propertyValue;
- switch (propertyName) {
- case "src":
- aframeObject.setAttribute('src', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-OBJ-MODEL") {
- value = propertyValue;
- switch (propertyName) {
- case "src":
- aframeObject.setAttribute('src', propertyValue);
- break;
- case "mtl":
- aframeObject.setAttribute('mtl', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-SOUND") {
- value = propertyValue;
- switch (propertyName) {
- case "src":
- aframeObject.setAttribute('src', propertyValue);
- break;
- case "on":
- aframeObject.setAttribute('on', propertyValue);
- break;
- case "autoplay":
- aframeObject.setAttribute('autoplay', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-PLANE") {
- value = propertyValue;
- switch (propertyName) {
- case "height":
- aframeObject.setAttribute('height', propertyValue);
- break;
- case "width":
- aframeObject.setAttribute('width', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-SPHERE") {
- value = propertyValue;
- switch (propertyName) {
- case "radius":
- aframeObject.setAttribute('radius', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-ANIMATION") {
- value = propertyValue;
- switch (propertyName) {
- // attribute:
- // dur:
- // from:
- // to:
- // repeat:
- case "dur":
- aframeObject.setAttribute('dur', propertyValue);
- break;
- case "from":
- aframeObject.setAttribute('from', propertyValue);
- break;
- case "to":
- aframeObject.setAttribute('to', propertyValue);
- break;
- case "repeat":
- aframeObject.setAttribute('repeat', propertyValue);
- break;
- case "attribute":
- aframeObject.setAttribute('attribute', propertyValue);
- break;
- case "begin":
- aframeObject.setAttribute('begin', propertyValue);
- break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-CAMERA") {
- value = propertyValue;
- switch (propertyName) {
- case "user-height":
- aframeObject.setAttribute('user-height', propertyValue);
- break;
- case "look-controls-enabled":
- aframeObject.setAttribute('look-controls-enabled', propertyValue);
- break;
- case "wasd-controls-enabled":
- aframeObject.setAttribute('wasd-controls-enabled', propertyValue);
- break;
- // case "active":
- // aframeObject.setAttribute('camera', 'active', propertyValue);
- // break;
- default:
- value = undefined;
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-SUN-SKY") {
- value = propertyValue;
- switch (propertyName) {
- case "sunPosition":
- aframeObject.setAttribute('material', 'sunPosition', propertyValue);
- break;
- // case "active":
- // aframeObject.setAttribute('camera', 'active', propertyValue);
- // break;
- default:
- value = undefined;
- break;
- }
- }
- }
- return value;
- },
- // -- gettingProperty ----------------------------------------------------------------------
- gettingProperty: function (nodeID, propertyName, propertyValue) {
- var node = this.state.nodes[nodeID];
- var value = undefined;
- if (node && node.aframeObj) {
- var aframeObject = node.aframeObj;
- if (isNodeDefinition(node.prototypes)) {
- switch (propertyName) {
- }
- }
- if (value === undefined && isAEntityDefinition(node.prototypes)) {
- switch (propertyName) {
- // case "interpolation":
- // var interpolation = aframeObject.getAttribute('interpolation');
- // if (interpolation !== null && interpolation !== undefined) {
- // value = interpolation.duration;
- // }
- // break;
- case "worldPosition":
- var pos = aframeObject.object3D.getWorldPosition();
- if (pos !== undefined) {
- value = pos;
- }
- break;
- case "position":
- var pos = aframeObject.getAttribute('position');
- if (pos !== undefined) {
- value = pos//[pos.x, pos.y, pos.z]//AFRAME.utils.coordinates.stringify(pos);
- }
- break;
- case "scale":
- var scale = aframeObject.getAttribute('scale');
- if (scale !== undefined) {
- value = scale//AFRAME.utils.coordinates.stringify(scale);
- }
- break;
- case "rotation":
- var rot = aframeObject.getAttribute('rotation');
- if (rot !== undefined) {
- value = rot//AFRAME.utils.coordinates.stringify(rot);
- }
- break;
-
- case "side":
- if (aframeObject.getAttribute('material')) {
- value = aframeObject.getAttribute('material').side;
- }
- break;
- case "fog":
- if (aframeObject.getAttribute('material')) {
- value = aframeObject.getAttribute('material').fog;
- }
- break;
- // case "color":
- // value = aframeObject.getAttribute('color');
- // break;
- // case "opacity":
- // if (aframeObject.getAttribute('material')) {
- // value = aframeObject.getAttribute('material').opacity;
- // }
- // break;
- // case "transparent":
- // if (aframeObject.getAttribute('material')) {
- // value = aframeObject.getAttribute('material').transparent;
- // }
- // break;
- case "wireframe":
- value = aframeObject.getAttribute('wireframe');
- break;
- case "wireframe-linewidth":
- value = aframeObject.getAttribute('wireframeLinewidth');
- break;
- case "clickable":
- value = node.events.clickable;
- break;
- case "src":
- value = aframeObject.getAttribute('src');
- break;
- case "repeat":
- value = aframeObject.getAttribute('repeat');
- // case "look-controls-enabled":
- // var look = aframeObject.getAttribute('look-controls-enabled');
- // if (look !== null && look !== undefined) {
- // value = aframeObject.getAttribute('look-controls').enabled;
- // }
- // break;
- // case "wasd-controls":
- // var wasd = aframeObject.getAttribute('wasd-controls');
- // if (wasd !== null && wasd !== undefined) {
- // value = aframeObject.getAttribute('wasd-controls').enabled;
- // }
- // break;
- case "visible":
- value = aframeObject.getAttribute('visible');
- break;
- }
- }
-
- if (value === undefined && aframeObject.nodeName == "A-ASSET-ITEM") {
- switch (propertyName) {
-
- case "itemID":
- value = aframeObject.getAttribute('id');
- break;
-
- case "itemSrc":
- value = aframeObject.getAttribute('src');
- break;
-
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-SCENE") {
- switch (propertyName) {
- case "fog":
- value = aframeObject.getAttribute('fog');
- break;
-
- case "color":
- if (aframeObject.getAttribute('background')) {
- value = aframeObject.getAttribute('background').color;
- }
- break;
- case "transparent":
- if (aframeObject.getAttribute('background')) {
- value = aframeObject.getAttribute('background').transparent;
- }
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-SKY") {
-
- switch (propertyName) {
- case "color":
- value = aframeObject.getAttribute('color');
- break;
- case "side":
- value = aframeObject.getAttribute('side');
- break;
- case "src":
- value = aframeObject.getAttribute('src');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-BOX") {
- switch (propertyName) {
- case "depth":
- value = aframeObject.getAttribute('depth');
- break;
- case "height":
- value = aframeObject.getAttribute('height');
- break;
- case "width":
- value = aframeObject.getAttribute('width');
- break;
- case "color":
- value = aframeObject.getAttribute('color');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-LIGHT") {
- //"angle", "color", "decay", "distance", "ground-color", "intensity", "penumbra", "type", "target"
- switch (propertyName) {
- case "color":
- value = aframeObject.getAttribute('color');
- break;
- case "type":
- value = aframeObject.getAttribute('type');
- break;
- case "distance":
- value = aframeObject.getAttribute('distance');
- break;
- case "intensity":
- value = aframeObject.getAttribute('intensity');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-PLANE") {
- switch (propertyName) {
- case "height":
- value = aframeObject.getAttribute('height');
- break;
- case "width":
- value = aframeObject.getAttribute('width');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-SPHERE") {
- switch (propertyName) {
- case "radius":
- value = aframeObject.getAttribute('radius');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-TEXT") {
- switch (propertyName) {
- case "value":
- value = aframeObject.getAttribute('value');
- break;
- case "color":
- value = aframeObject.getAttribute('color');
- break;
- case "side":
- value = aframeObject.getAttribute('side');
- break;
- case "font":
- value = aframeObject.getAttribute('font');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-ANIMATION") {
- switch (propertyName) {
- case "attribute":
- value = aframeObject.getAttribute('attribute');
- break;
- case "dur":
- value = aframeObject.getAttribute('dur');
- break;
- case "from":
- value = aframeObject.getAttribute('from');
- break;
- case "to":
- value = aframeObject.getAttribute('to');
- break;
- case "repeat":
- value = aframeObject.getAttribute('repeat');
- break;
- case "begin":
- value = aframeObject.getAttribute('begin');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-CAMERA") {
- switch (propertyName) {
- case "user-height":
- value = aframeObject.getAttribute('user-height');
- break;
- case "look-controls-enabled":
- value = aframeObject.getAttribute('look-controls-enabled');
- break;
- case "wasd-controls-enabled":
- value = aframeObject.getAttribute('wasd-controls-enabled');
- break;
- }
- // switch (propertyName) {
- // case "active":
- // value = aframeObject.getAttribute('camera').active;
- // break;
- // }
- }
- if (value === undefined && aframeObject.nodeName == "A-SUN-SKY") {
-
-
- switch (propertyName) {
- case "sunPosition":
- value = aframeObject.getAttribute('material').sunPosition;
- break;
- }
-
- // switch (propertyName) {
- // case "active":
- // value = aframeObject.getAttribute('camera').active;
- // break;
- // }
- }
- if (value === undefined && aframeObject.nodeName == "A-COLLADA-MODEL") {
- switch (propertyName) {
- case "src":
- value = aframeObject.getAttribute('src');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-OBJ-MODEL") {
- switch (propertyName) {
- case "src":
- value = aframeObject.getAttribute('src');
- break;
- case "mtl":
- value = aframeObject.getAttribute('mtl');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-SOUND") {
- switch (propertyName) {
- case "src":
- value = aframeObject.getAttribute('src');
- break;
- case "on":
- value = aframeObject.getAttribute('on');
- break;
- case "autoplay":
- value = aframeObject.getAttribute('autoplay');
- break;
- }
- }
- if (value === undefined && aframeObject.nodeName == "A-GLTF-MODEL") {
-
- switch (propertyName) {
- case "src":
- value = aframeObject.getAttribute('src');
- break;
- }
- }
- }
- if (value !== undefined) {
- propertyValue = value;
- }
- return value;
- }
- });
- function createAFrameObject(node, config) {
- var protos = node.prototypes;
- var aframeObj = undefined;
- if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/ascene.vwf")) {
- aframeObj = document.createElement('a-scene');
- let assetsElement = document.createElement('a-assets');
- aframeObj.appendChild(assetsElement);
- self.state.scenes[node.ID] = aframeObj;
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/a-asset-item.vwf")) {
- let assets = document.querySelector('a-assets');
- if (assets){
- aframeObj = document.createElement('a-asset-item');
- aframeObj.setAttribute('id', "item-"+GUID());
- aframeObj.setAttribute('src', "");
- assets.appendChild(aframeObj);
- }
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/asky.vwf")) {
- aframeObj = document.createElement('a-sky');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/acamera.vwf")) {
- aframeObj = document.createElement('a-camera');
- aframeObj.setAttribute('camera', 'active', false);
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/alight.vwf")) {
- aframeObj = document.createElement('a-light');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/acursor.vwf")) {
- aframeObj = document.createElement('a-cursor');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/a-sun-sky.vwf")) {
- aframeObj = document.createElement('a-sun-sky');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/abox.vwf")) {
- aframeObj = document.createElement('a-box');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aplane.vwf")) {
- aframeObj = document.createElement('a-plane');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/atext.vwf")) {
- aframeObj = document.createElement('a-text');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/acolladamodel.vwf")) {
- aframeObj = document.createElement('a-collada-model');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aobjmodel.vwf")) {
- aframeObj = document.createElement('a-obj-model');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/asound.vwf")) {
- aframeObj = document.createElement('a-sound');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/agltfmodel.vwf")) {
- aframeObj = document.createElement('a-gltf-model');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/asphere.vwf")) {
- aframeObj = document.createElement('a-sphere');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aanimation.vwf")) {
- aframeObj = document.createElement('a-animation');
- } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aentity.vwf")) {
- aframeObj = document.createElement('a-entity');
- }
- if (aframeObj.nodeName !== "A-ASSET-ITEM"){
- aframeObj.setAttribute('id', node.ID);
- }
-
- return aframeObj;
- }
- function addNodeToHierarchy(node) {
- if (node.aframeObj) {
- if (self.state.nodes[node.parentID] !== undefined) {
- var parent = self.state.nodes[node.parentID];
- if (parent.aframeObj) {
- if (parent.children === undefined) {
- parent.children = [];
- }
- parent.children.push(node.ID);
- //console.info( "Adding child: " + childID + " to " + nodeID );
- if (node.aframeObj.nodeName !== "A-ASSET-ITEM"){
- parent.aframeObj.appendChild(node.aframeObj);
- }
- }
- }
- if (node.aframeObj.nodeName !== "A-SCENE") {
- node.scene = self.state.scenes[self.kernel.application()];
- }
- }
- }
- function getPrototypes(kernel, extendsID) {
- var prototypes = [];
- var id = extendsID;
- while (id !== undefined) {
- prototypes.push(id);
- id = kernel.prototype(id);
- }
- return prototypes;
- }
- function isNodeDefinition(prototypes) {
- var found = false;
- if (prototypes) {
- for (var i = 0; i < prototypes.length && !found; i++) {
- found = (prototypes[i] == "http://vwf.example.com/aframe/node.vwf");
- }
- }
- return found;
- }
- function isAEntityDefinition(prototypes) {
- var found = false;
- if (prototypes) {
- for (var i = 0; i < prototypes.length && !found; i++) {
- found = (prototypes[i] == "http://vwf.example.com/aframe/aentity.vwf");
- }
- }
- return found;
- }
- // Changing this function significantly from the GLGE code
- // Will search hierarchy down until encountering a matching child
- // Will look into nodes that don't match.... this might not be desirable
- function FindChildByName(obj, childName, childType, recursive) {
- var child = undefined;
- if (recursive) {
- // TODO: If the obj itself has the child name, the object will be returned by this function
- // I don't think this this desirable.
- if (nameTest.call(this, obj, childName)) {
- child = obj;
- } else if (obj.children && obj.children.length > 0) {
- for (var i = 0; i < obj.children.length && child === undefined; i++) {
- child = FindChildByName(obj.children[i], childName, childType, true);
- }
- }
- } else {
- if (obj.children) {
- for (var i = 0; i < obj.children.length && child === undefined; i++) {
- if (nameTest.call(this, obj.children[i], childName)) {
- child = obj.children[i];
- }
- }
- }
- }
- return child;
- }
- function nameTest(obj, name) {
- if (obj.name == "") {
- return (obj.parent.name + "Child" == name);
- } else {
- return (obj.name == name || obj.id == name || obj.vwfID == name);
- }
- }
- function httpGet(url) {
- return new Promise(function (resolve, reject) {
- // do the usual Http request
- let request = new XMLHttpRequest();
- request.open('GET', url);
- request.onload = function () {
- if (request.status == 200) {
- resolve(request.response);
- } else {
- reject(Error(request.statusText));
- }
- };
- request.onerror = function () {
- reject(Error('Network Error'));
- };
- request.send();
- });
- }
- async function httpGetJson(url) {
- // check if the URL looks like a JSON file and call httpGet.
- let regex = /\.(json)$/i;
- if (regex.test(url)) {
- // call the async function, wait for the result
- return await httpGet(url);
- } else {
- throw Error('Bad Url Format');
- }
- }
- function GUID() {
- var S4 = function () {
- return Math.floor(
- Math.random() * 0x10000 /* 65536 */
- ).toString(16);
- };
- return (
- S4() + S4() + "-" +
- S4() + "-" +
- S4() + "-" +
- S4() + "-" +
- S4() + S4() + S4()
- );
- }
- });
|