aframeComponent.js 34 KB

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