aframeComponent.js 38 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090
  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.compName !== undefined) {
  120. // removes and destroys object
  121. node.aframeObj.el.removeAttribute(node.aframeObj.compName);
  122. node.aframeObj = undefined;
  123. }
  124. delete this.state.nodes[nodeID];
  125. }
  126. },
  127. // -- initializingProperty -----------------------------------------------------------------
  128. initializingProperty: function (nodeID, propertyName, propertyValue) {
  129. var value = undefined;
  130. var node = this.state.nodes[nodeID];
  131. if (node !== undefined) {
  132. value = this.settingProperty(nodeID, propertyName, propertyValue);
  133. }
  134. return value;
  135. },
  136. // -- creatingProperty ---------------------------------------------------------------------
  137. creatingProperty: function (nodeID, propertyName, propertyValue) {
  138. return this.initializingProperty(nodeID, propertyName, propertyValue);
  139. },
  140. // -- settingProperty ----------------------------------------------------------------------
  141. settingProperty: function (nodeID, propertyName, propertyValue) {
  142. var node = this.state.nodes[nodeID];
  143. var value = undefined;
  144. if (node && node.aframeObj && utility.validObject(propertyValue)) {
  145. var aframeObject = node.aframeObj;
  146. if (isComponentNodeDefinition(node.prototypes)) {
  147. value = propertyValue;
  148. switch (propertyName) {
  149. default:
  150. value = undefined;
  151. break;
  152. }
  153. }
  154. if (value === undefined && isComponentDefinition(node.prototypes)) {
  155. value = propertyValue;
  156. switch (propertyName) {
  157. case "compName":
  158. break;
  159. default:
  160. value = undefined;
  161. break;
  162. }
  163. }
  164. if (value === undefined && isAViewOffsetCameraDefinition(node.prototypes)) {
  165. if (aframeObject.el.getAttribute(aframeObject.compName)) {
  166. value = propertyValue;
  167. let parentNodeAF = aframeObject.el;
  168. // let defs = ['fullWidth', 'fullHeight', 'xoffset', 'yoffset'];
  169. // defs.forEach(element => {
  170. // element == propertyName ? parentNodeAF.setAttribute('viewoffset', element, propertyValue) :
  171. // value = undefined;
  172. // })
  173. switch (propertyName) {
  174. case "fullWidth":
  175. parentNodeAF.setAttribute('viewoffset', 'fullWidth', propertyValue);
  176. break;
  177. case "fullHeight":
  178. parentNodeAF.setAttribute('viewoffset', 'fullHeight', propertyValue);
  179. break;
  180. case "yoffset":
  181. parentNodeAF.setAttribute('viewoffset', 'yoffset', propertyValue);
  182. break;
  183. case "xoffset":
  184. parentNodeAF.setAttribute('viewoffset', 'xoffset', propertyValue);
  185. break;
  186. case "subcamWidth":
  187. parentNodeAF.setAttribute('viewoffset', 'width', propertyValue);
  188. break;
  189. case "subcamHeight":
  190. parentNodeAF.setAttribute('viewoffset', 'height', propertyValue);
  191. break;
  192. default:
  193. value = undefined;
  194. break;
  195. }
  196. }
  197. }
  198. if (value === undefined && isAMaterialDefinition(node.prototypes)) {
  199. if (aframeObject.el.getAttribute(aframeObject.compName)) {
  200. value = propertyValue;
  201. let parentNodeAF = aframeObject.el;
  202. let defs = ['color', 'transparent', 'opacity'];
  203. defs.forEach(element => {
  204. element == propertyName ? parentNodeAF.setAttribute('material', element, propertyValue) :
  205. value = undefined;
  206. })
  207. }
  208. }
  209. if (value === undefined && isARayCasterDefinition(node.prototypes)) {
  210. if (aframeObject.el.getAttribute(aframeObject.compName)) {
  211. value = propertyValue;
  212. let parentNodeAF = aframeObject.el;
  213. let defs = ['direction', 'far', 'interval', 'near', 'objects', 'origin', 'recursive', 'showLine', 'useWorldCoordinates'];
  214. defs.forEach(element => {
  215. element == propertyName ? parentNodeAF.setAttribute('raycaster', element, propertyValue) :
  216. value = undefined;
  217. })
  218. }
  219. }
  220. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  221. value = propertyValue;
  222. let parentNodeAF = aframeObject.el;
  223. switch (propertyName) {
  224. case "color":
  225. parentNodeAF.setAttribute(aframeObject.compName, 'color', propertyValue);
  226. break;
  227. case "path":
  228. parentNodeAF.setAttribute(aframeObject.compName, 'path', propertyValue);
  229. break;
  230. case "width":
  231. parentNodeAF.setAttribute(aframeObject.compName, 'width', propertyValue);
  232. break;
  233. default:
  234. value = undefined;
  235. break;
  236. }
  237. }
  238. //isALineDefinition(node.prototypes)
  239. //if (value === undefined && node.componentName == 'line') { //isALineDefinition( node.prototypes )
  240. if (node.extendsID == "http://vwf.example.com/aframe/lineComponent.vwf") {
  241. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  242. value = propertyValue;
  243. //let parentNodeAF = self.state.kernel.find(node.parentID);
  244. // aframeObject.el.setAttribute('line', 'color')
  245. let parentNodeAF = aframeObject.el;
  246. switch (propertyName) {
  247. case "start":
  248. parentNodeAF.setAttribute(aframeObject.compName, { start: propertyValue });
  249. break;
  250. case "end":
  251. parentNodeAF.setAttribute(aframeObject.compName, { end: propertyValue });
  252. break;
  253. case "color":
  254. parentNodeAF.setAttribute(aframeObject.compName, 'color', propertyValue);
  255. break;
  256. case "opacity":
  257. parentNodeAF.setAttribute(aframeObject.compName, 'opacity', propertyValue);
  258. break;
  259. case "visible":
  260. parentNodeAF.setAttribute(aframeObject.compName, 'visible', propertyValue);
  261. break;
  262. default:
  263. value = undefined;
  264. break;
  265. }
  266. }
  267. }
  268. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  269. value = propertyValue;
  270. let parentNodeAF = aframeObject.el;
  271. switch (propertyName) {
  272. case "clip":
  273. parentNodeAF.setAttribute(aframeObject.compName, 'clip', propertyValue);
  274. break;
  275. case "duration":
  276. parentNodeAF.setAttribute(aframeObject.compName, 'duration', propertyValue);
  277. break;
  278. case "crossFadeDuration":
  279. parentNodeAF.setAttribute(aframeObject.compName, 'crossFadeDuration', propertyValue);
  280. break;
  281. case "loop":
  282. parentNodeAF.setAttribute(aframeObject.compName, 'loop', propertyValue);
  283. break;
  284. case "repetitions":
  285. parentNodeAF.setAttribute(aframeObject.compName, 'repetitions', propertyValue);
  286. break;
  287. default:
  288. value = undefined;
  289. break;
  290. }
  291. }
  292. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  293. value = propertyValue;
  294. let parentNodeAF = aframeObject.el;
  295. switch (propertyName) {
  296. case "enabled":
  297. parentNodeAF.setAttribute(aframeObject.compName, 'enabled', propertyValue);
  298. break;
  299. case "deltaPos":
  300. parentNodeAF.setAttribute(aframeObject.compName, 'deltaPos', propertyValue);
  301. break;
  302. case "deltaRot":
  303. parentNodeAF.setAttribute(aframeObject.compName, 'deltaRot', propertyValue);
  304. break;
  305. default:
  306. value = undefined;
  307. break;
  308. }
  309. }
  310. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  311. value = propertyValue;
  312. let parentNodeAF = aframeObject.el;
  313. switch (propertyName) {
  314. case "mode":
  315. parentNodeAF.setAttribute(aframeObject.compName, 'mode', propertyValue);
  316. break;
  317. default:
  318. value = undefined;
  319. break;
  320. }
  321. }
  322. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  323. value = propertyValue;
  324. //let parentNodeAF = self.state.kernel.find(node.parentID);
  325. // aframeObject.el.setAttribute('line', 'color')
  326. let parentNodeAF = aframeObject.el;
  327. switch (propertyName) {
  328. case "armModel":
  329. parentNodeAF.setAttribute(aframeObject.compName, { armModel: propertyValue });
  330. break;
  331. case "buttonColor":
  332. parentNodeAF.setAttribute(aframeObject.compName, { buttonColor: propertyValue });
  333. break;
  334. case "buttonTouchedColor":
  335. parentNodeAF.setAttribute(aframeObject.compName, 'buttonTouchedColor', propertyValue);
  336. break;
  337. case "buttonHighlightColor":
  338. parentNodeAF.setAttribute(aframeObject.compName, 'buttonHighlightColor', propertyValue);
  339. break;
  340. case "hand":
  341. parentNodeAF.setAttribute(aframeObject.compName, 'hand', propertyValue);
  342. break;
  343. case "model":
  344. parentNodeAF.setAttribute(aframeObject.compName, 'model', propertyValue);
  345. break;
  346. case "rotationOffset":
  347. parentNodeAF.setAttribute(aframeObject.compName, 'rotationOffset', propertyValue);
  348. break;
  349. default:
  350. value = undefined;
  351. break;
  352. }
  353. }
  354. }
  355. return value;
  356. },
  357. // -- gettingProperty ----------------------------------------------------------------------
  358. gettingProperty: function (nodeID, propertyName, propertyValue) {
  359. var node = this.state.nodes[nodeID];
  360. var value = undefined;
  361. if (node && node.aframeObj) {
  362. var aframeObject = node.aframeObj;
  363. if (isComponentNodeDefinition(node.prototypes)) {
  364. switch (propertyName) {
  365. }
  366. }
  367. if (value === undefined && isComponentDefinition(node.prototypes)) {
  368. switch (propertyName) {
  369. case "compName":
  370. break;
  371. }
  372. }
  373. // isALineDefinition( node.prototypes ) aframeObject.compName == compName
  374. if (value === undefined && isARayCasterDefinition(node.prototypes)) {
  375. value = propertyValue;
  376. let parentNodeAF = aframeObject.el;
  377. let defs = ['direction', 'far', 'interval', 'near', 'objects', 'origin', 'recursive', 'showLine', 'useWorldCoordinates'];
  378. defs.forEach(element => {
  379. if (element == propertyName) {
  380. let val = parentNodeAF.getAttribute('raycaster').element;
  381. value = AFRAME.utils.coordinates.isCoordinates(val) ? AFRAME.utils.coordinates.stringify(val) : val
  382. }
  383. })
  384. }
  385. if (value === undefined && isALineDefinition(node.prototypes)) {
  386. value = propertyValue;
  387. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  388. let parentNodeAF = aframeObject.el;
  389. switch (propertyName) {
  390. case "start":
  391. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).start);
  392. break;
  393. case "end":
  394. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).end);
  395. break;
  396. case "color":
  397. value = parentNodeAF.getAttribute(aframeObject.compName).color;
  398. break;
  399. case "opacity":
  400. value = parentNodeAF.getAttribute(aframeObject.compName).opacity;
  401. break;
  402. case "visible":
  403. value = parentNodeAF.getAttribute(aframeObject.compName).visible;
  404. break;
  405. }
  406. }
  407. if (value === undefined && isAAnimMixerDefinition(node.prototypes)) {
  408. value = propertyValue;
  409. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  410. let parentNodeAF = aframeObject.el;
  411. switch (propertyName) {
  412. case "clip":
  413. value = parentNodeAF.getAttribute(aframeObject.compName).clip;
  414. break;
  415. case "duration":
  416. value = parentNodeAF.getAttribute(aframeObject.compName).duration;
  417. break;
  418. case "crossFadeDuration":
  419. value = parentNodeAF.getAttribute(aframeObject.compName).crossFadeDuration;
  420. break;
  421. case "loop":
  422. value = parentNodeAF.getAttribute(aframeObject.compName).loop;
  423. break;
  424. case "repetitions":
  425. value = parentNodeAF.getAttribute(aframeObject.compName).repetitions;
  426. break;
  427. }
  428. }
  429. if (value === undefined && isAMaterialDefinition(node.prototypes)) {
  430. value = propertyValue;
  431. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  432. let parentNodeAF = aframeObject.el;
  433. switch (propertyName) {
  434. case "color":
  435. value = parentNodeAF.getAttribute('material').color;
  436. break;
  437. case "opacity":
  438. value = parentNodeAF.getAttribute('material').opacity;
  439. break;
  440. case "transparent":
  441. value = parentNodeAF.getAttribute('material').transparent;
  442. break;
  443. }
  444. }
  445. if (value === undefined && isALinePathDefinition(node.prototypes)) {
  446. value = propertyValue;
  447. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  448. let parentNodeAF = aframeObject.el;
  449. switch (propertyName) {
  450. case "color":
  451. value = parentNodeAF.getAttribute(aframeObject.compName).color;
  452. break;
  453. case "path":
  454. value = parentNodeAF.getAttribute(aframeObject.compName).path;
  455. break;
  456. case "width":
  457. value = parentNodeAF.getAttribute(aframeObject.compName).width;
  458. break;
  459. }
  460. }
  461. if (value === undefined && isAViewOffsetCameraDefinition(node.prototypes)) {
  462. value = propertyValue;
  463. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  464. let parentNodeAF = aframeObject.el;
  465. switch (propertyName) {
  466. case "fullWidth":
  467. value = parentNodeAF.getAttribute(aframeObject.compName).fullWidth;
  468. break;
  469. case "fullHeight":
  470. value = parentNodeAF.getAttribute(aframeObject.compName).fullHeight;
  471. break;
  472. case "subcamWidth":
  473. value = parentNodeAF.getAttribute(aframeObject.compName).width;
  474. break;
  475. case "subcamHeight":
  476. value = parentNodeAF.getAttribute(aframeObject.compName).height;
  477. break;
  478. case "xoffset":
  479. value = parentNodeAF.getAttribute(aframeObject.compName).xoffset;
  480. break;
  481. case "yoffset":
  482. value = parentNodeAF.getAttribute(aframeObject.compName).yoffset;
  483. break;
  484. }
  485. }
  486. if (value === undefined && isAInterpolationDefinition(node.prototypes)) {
  487. value = propertyValue;
  488. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  489. let parentNodeAF = aframeObject.el;
  490. switch (propertyName) {
  491. case "enabled":
  492. value = parentNodeAF.getAttribute(aframeObject.compName).enabled;
  493. break;
  494. case "deltaPos":
  495. value = parentNodeAF.getAttribute(aframeObject.compName).deltaPos;
  496. break;
  497. case "deltaRot":
  498. value = parentNodeAF.getAttribute(aframeObject.compName).deltaRot;
  499. break;
  500. }
  501. }
  502. if (value === undefined && isAGizmoDefinition(node.prototypes)) {
  503. value = propertyValue;
  504. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  505. let parentNodeAF = aframeObject.el;
  506. switch (propertyName) {
  507. case "mode":
  508. value = parentNodeAF.getAttribute(aframeObject.compName).mode;
  509. break;
  510. }
  511. }
  512. }
  513. if (value !== undefined) {
  514. propertyValue = value;
  515. }
  516. return value;
  517. }
  518. });
  519. function getPrototypes(kernel, extendsID) {
  520. var prototypes = [];
  521. var id = extendsID;
  522. while (id !== undefined) {
  523. prototypes.push(id);
  524. id = kernel.prototype(id);
  525. }
  526. return prototypes;
  527. }
  528. function isAAnimMixerDefinition(prototypes) {
  529. var found = false;
  530. if (prototypes) {
  531. for (var i = 0; i < prototypes.length && !found; i++) {
  532. found = (prototypes[i] == "http://vwf.example.com/aframe/anim-mixer-component.vwf");
  533. }
  534. }
  535. return found;
  536. }
  537. function isAInterpolationDefinition(prototypes) {
  538. var found = false;
  539. if (prototypes) {
  540. for (var i = 0; i < prototypes.length && !found; i++) {
  541. found = (prototypes[i] == "http://vwf.example.com/aframe/interpolation-component.vwf");
  542. }
  543. }
  544. return found;
  545. }
  546. function isALinePathDefinition(prototypes) {
  547. var found = false;
  548. if (prototypes) {
  549. for (var i = 0; i < prototypes.length && !found; i++) {
  550. found = (prototypes[i] == "http://vwf.example.com/aframe/linepath.vwf");
  551. }
  552. }
  553. return found;
  554. }
  555. function isAMaterialDefinition(prototypes) {
  556. var found = false;
  557. if (prototypes) {
  558. for (var i = 0; i < prototypes.length && !found; i++) {
  559. found = (prototypes[i] == "http://vwf.example.com/aframe/aMaterialComponent.vwf");
  560. }
  561. }
  562. return found;
  563. }
  564. function isAViewOffsetCameraDefinition(prototypes) {
  565. var found = false;
  566. if (prototypes) {
  567. for (var i = 0; i < prototypes.length && !found; i++) {
  568. found = (prototypes[i] == "http://vwf.example.com/aframe/viewOffsetCamera-component.vwf");
  569. }
  570. }
  571. return found;
  572. }
  573. function isAGizmoDefinition(prototypes) {
  574. var found = false;
  575. if (prototypes) {
  576. for (var i = 0; i < prototypes.length && !found; i++) {
  577. found = (prototypes[i] == "http://vwf.example.com/aframe/gizmoComponent.vwf");
  578. }
  579. }
  580. return found;
  581. }
  582. function isARayCasterDefinition(prototypes) {
  583. var found = false;
  584. if (prototypes) {
  585. for (var i = 0; i < prototypes.length && !found; i++) {
  586. found = (prototypes[i] == "http://vwf.example.com/aframe/raycasterComponent.vwf");
  587. }
  588. }
  589. return found;
  590. }
  591. function isALineDefinition(prototypes) {
  592. var found = false;
  593. if (prototypes) {
  594. for (var i = 0; i < prototypes.length && !found; i++) {
  595. found = (prototypes[i] == "http://vwf.example.com/aframe/lineComponent.vwf");
  596. }
  597. }
  598. return found;
  599. }
  600. function isGearVRControlsDefinition(prototypes) {
  601. var found = false;
  602. if (prototypes) {
  603. for (var i = 0; i < prototypes.length && !found; i++) {
  604. found = (prototypes[i] == "http://vwf.example.com/aframe/gearvr-controlsComponent.vwf");
  605. }
  606. }
  607. return found;
  608. }
  609. function isComponentNodeDefinition(prototypes) {
  610. var found = false;
  611. if (prototypes) {
  612. for (var i = 0; i < prototypes.length && !found; i++) {
  613. found = (prototypes[i] == "http://vwf.example.com/aframe/componentNode.vwf");
  614. }
  615. }
  616. return found;
  617. }
  618. function isComponentDefinition(prototypes) {
  619. var found = false;
  620. if (prototypes) {
  621. for (var i = 0; i < prototypes.length && !found; i++) {
  622. found = (prototypes[i] == "http://vwf.example.com/aframe/aentityComponent.vwf");
  623. }
  624. }
  625. return found;
  626. }
  627. function setAFrameObject(node, config) {
  628. var protos = node.prototypes;
  629. var aframeObj = {};
  630. var sceneEl = document.querySelector('a-scene');
  631. aframeObj.id = node.parentID;
  632. aframeObj.el = sceneEl.children[node.parentID];
  633. aframeObj.el = Array.from(sceneEl.querySelectorAll('*')).filter(item => { return item.id == aframeObj.id })[0];
  634. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/lineComponent.vwf")) {
  635. // aframeObj.id = node.parentID;
  636. // aframeObj.el = sceneEl.children[node.parentID];
  637. if (node.name !== 'line') {
  638. aframeObj.compName = node.name;
  639. } else {
  640. aframeObj.compName = "line";
  641. }
  642. //aframeObj.el.setAttribute(node.type, {});
  643. aframeObj.el.setAttribute(aframeObj.compName, {});
  644. }
  645. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/gizmoComponent.vwf")) {
  646. // aframeObj.el.setAttribute(node.type, {});
  647. aframeObj.compName = "gizmo";
  648. aframeObj.el.setAttribute(aframeObj.compName, {});
  649. }
  650. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/raycasterComponent.vwf")) {
  651. // aframeObj.el.setAttribute(node.type, {});
  652. aframeObj.compName = "raycaster";
  653. aframeObj.el.setAttribute(aframeObj.compName, {});
  654. }
  655. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/viewOffsetCamera-component.vwf")) {
  656. // aframeObj.el.setAttribute(node.type, {});
  657. aframeObj.compName = "viewoffset";
  658. aframeObj.el.setAttribute(aframeObj.compName, {});
  659. }
  660. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/streamSoundComponent.vwf")) {
  661. // aframeObj.el.setAttribute(node.type, {});
  662. aframeObj.compName = "streamsound";
  663. aframeObj.el.setAttribute(aframeObj.compName, {});
  664. }
  665. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/linepath.vwf")) {
  666. // aframeObj.el.setAttribute(node.type, {});
  667. aframeObj.compName = "linepath";
  668. aframeObj.el.setAttribute(aframeObj.compName, {});
  669. }
  670. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/aMaterialComponent.vwf")) {
  671. // aframeObj.el.setAttribute(node.type, {});
  672. aframeObj.compName = "material";
  673. aframeObj.el.setAttribute(aframeObj.compName, {});
  674. }
  675. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/interpolation-component.vwf")) {
  676. // aframeObj.el.setAttribute(node.type, {});
  677. aframeObj.compName = "interpolation";
  678. aframeObj.el.setAttribute(aframeObj.compName, {});
  679. }
  680. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/anim-mixer-component.vwf")) {
  681. // aframeObj.el.setAttribute(node.type, {});
  682. aframeObj.compName = "animation-mixer";
  683. aframeObj.el.setAttribute(aframeObj.compName, {});
  684. }
  685. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-envmap-component.vwf")) {
  686. // aframeObj.el.setAttribute(node.type, {});
  687. aframeObj.compName = "envmap";
  688. aframeObj.el.setAttribute(aframeObj.compName, {});
  689. }
  690. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-avatarbvh-component.vwf")) {
  691. // aframeObj.el.setAttribute(node.type, {});
  692. aframeObj.compName = "avatarbvh";
  693. aframeObj.el.setAttribute(aframeObj.compName, {});
  694. }
  695. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-sun-component.vwf")) {
  696. // aframeObj.el.setAttribute(node.type, {});
  697. aframeObj.compName = "sun";
  698. aframeObj.el.setAttribute('id', "sun");
  699. aframeObj.el.setAttribute(aframeObj.compName, {});
  700. }
  701. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-skyshader-component.vwf")) {
  702. // aframeObj.el.setAttribute(node.type, {});
  703. aframeObj.compName = "skyshader";
  704. aframeObj.el.setAttribute(aframeObj.compName, {});
  705. }
  706. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-raycaster-listener-component.vwf")) {
  707. // aframeObj.el.setAttribute(node.type, {});
  708. aframeObj.compName = "raycaster-listener";
  709. aframeObj.el.setAttribute(aframeObj.compName, {});
  710. }
  711. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-cursor-listener-component.vwf")) {
  712. // aframeObj.el.setAttribute(node.type, {});
  713. aframeObj.compName = "cursor-listener";
  714. aframeObj.el.setAttribute(aframeObj.compName, {});
  715. }
  716. return aframeObj;
  717. }
  718. function addNodeToHierarchy(node) {
  719. if (node.aframeObj) {
  720. if (self.state.nodes[node.parentID] !== undefined) {
  721. var parent = self.state.nodes[node.parentID];
  722. if (parent.aframeObj) {
  723. if (parent.children === undefined) {
  724. parent.children = [];
  725. }
  726. parent.children.push(node.ID);
  727. }
  728. }
  729. }
  730. }
  731. });