aframeComponent.js 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872
  1. "use strict";
  2. // Copyright 2012 United States Government, as represented by the Secretary of Defense, Under
  3. // Secretary of Defense (Personnel & Readiness).
  4. //
  5. // Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
  6. // in compliance with the License. You may obtain a copy of the License at
  7. //
  8. // http://www.apache.org/licenses/LICENSE-2.0
  9. //
  10. // Unless required by applicable law or agreed to in writing, software distributed under the License
  11. // is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
  12. // or implied. See the License for the specific language governing permissions and limitations under
  13. // the License.
  14. /// vwf/model/scenejs.js is a placeholder for a 3-D scene manager.
  15. ///
  16. /// @module vwf/model/scenejs
  17. /// @requires vwf/model
  18. define(["module", "vwf/model", "vwf/utility"], function (module, model, utility) {
  19. var self;
  20. // vwf/model/example/scene.js is a demonstration of a scene manager.
  21. return model.load(module, {
  22. // == Module Definition ====================================================================
  23. // -- pipeline -----------------------------------------------------------------------------
  24. // pipeline: [ log ], // vwf <=> log <=> scene
  25. // -- initialize ---------------------------------------------------------------------------
  26. initialize: function () {
  27. self = this;
  28. this.state = {
  29. nodes: {},
  30. scenes: {},
  31. prototypes: {},
  32. createLocalNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
  33. childSource, childType, childIndex, childName, callback) {
  34. return {
  35. "parentID": nodeID,
  36. "ID": childID,
  37. "extendsID": childExtendsID,
  38. "implementsIDs": childImplementsIDs,
  39. "source": childSource,
  40. "type": childType,
  41. "name": childName,
  42. "prototypes": undefined,
  43. "aframeObj": undefined,
  44. "componentName": undefined
  45. };
  46. },
  47. isComponentClass: function (prototypes, classID) {
  48. if (prototypes) {
  49. for (var i = 0; i < prototypes.length; i++) {
  50. if (prototypes[i] === classID) {
  51. //console.info( "prototypes[ i ]: " + prototypes[ i ] );
  52. return true;
  53. }
  54. }
  55. }
  56. return false;
  57. },
  58. isComponentNode: function (prototypes) {
  59. var found = false;
  60. if (prototypes) {
  61. for (var i = 0; i < prototypes.length && !found; i++) {
  62. found = (prototypes[i] === "http://vwf.example.com/aframe/componentNode.vwf");
  63. }
  64. }
  65. return found;
  66. }
  67. };
  68. this.state.kernel = this.kernel.kernel.kernel;
  69. //this.state.kernel = this.kernel.kernel.kernel;
  70. },
  71. // == Model API ============================================================================
  72. // -- creatingNode -------------------------------------------------------------------------
  73. creatingNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
  74. childSource, childType, childIndex, childName, callback /* ( ready ) */) {
  75. // If the parent nodeID is 0, this node is attached directly to the root and is therefore either
  76. // the scene or a prototype. In either of those cases, save the uri of the new node
  77. var childURI = (nodeID === 0 ? childIndex : undefined);
  78. var appID = this.kernel.application();
  79. // If the node being created is a prototype, construct it and add it to the array of prototypes,
  80. // and then return
  81. var prototypeID = utility.ifPrototypeGetId(appID, this.state.prototypes, nodeID, childID);
  82. if (prototypeID !== undefined) {
  83. this.state.prototypes[prototypeID] = {
  84. parentID: nodeID,
  85. ID: childID,
  86. extendsID: childExtendsID,
  87. implementsID: childImplementsIDs,
  88. source: childSource,
  89. type: childType,
  90. name: childName
  91. };
  92. return;
  93. }
  94. var protos = getPrototypes(this.kernel, childExtendsID);
  95. //var kernel = this.kernel.kernel.kernel;
  96. var node;
  97. if (this.state.isComponentNode(protos)) {
  98. // Create the local copy of the node properties
  99. if (this.state.nodes[childID] === undefined) {
  100. this.state.nodes[childID] = this.state.createLocalNode(nodeID, childID, childExtendsID, childImplementsIDs,
  101. childSource, childType, childIndex, childName, callback);
  102. }
  103. node = this.state.nodes[childID];
  104. node.prototypes = protos;
  105. //node.aframeObj = createAFrameObject(node);
  106. node.aframeObj = setAFrameObject(node);
  107. // addNodeToHierarchy(node);
  108. //notifyDriverOfPrototypeAndBehaviorProps();
  109. }
  110. },
  111. // -- initializingNode -------------------------------------------------------------------------
  112. // initializingNode: function( nodeID, childID, childExtendsID, childImplementsIDs,
  113. // childSource, childType, childIndex, childName ) {
  114. // },
  115. // -- deletingNode -------------------------------------------------------------------------
  116. deletingNode: function (nodeID) {
  117. if (this.state.nodes[nodeID] !== undefined) {
  118. var node = this.state.nodes[nodeID];
  119. if (node.aframeObj !== undefined) {
  120. // removes and destroys object
  121. node.aframeObj = undefined;
  122. }
  123. delete this.state.nodes[nodeID];
  124. }
  125. },
  126. // -- initializingProperty -----------------------------------------------------------------
  127. initializingProperty: function (nodeID, propertyName, propertyValue) {
  128. var value = undefined;
  129. var node = this.state.nodes[nodeID];
  130. if (node !== undefined) {
  131. value = this.settingProperty(nodeID, propertyName, propertyValue);
  132. }
  133. return value;
  134. },
  135. // -- creatingProperty ---------------------------------------------------------------------
  136. creatingProperty: function (nodeID, propertyName, propertyValue) {
  137. return this.initializingProperty(nodeID, propertyName, propertyValue);
  138. },
  139. // -- settingProperty ----------------------------------------------------------------------
  140. settingProperty: function (nodeID, propertyName, propertyValue) {
  141. var node = this.state.nodes[nodeID];
  142. var value = undefined;
  143. if (node && node.aframeObj && utility.validObject(propertyValue)) {
  144. var aframeObject = node.aframeObj;
  145. if (isComponentNodeDefinition(node.prototypes)) {
  146. value = propertyValue;
  147. switch (propertyName) {
  148. default:
  149. value = undefined;
  150. break;
  151. }
  152. }
  153. if (value === undefined && isComponentDefinition(node.prototypes)) {
  154. value = propertyValue;
  155. switch (propertyName) {
  156. case "compName":
  157. break;
  158. default:
  159. value = undefined;
  160. break;
  161. }
  162. }
  163. if (value === undefined && isARayCasterDefinition(node.prototypes)) {
  164. if (aframeObject.el.getAttribute(aframeObject.compName)) {
  165. value = propertyValue;
  166. let parentNodeAF = aframeObject.el;
  167. let defs = ['direction', 'far', 'interval', 'near', 'objects', 'origin', 'recursive', 'showLine', 'useWorldCoordinates'];
  168. defs.forEach(element => {
  169. element == propertyName ? parentNodeAF.setAttribute('raycaster', element, propertyValue) :
  170. value = undefined;
  171. })
  172. }
  173. }
  174. //isALineDefinition(node.prototypes)
  175. //if (value === undefined && node.componentName == 'line') { //isALineDefinition( node.prototypes )
  176. if (node.extendsID == "http://vwf.example.com/aframe/lineComponent.vwf") {
  177. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  178. value = propertyValue;
  179. //let parentNodeAF = self.state.kernel.find(node.parentID);
  180. // aframeObject.el.setAttribute('line', 'color')
  181. let parentNodeAF = aframeObject.el;
  182. switch (propertyName) {
  183. case "start":
  184. parentNodeAF.setAttribute(aframeObject.compName, { start: propertyValue });
  185. break;
  186. case "end":
  187. parentNodeAF.setAttribute(aframeObject.compName, { end: propertyValue });
  188. break;
  189. case "color":
  190. parentNodeAF.setAttribute(aframeObject.compName, 'color', propertyValue);
  191. break;
  192. case "opacity":
  193. parentNodeAF.setAttribute(aframeObject.compName, 'opacity', propertyValue);
  194. break;
  195. case "visible":
  196. parentNodeAF.setAttribute(aframeObject.compName, 'visible', propertyValue);
  197. break;
  198. default:
  199. value = undefined;
  200. break;
  201. }
  202. }
  203. }
  204. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  205. value = propertyValue;
  206. let parentNodeAF = aframeObject.el;
  207. switch (propertyName) {
  208. case "clip":
  209. parentNodeAF.setAttribute(aframeObject.compName, 'clip', propertyValue);
  210. break;
  211. case "duration":
  212. parentNodeAF.setAttribute(aframeObject.compName, 'duration', propertyValue);
  213. break;
  214. case "crossFadeDuration":
  215. parentNodeAF.setAttribute(aframeObject.compName, 'crossFadeDuration', propertyValue);
  216. break;
  217. case "loop":
  218. parentNodeAF.setAttribute(aframeObject.compName, 'loop', propertyValue);
  219. break;
  220. case "repetitions":
  221. parentNodeAF.setAttribute(aframeObject.compName, 'repetitions', propertyValue);
  222. break;
  223. default:
  224. value = undefined;
  225. break;
  226. }
  227. }
  228. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  229. value = propertyValue;
  230. let parentNodeAF = aframeObject.el;
  231. switch (propertyName) {
  232. case "enabled":
  233. parentNodeAF.setAttribute(aframeObject.compName, 'enabled', propertyValue);
  234. break;
  235. case "duration":
  236. parentNodeAF.setAttribute(aframeObject.compName, 'duration', propertyValue);
  237. break;
  238. case "deltaPos":
  239. parentNodeAF.setAttribute(aframeObject.compName, 'deltaPos', propertyValue);
  240. break;
  241. case "deltaRot":
  242. parentNodeAF.setAttribute(aframeObject.compName, 'deltaRot', propertyValue);
  243. break;
  244. default:
  245. value = undefined;
  246. break;
  247. }
  248. }
  249. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  250. value = propertyValue;
  251. //let parentNodeAF = self.state.kernel.find(node.parentID);
  252. // aframeObject.el.setAttribute('line', 'color')
  253. let parentNodeAF = aframeObject.el;
  254. switch (propertyName) {
  255. case "armModel":
  256. parentNodeAF.setAttribute(aframeObject.compName, { armModel: propertyValue });
  257. break;
  258. case "buttonColor":
  259. parentNodeAF.setAttribute(aframeObject.compName, { buttonColor: propertyValue });
  260. break;
  261. case "buttonTouchedColor":
  262. parentNodeAF.setAttribute(aframeObject.compName, 'buttonTouchedColor', propertyValue);
  263. break;
  264. case "buttonHighlightColor":
  265. parentNodeAF.setAttribute(aframeObject.compName, 'buttonHighlightColor', propertyValue);
  266. break;
  267. case "hand":
  268. parentNodeAF.setAttribute(aframeObject.compName, 'hand', propertyValue);
  269. break;
  270. case "model":
  271. parentNodeAF.setAttribute(aframeObject.compName, 'model', propertyValue);
  272. break;
  273. case "rotationOffset":
  274. parentNodeAF.setAttribute(aframeObject.compName, 'rotationOffset', propertyValue);
  275. break;
  276. default:
  277. value = undefined;
  278. break;
  279. }
  280. }
  281. }
  282. return value;
  283. },
  284. // -- gettingProperty ----------------------------------------------------------------------
  285. gettingProperty: function (nodeID, propertyName, propertyValue) {
  286. var node = this.state.nodes[nodeID];
  287. var value = undefined;
  288. if (node && node.aframeObj) {
  289. var aframeObject = node.aframeObj;
  290. if (isComponentNodeDefinition(node.prototypes)) {
  291. switch (propertyName) {
  292. }
  293. }
  294. if (value === undefined && isComponentDefinition(node.prototypes)) {
  295. switch (propertyName) {
  296. case "compName":
  297. break;
  298. }
  299. }
  300. // isALineDefinition( node.prototypes ) aframeObject.compName == compName
  301. if (value === undefined && isARayCasterDefinition(node.prototypes)) {
  302. value = propertyValue;
  303. let parentNodeAF = aframeObject.el;
  304. let defs = ['direction', 'far', 'interval', 'near', 'objects', 'origin', 'recursive', 'showLine', 'useWorldCoordinates'];
  305. defs.forEach(element => {
  306. if (element == propertyName) {
  307. let val = parentNodeAF.getAttribute('raycaster').element;
  308. value = AFRAME.utils.coordinates.isCoordinates(val) ? AFRAME.utils.coordinates.stringify(val) : val
  309. }
  310. })
  311. }
  312. if (value === undefined && isALineDefinition(node.prototypes)) {
  313. value = propertyValue;
  314. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  315. let parentNodeAF = aframeObject.el;
  316. switch (propertyName) {
  317. case "start":
  318. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).start);
  319. break;
  320. case "end":
  321. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).end);
  322. break;
  323. case "color":
  324. value = parentNodeAF.getAttribute(aframeObject.compName).color;
  325. break;
  326. case "opacity":
  327. value = parentNodeAF.getAttribute(aframeObject.compName).opacity;
  328. break;
  329. case "visible":
  330. value = parentNodeAF.getAttribute(aframeObject.compName).visible;
  331. break;
  332. }
  333. }
  334. if (value === undefined && isAAnimMixerDefinition(node.prototypes)) {
  335. value = propertyValue;
  336. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  337. let parentNodeAF = aframeObject.el;
  338. switch (propertyName) {
  339. case "clip":
  340. value = parentNodeAF.getAttribute(aframeObject.compName).clip;
  341. break;
  342. case "duration":
  343. value = parentNodeAF.getAttribute(aframeObject.compName).duration;
  344. break;
  345. case "crossFadeDuration":
  346. value = parentNodeAF.getAttribute(aframeObject.compName).crossFadeDuration;
  347. break;
  348. case "loop":
  349. value = parentNodeAF.getAttribute(aframeObject.compName).loop;
  350. break;
  351. case "repetitions":
  352. value = parentNodeAF.getAttribute(aframeObject.compName).repetitions;
  353. break;
  354. }
  355. }
  356. if (value === undefined && isAInterpolationDefinition(node.prototypes)) {
  357. value = propertyValue;
  358. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  359. let parentNodeAF = aframeObject.el;
  360. switch (propertyName) {
  361. case "enabled":
  362. value = parentNodeAF.getAttribute(aframeObject.compName).enabled;
  363. break;
  364. case "duration":
  365. value = parentNodeAF.getAttribute(aframeObject.compName).duration;
  366. break;
  367. case "deltaPos":
  368. value = parentNodeAF.getAttribute(aframeObject.compName).deltaPos;
  369. break;
  370. case "deltaRot":
  371. value = parentNodeAF.getAttribute(aframeObject.compName).deltaRot;
  372. break;
  373. }
  374. }
  375. if (value === undefined && isGearVRControlsDefinition(node.prototypes)) {
  376. value = propertyValue;
  377. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  378. let parentNodeAF = aframeObject.el;
  379. switch (propertyName) {
  380. case "armModel":
  381. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).armModel);
  382. break;
  383. case "buttonColor":
  384. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).buttonColor);
  385. break;
  386. case "buttonTouchedColor":
  387. value = parentNodeAF.getAttribute(aframeObject.compName).buttonTouchedColor;
  388. break;
  389. case "buttonHighlightColor":
  390. value = parentNodeAF.getAttribute(aframeObject.compName).buttonHighlightColor;
  391. break;
  392. case "hand":
  393. value = parentNodeAF.getAttribute(aframeObject.compName).hand;
  394. break;
  395. case "model":
  396. value = parentNodeAF.getAttribute(aframeObject.compName).model;
  397. break;
  398. case "rotationOffset":
  399. value = parentNodeAF.getAttribute(aframeObject.compName).rotationOffset;
  400. break;
  401. }
  402. }
  403. }
  404. if (value !== undefined) {
  405. propertyValue = value;
  406. }
  407. return value;
  408. }
  409. });
  410. function getPrototypes(kernel, extendsID) {
  411. var prototypes = [];
  412. var id = extendsID;
  413. while (id !== undefined) {
  414. prototypes.push(id);
  415. id = kernel.prototype(id);
  416. }
  417. return prototypes;
  418. }
  419. function isAAnimMixerDefinition(prototypes) {
  420. var found = false;
  421. if (prototypes) {
  422. for (var i = 0; i < prototypes.length && !found; i++) {
  423. found = (prototypes[i] == "http://vwf.example.com/aframe/anim-mixer-component.vwf");
  424. }
  425. }
  426. return found;
  427. }
  428. function isAInterpolationDefinition(prototypes) {
  429. var found = false;
  430. if (prototypes) {
  431. for (var i = 0; i < prototypes.length && !found; i++) {
  432. found = (prototypes[i] == "http://vwf.example.com/aframe/interpolation-component.vwf");
  433. }
  434. }
  435. return found;
  436. }
  437. function isARayCasterDefinition(prototypes) {
  438. var found = false;
  439. if (prototypes) {
  440. for (var i = 0; i < prototypes.length && !found; i++) {
  441. found = (prototypes[i] == "http://vwf.example.com/aframe/raycasterComponent.vwf");
  442. }
  443. }
  444. return found;
  445. }
  446. function isALineDefinition(prototypes) {
  447. var found = false;
  448. if (prototypes) {
  449. for (var i = 0; i < prototypes.length && !found; i++) {
  450. found = (prototypes[i] == "http://vwf.example.com/aframe/lineComponent.vwf");
  451. }
  452. }
  453. return found;
  454. }
  455. function isGearVRControlsDefinition(prototypes) {
  456. var found = false;
  457. if (prototypes) {
  458. for (var i = 0; i < prototypes.length && !found; i++) {
  459. found = (prototypes[i] == "http://vwf.example.com/aframe/gearvr-controlsComponent.vwf");
  460. }
  461. }
  462. return found;
  463. }
  464. function isComponentNodeDefinition(prototypes) {
  465. var found = false;
  466. if (prototypes) {
  467. for (var i = 0; i < prototypes.length && !found; i++) {
  468. found = (prototypes[i] == "http://vwf.example.com/aframe/componentNode.vwf");
  469. }
  470. }
  471. return found;
  472. }
  473. function isComponentDefinition(prototypes) {
  474. var found = false;
  475. if (prototypes) {
  476. for (var i = 0; i < prototypes.length && !found; i++) {
  477. found = (prototypes[i] == "http://vwf.example.com/aframe/aentityComponent.vwf");
  478. }
  479. }
  480. return found;
  481. }
  482. function setAFrameObject(node, config) {
  483. var protos = node.prototypes;
  484. var aframeObj = {};
  485. var sceneEl = document.querySelector('a-scene');
  486. aframeObj.id = node.parentID;
  487. aframeObj.el = sceneEl.children[node.parentID];
  488. aframeObj.el = Array.from(sceneEl.querySelectorAll('*')).filter(item => { return item.id == aframeObj.id })[0];
  489. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/lineComponent.vwf")) {
  490. // aframeObj.id = node.parentID;
  491. // aframeObj.el = sceneEl.children[node.parentID];
  492. if (node.name !== 'line') {
  493. aframeObj.compName = node.name;
  494. } else {
  495. aframeObj.compName = "line";
  496. }
  497. //aframeObj.el.setAttribute(node.type, {});
  498. aframeObj.el.setAttribute(aframeObj.compName, {});
  499. }
  500. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/raycasterComponent.vwf")) {
  501. // aframeObj.el.setAttribute(node.type, {});
  502. aframeObj.compName = "raycaster";
  503. aframeObj.el.setAttribute(aframeObj.compName, {});
  504. }
  505. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/interpolation-component.vwf")) {
  506. // aframeObj.el.setAttribute(node.type, {});
  507. aframeObj.compName = "interpolation";
  508. aframeObj.el.setAttribute(aframeObj.compName, {});
  509. }
  510. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/anim-mixer-component.vwf")) {
  511. // aframeObj.el.setAttribute(node.type, {});
  512. aframeObj.compName = "animation-mixer";
  513. aframeObj.el.setAttribute(aframeObj.compName, {});
  514. }
  515. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-envmap-component.vwf")) {
  516. // aframeObj.el.setAttribute(node.type, {});
  517. aframeObj.compName = "envmap";
  518. aframeObj.el.setAttribute(aframeObj.compName, {});
  519. }
  520. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-sun-component.vwf")) {
  521. // aframeObj.el.setAttribute(node.type, {});
  522. aframeObj.compName = "sun";
  523. aframeObj.el.setAttribute('id', "sun");
  524. aframeObj.el.setAttribute(aframeObj.compName, {});
  525. }
  526. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-skyshader-component.vwf")) {
  527. // aframeObj.el.setAttribute(node.type, {});
  528. aframeObj.compName = "skyshader";
  529. aframeObj.el.setAttribute(aframeObj.compName, {});
  530. }
  531. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-avatarbvh-component.vwf")) {
  532. // aframeObj.el.setAttribute(node.type, {});
  533. aframeObj.compName = "avatarbvh";
  534. aframeObj.el.setAttribute(aframeObj.compName, {});
  535. }
  536. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/gearvr-controlsComponent.vwf")) {
  537. // aframeObj.el.setAttribute(node.type, {});
  538. aframeObj.compName = "gearvr-controls";
  539. aframeObj.el.setAttribute(aframeObj.compName, {});
  540. }
  541. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-raycaster-listener-component.vwf")) {
  542. // aframeObj.el.setAttribute(node.type, {});
  543. aframeObj.compName = "raycaster-listener";
  544. aframeObj.el.setAttribute(aframeObj.compName, {});
  545. }
  546. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-cursor-listener-component.vwf")) {
  547. // aframeObj.el.setAttribute(node.type, {});
  548. aframeObj.compName = "cursor-listener";
  549. aframeObj.el.setAttribute(aframeObj.compName, {});
  550. }
  551. return aframeObj;
  552. }
  553. // function addNodeToHierarchy(node) {
  554. // if (self.state.nodes[node.parentID] !== undefined) {
  555. // var parent = self.state.nodes[node.parentID];
  556. // if (parent.children === undefined) {
  557. // parent.children = [];
  558. // }
  559. // parent.children.push(node.ID);
  560. // console.info( "Adding child: " + node.ID );
  561. // }
  562. // }
  563. function addNodeToHierarchy(node) {
  564. if (node.aframeObj) {
  565. if (self.state.nodes[node.parentID] !== undefined) {
  566. var parent = self.state.nodes[node.parentID];
  567. if (parent.aframeObj) {
  568. if (parent.children === undefined) {
  569. parent.children = [];
  570. }
  571. parent.children.push(node.ID);
  572. //console.info( "Adding child: " + childID + " to " + nodeID );
  573. //node.aframeObj.setAttribute(node.componentName, {});
  574. // console.info("Adding child: " + node.ID);
  575. //parent.aframeObj.appendChild(node.aframeObj);
  576. }
  577. }
  578. }
  579. }
  580. });