aframe.js 39 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059
  1. "use strict";
  2. // VWF & A-Frame model driver
  3. // Copyright 2017 Krestianstvo.org project
  4. //
  5. // Copyright 2012 United States Government, as represented by the Secretary of Defense, Under
  6. // Secretary of Defense (Personnel & Readiness).
  7. //
  8. // Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
  9. // in compliance with the License. You may obtain a copy of the License at
  10. //
  11. // http://www.apache.org/licenses/LICENSE-2.0
  12. //
  13. // Unless required by applicable law or agreed to in writing, software distributed under the License
  14. // is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
  15. // or implied. See the License for the specific language governing permissions and limitations under
  16. // the License.
  17. /// vwf/model/scenejs.js is a placeholder for a 3-D scene manager.
  18. ///
  19. /// @module vwf/model/aframe
  20. /// @requires vwf/model
  21. define(["module", "vwf/model", "vwf/utility"], function (module, model, utility) {
  22. var self;
  23. return model.load(module, {
  24. // == Module Definition ====================================================================
  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. "scene": undefined,
  45. "componentName": undefined,
  46. "events": {
  47. "clickable": false
  48. }
  49. };
  50. },
  51. isAFrameClass: function (prototypes, classID) {
  52. if (prototypes) {
  53. for (var i = 0; i < prototypes.length; i++) {
  54. if (prototypes[i] === classID) {
  55. //console.info( "prototypes[ i ]: " + prototypes[ i ] );
  56. return true;
  57. }
  58. }
  59. }
  60. return false;
  61. },
  62. isAFrameComponent: function (prototypes) {
  63. var found = false;
  64. if (prototypes) {
  65. for (var i = 0; i < prototypes.length && !found; i++) {
  66. found = (prototypes[i] === "http://vwf.example.com/aframe/node.vwf");
  67. }
  68. }
  69. return found;
  70. },
  71. setAFrameProperty: function (propertyName, propertyValue, aframeObject) {
  72. if (propertyValue.hasOwnProperty('x')) {
  73. aframeObject.setAttribute(propertyName, propertyValue)
  74. } else
  75. if (Array.isArray(propertyValue)) {
  76. aframeObject.setAttribute(propertyName, { x: propertyValue[0], y: propertyValue[1], z: propertyValue[2] })
  77. } else if (typeof propertyValue === 'string') {
  78. aframeObject.setAttribute(propertyName, AFRAME.utils.coordinates.parse(propertyValue))
  79. }
  80. }
  81. };
  82. this.state.kernel = this.kernel.kernel.kernel;
  83. },
  84. // == Model API ============================================================================
  85. // -- creatingNode -------------------------------------------------------------------------
  86. creatingNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
  87. childSource, childType, childIndex, childName, callback /* ( ready ) */) {
  88. // If the parent nodeID is 0, this node is attached directly to the root and is therefore either
  89. // the scene or a prototype. In either of those cases, save the uri of the new node
  90. var childURI = (nodeID === 0 ? childIndex : undefined);
  91. var appID = this.kernel.application();
  92. // If the node being created is a prototype, construct it and add it to the array of prototypes,
  93. // and then return
  94. var prototypeID = utility.ifPrototypeGetId(appID, this.state.prototypes, nodeID, childID);
  95. if (prototypeID !== undefined) {
  96. this.state.prototypes[prototypeID] = {
  97. parentID: nodeID,
  98. ID: childID,
  99. extendsID: childExtendsID,
  100. implementsID: childImplementsIDs,
  101. source: childSource,
  102. type: childType,
  103. name: childName
  104. };
  105. return;
  106. }
  107. var protos = getPrototypes(this.kernel, childExtendsID);
  108. //var kernel = this.kernel.kernel.kernel;
  109. var node;
  110. if (this.state.isAFrameComponent(protos)) {
  111. // Create the local copy of the node properties
  112. if (this.state.nodes[childID] === undefined) {
  113. this.state.nodes[childID] = this.state.createLocalNode(nodeID, childID, childExtendsID, childImplementsIDs,
  114. childSource, childType, childIndex, childName, callback);
  115. }
  116. node = this.state.nodes[childID];
  117. node.prototypes = protos;
  118. // if (childType == "component") {
  119. // if (nodeID !== undefined) {
  120. // node.aframeObj = setAFrameObjectComponents(node);
  121. // addNodeToHierarchy(node);
  122. // }
  123. // } else {
  124. node.aframeObj = createAFrameObject(node);
  125. addNodeToHierarchy(node);
  126. //notifyDriverOfPrototypeAndBehaviorProps();
  127. // }
  128. //addNodeToHierarchy(node);
  129. }
  130. },
  131. // initializingNode: function( nodeID, childID, childExtendsID, childImplementsIDs,
  132. // childSource, childType, childIndex, childName ) {
  133. // var node = this.state.nodes[childID];
  134. // if ( node && childType == "component" ) {
  135. // }
  136. // },
  137. // -- initializingProperty -----------------------------------------------------------------
  138. initializingProperty: function (nodeID, propertyName, propertyValue) {
  139. var value = undefined;
  140. var node = this.state.nodes[nodeID];
  141. if (node !== undefined) {
  142. value = this.settingProperty(nodeID, propertyName, propertyValue);
  143. }
  144. return value;
  145. },
  146. // -- creatingProperty ---------------------------------------------------------------------
  147. creatingProperty: function (nodeID, propertyName, propertyValue) {
  148. return this.initializingProperty(nodeID, propertyName, propertyValue);
  149. },
  150. // -- deletingNode -------------------------------------------------------------------------
  151. //deletingNode: function( nodeID ) {
  152. //},
  153. // -- deletingNode -------------------------------------------------------------------------
  154. deletingNode: function (nodeID) {
  155. if (this.state.nodes[nodeID] !== undefined) {
  156. var node = this.state.nodes[nodeID];
  157. if (node.aframeObj !== undefined) {
  158. // removes and destroys object
  159. node.aframeObj.parentNode.removeChild(node.aframeObj);
  160. node.aframeObj = undefined;
  161. }
  162. delete this.state.nodes[nodeID];
  163. }
  164. },
  165. // -- settingProperty ----------------------------------------------------------------------
  166. settingProperty: function (nodeID, propertyName, propertyValue) {
  167. var node = this.state.nodes[nodeID];
  168. var value = undefined;
  169. // if (node.componentName == 'line') {
  170. // console.log(node.aframeObj);
  171. // }
  172. if (node && node.aframeObj && utility.validObject(propertyValue)) {
  173. var aframeObject = node.aframeObj;
  174. if (isNodeDefinition(node.prototypes)) {
  175. // 'id' will be set to the nodeID
  176. value = propertyValue;
  177. switch (propertyName) {
  178. default:
  179. value = undefined;
  180. break;
  181. }
  182. }
  183. if (value === undefined && isAEntityDefinition(node.prototypes)) {
  184. value = propertyValue;
  185. switch (propertyName) {
  186. // case "interpolation":
  187. // aframeObject.setAttribute('interpolation', { duration: propertyValue});
  188. // break;
  189. case "worldPosition":
  190. break;
  191. case "position":
  192. this.state.setAFrameProperty('position', propertyValue, aframeObject);
  193. // if (propertyValue.hasOwnProperty('x')) {
  194. // aframeObject.setAttribute('position', propertyValue)
  195. // } else
  196. // if (Array.isArray(propertyValue)) {
  197. // aframeObject.setAttribute('position', { x: propertyValue[0], y: propertyValue[1], z: propertyValue[2] })
  198. // } else if (typeof propertyValue === 'string') {
  199. // aframeObject.setAttribute('position', AFRAME.utils.coordinates.parse(propertyValue))
  200. // }
  201. break;
  202. case "rotation":
  203. this.state.setAFrameProperty('rotation', propertyValue, aframeObject);
  204. // if (Array.isArray(propertyValue)) {
  205. // aframeObject.setAttribute('rotation', { x: propertyValue[0], y: propertyValue[1], z: propertyValue[2] });
  206. // } else {
  207. // aframeObject.setAttribute('rotation', AFRAME.utils.coordinates.parse(propertyValue));
  208. // }
  209. break;
  210. case "scale":
  211. this.state.setAFrameProperty('scale', propertyValue, aframeObject);
  212. // if (Array.isArray(propertyValue)) {
  213. // aframeObject.setAttribute('scale', { x: propertyValue[0], y: propertyValue[1], z: propertyValue[2] });
  214. // } else {
  215. // aframeObject.setAttribute('scale', AFRAME.utils.coordinates.parse(propertyValue));
  216. // }
  217. break;
  218. case "color":
  219. aframeObject.setAttribute('color', propertyValue);
  220. break;
  221. case "transparent":
  222. aframeObject.setAttribute('material', 'transparent', propertyValue);
  223. break;
  224. case "opacity":
  225. aframeObject.setAttribute('material', 'opacity', propertyValue);
  226. break;
  227. case "fog":
  228. aframeObject.setAttribute('material', 'fog', propertyValue);
  229. break;
  230. case "wireframe":
  231. aframeObject.setAttribute('wireframe', propertyValue);
  232. break;
  233. case "wireframe-linewidth":
  234. aframeObject.setAttribute('wireframeLinewidth', propertyValue);
  235. break;
  236. case "clickable":
  237. if (propertyValue) {
  238. aframeObject.setAttribute('class', 'intersectable');
  239. } else {
  240. aframeObject.setAttribute('class', 'nonintersectable');
  241. }
  242. node.events.clickable = propertyValue;
  243. break;
  244. case "visible":
  245. aframeObject.setAttribute('visible', propertyValue);
  246. break;
  247. // case "clickable":
  248. // console.log("set clickable!");
  249. // value = propertyValue;
  250. // break;
  251. // case "clickable":
  252. // if (propertyValue) {
  253. // aframeObject.addEventListener('click', function (evt) {
  254. // console.log("click!");
  255. // vwf_view.kernel.fireEvent(node.ID, "clickEvent",evt.detail.cursorEl.id);
  256. // });
  257. // }
  258. // break;
  259. case "src":
  260. aframeObject.setAttribute('src', propertyValue);
  261. break;
  262. case "repeat":
  263. aframeObject.setAttribute('repeat', propertyValue);
  264. break;
  265. case "look-controls-enabled":
  266. aframeObject.setAttribute('look-controls', 'enabled', propertyValue);
  267. break;
  268. case "wasd-controls":
  269. aframeObject.setAttribute('wasd-controls', 'enabled', propertyValue);
  270. break;
  271. default:
  272. value = undefined;
  273. break;
  274. }
  275. }
  276. if (value === undefined && aframeObject.nodeName == "A-TEXT") {
  277. value = propertyValue;
  278. switch (propertyName) {
  279. case "value":
  280. aframeObject.setAttribute('value', propertyValue);
  281. break;
  282. case "color":
  283. aframeObject.setAttribute('color', propertyValue);
  284. break;
  285. case "side":
  286. aframeObject.setAttribute('side', propertyValue);
  287. break;
  288. default:
  289. value = undefined;
  290. break;
  291. }
  292. }
  293. if (value === undefined && aframeObject.nodeName == "A-SCENE") {
  294. value = propertyValue;
  295. switch (propertyName) {
  296. case "fog":
  297. aframeObject.setAttribute('fog', propertyValue);
  298. break;
  299. case "assets":
  300. var assetsElement = document.createElement('a-assets');
  301. aframeObject.appendChild(assetsElement);
  302. if (propertyValue) {
  303. httpGetJson(propertyValue).then(function (response) {
  304. console.log(JSON.parse(response));
  305. let assets = JSON.parse(response);
  306. for (var prop in assets) {
  307. var elm = document.createElement(assets[prop].tag);
  308. elm.setAttribute('id', prop);
  309. elm.setAttribute('src', assets[prop].src);
  310. assetsElement.appendChild(elm);
  311. }
  312. }).catch(function (error) {
  313. console.log(error);
  314. });
  315. }
  316. break;
  317. default:
  318. value = undefined;
  319. break;
  320. }
  321. }
  322. if (value === undefined && aframeObject.nodeName == "A-BOX") {
  323. value = propertyValue;
  324. switch (propertyName) {
  325. case "depth":
  326. aframeObject.setAttribute('depth', propertyValue);
  327. break;
  328. case "height":
  329. aframeObject.setAttribute('height', propertyValue);
  330. break;
  331. case "width":
  332. aframeObject.setAttribute('width', propertyValue);
  333. break;
  334. default:
  335. value = undefined;
  336. break;
  337. }
  338. }
  339. if (value === undefined && aframeObject.nodeName == "A-LIGHT") {
  340. value = propertyValue;
  341. switch (propertyName) {
  342. //"angle", "color", "decay", "distance", "ground-color", "intensity", "penumbra", "type", "target"
  343. case "color":
  344. aframeObject.setAttribute('color', propertyValue);
  345. break;
  346. case "type":
  347. aframeObject.setAttribute('type', propertyValue);
  348. break;
  349. case "intensity":
  350. aframeObject.setAttribute('intensity', propertyValue);
  351. break;
  352. case "distance":
  353. aframeObject.setAttribute('distance', propertyValue);
  354. break;
  355. default:
  356. value = undefined;
  357. break;
  358. }
  359. }
  360. if (value === undefined && aframeObject.nodeName == "A-GLTF-MODEL") {
  361. value = propertyValue;
  362. switch (propertyName) {
  363. case "src":
  364. aframeObject.setAttribute('src', propertyValue);
  365. break;
  366. default:
  367. value = undefined;
  368. break;
  369. }
  370. }
  371. if (value === undefined && aframeObject.nodeName == "A-COLLADA-MODEL") {
  372. value = propertyValue;
  373. switch (propertyName) {
  374. case "src":
  375. aframeObject.setAttribute('src', propertyValue);
  376. break;
  377. default:
  378. value = undefined;
  379. break;
  380. }
  381. }
  382. if (value === undefined && aframeObject.nodeName == "A-PLANE") {
  383. value = propertyValue;
  384. switch (propertyName) {
  385. case "height":
  386. aframeObject.setAttribute('height', propertyValue);
  387. break;
  388. case "width":
  389. aframeObject.setAttribute('width', propertyValue);
  390. break;
  391. default:
  392. value = undefined;
  393. break;
  394. }
  395. }
  396. if (value === undefined && aframeObject.nodeName == "A-SPHERE") {
  397. value = propertyValue;
  398. switch (propertyName) {
  399. case "radius":
  400. aframeObject.setAttribute('radius', propertyValue);
  401. break;
  402. default:
  403. value = undefined;
  404. break;
  405. }
  406. }
  407. if (value === undefined && aframeObject.nodeName == "A-ANIMATION") {
  408. value = propertyValue;
  409. switch (propertyName) {
  410. // attribute:
  411. // dur:
  412. // from:
  413. // to:
  414. // repeat:
  415. case "dur":
  416. aframeObject.setAttribute('dur', propertyValue);
  417. break;
  418. case "from":
  419. aframeObject.setAttribute('from', propertyValue);
  420. break;
  421. case "to":
  422. aframeObject.setAttribute('to', propertyValue);
  423. break;
  424. case "repeat":
  425. aframeObject.setAttribute('repeat', propertyValue);
  426. break;
  427. case "attribute":
  428. aframeObject.setAttribute('attribute', propertyValue);
  429. break;
  430. case "begin":
  431. aframeObject.setAttribute('begin', propertyValue);
  432. break;
  433. default:
  434. value = undefined;
  435. break;
  436. }
  437. }
  438. if (value === undefined && aframeObject.nodeName == "A-CAMERA") {
  439. value = propertyValue;
  440. switch (propertyName) {
  441. case "userHeight":
  442. aframeObject.setAttribute('camera', 'userHeight', propertyValue);
  443. break;
  444. // case "active":
  445. // aframeObject.setAttribute('camera', 'active', propertyValue);
  446. // break;
  447. default:
  448. value = undefined;
  449. break;
  450. }
  451. }
  452. }
  453. return value;
  454. },
  455. // -- gettingProperty ----------------------------------------------------------------------
  456. gettingProperty: function (nodeID, propertyName, propertyValue) {
  457. var node = this.state.nodes[nodeID];
  458. var value = undefined;
  459. if (node && node.aframeObj) {
  460. var aframeObject = node.aframeObj;
  461. if (isNodeDefinition(node.prototypes)) {
  462. switch (propertyName) {
  463. }
  464. }
  465. if (value === undefined && isAEntityDefinition(node.prototypes)) {
  466. switch (propertyName) {
  467. // case "interpolation":
  468. // var interpolation = aframeObject.getAttribute('interpolation');
  469. // if (interpolation !== null && interpolation !== undefined) {
  470. // value = interpolation.duration;
  471. // }
  472. // break;
  473. case "worldPosition":
  474. var pos = aframeObject.object3D.getWorldPosition();
  475. if (pos !== undefined) {
  476. value = pos;
  477. }
  478. break;
  479. case "position":
  480. var pos = aframeObject.getAttribute('position');
  481. if (pos !== undefined) {
  482. value = pos//[pos.x, pos.y, pos.z]//AFRAME.utils.coordinates.stringify(pos);
  483. }
  484. break;
  485. case "scale":
  486. var scale = aframeObject.getAttribute('scale');
  487. if (scale !== undefined) {
  488. value = scale//AFRAME.utils.coordinates.stringify(scale);
  489. }
  490. break;
  491. case "rotation":
  492. var rot = aframeObject.getAttribute('rotation');
  493. if (rot !== undefined) {
  494. value = rot//AFRAME.utils.coordinates.stringify(rot);
  495. }
  496. break;
  497. case "color":
  498. value = aframeObject.getAttribute('color');
  499. break;
  500. case "fog":
  501. if (aframeObject.getAttribute('material')) {
  502. value = aframeObject.getAttribute('material').fog;
  503. }
  504. break;
  505. case "opacity":
  506. if (aframeObject.getAttribute('material')) {
  507. value = aframeObject.getAttribute('material').opacity;
  508. }
  509. break;
  510. case "transparent":
  511. if (aframeObject.getAttribute('material')) {
  512. value = aframeObject.getAttribute('material').transparent;
  513. }
  514. break;
  515. case "wireframe":
  516. value = aframeObject.getAttribute('wireframe');
  517. break;
  518. case "wireframe-linewidth":
  519. value = aframeObject.getAttribute('wireframeLinewidth');
  520. break;
  521. case "clickable":
  522. value = node.events.clickable;
  523. break;
  524. case "src":
  525. value = aframeObject.getAttribute('src');
  526. break;
  527. case "repeat":
  528. value = aframeObject.getAttribute('repeat');
  529. case "look-controls-enabled":
  530. var look = aframeObject.getAttribute('look-controls-enabled');
  531. if (look !== null && look !== undefined) {
  532. value = aframeObject.getAttribute('look-controls').enabled;
  533. }
  534. break;
  535. case "wasd-controls":
  536. var wasd = aframeObject.getAttribute('wasd-controls');
  537. if (wasd !== null && wasd !== undefined) {
  538. value = aframeObject.getAttribute('wasd-controls').enabled;
  539. }
  540. break;
  541. case "visible":
  542. value = aframeObject.getAttribute('visible');
  543. break;
  544. }
  545. }
  546. if (value === undefined && aframeObject.nodeName == "A-SCENE") {
  547. switch (propertyName) {
  548. case "fog":
  549. value = aframeObject.getAttribute('fog');
  550. break;
  551. }
  552. }
  553. if (value === undefined && aframeObject.nodeName == "A-BOX") {
  554. switch (propertyName) {
  555. case "depth":
  556. value = aframeObject.getAttribute('depth');
  557. break;
  558. case "height":
  559. value = aframeObject.getAttribute('height');
  560. break;
  561. case "width":
  562. value = aframeObject.getAttribute('width');
  563. break;
  564. }
  565. }
  566. if (value === undefined && aframeObject.nodeName == "A-LIGHT") {
  567. //"angle", "color", "decay", "distance", "ground-color", "intensity", "penumbra", "type", "target"
  568. switch (propertyName) {
  569. case "color":
  570. value = aframeObject.getAttribute('color');
  571. break;
  572. case "type":
  573. value = aframeObject.getAttribute('type');
  574. break;
  575. case "distance":
  576. value = aframeObject.getAttribute('distance');
  577. break;
  578. case "intensity":
  579. value = aframeObject.getAttribute('intensity');
  580. break;
  581. }
  582. }
  583. if (value === undefined && aframeObject.nodeName == "A-PLANE") {
  584. switch (propertyName) {
  585. case "height":
  586. value = aframeObject.getAttribute('height');
  587. break;
  588. case "width":
  589. value = aframeObject.getAttribute('width');
  590. break;
  591. }
  592. }
  593. if (value === undefined && aframeObject.nodeName == "A-SPHERE") {
  594. switch (propertyName) {
  595. case "radius":
  596. value = aframeObject.getAttribute('radius');
  597. break;
  598. }
  599. }
  600. if (value === undefined && aframeObject.nodeName == "A-TEXT") {
  601. switch (propertyName) {
  602. case "value":
  603. value = aframeObject.getAttribute('value');
  604. break;
  605. case "color":
  606. value = aframeObject.getAttribute('color');
  607. break;
  608. case "side":
  609. value = aframeObject.getAttribute('side');
  610. break;
  611. }
  612. }
  613. if (value === undefined && aframeObject.nodeName == "A-ANIMATION") {
  614. switch (propertyName) {
  615. case "attribute":
  616. value = aframeObject.getAttribute('attribute');
  617. break;
  618. case "dur":
  619. value = aframeObject.getAttribute('dur');
  620. break;
  621. case "from":
  622. value = aframeObject.getAttribute('from');
  623. break;
  624. case "to":
  625. value = aframeObject.getAttribute('to');
  626. break;
  627. case "repeat":
  628. value = aframeObject.getAttribute('repeat');
  629. break;
  630. case "begin":
  631. value = aframeObject.getAttribute('begin');
  632. break;
  633. }
  634. }
  635. if (value === undefined && aframeObject.nodeName == "A-CAMERA") {
  636. switch (propertyName) {
  637. case "userHeight":
  638. value = aframeObject.getAttribute('camera').userHeight;
  639. break;
  640. }
  641. // switch (propertyName) {
  642. // case "active":
  643. // value = aframeObject.getAttribute('camera').active;
  644. // break;
  645. // }
  646. }
  647. if (value === undefined && aframeObject.nodeName == "A-COLLADA-MODEL") {
  648. switch (propertyName) {
  649. case "src":
  650. value = aframeObject.getAttribute('src');
  651. break;
  652. }
  653. }
  654. if (value === undefined && aframeObject.nodeName == "A-GLTF-MODEL") {
  655. switch (propertyName) {
  656. case "src":
  657. value = aframeObject.getAttribute('src');
  658. break;
  659. }
  660. }
  661. }
  662. if (value !== undefined) {
  663. propertyValue = value;
  664. }
  665. return value;
  666. }
  667. });
  668. function createAFrameObject(node, config) {
  669. var protos = node.prototypes;
  670. var aframeObj = undefined;
  671. if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/ascene.vwf")) {
  672. aframeObj = document.createElement('a-scene');
  673. self.state.scenes[node.ID] = aframeObj;
  674. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/acamera.vwf")) {
  675. aframeObj = document.createElement('a-camera');
  676. aframeObj.setAttribute('camera', 'active', false);
  677. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/alight.vwf")) {
  678. aframeObj = document.createElement('a-light');
  679. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/acursor.vwf")) {
  680. aframeObj = document.createElement('a-cursor');
  681. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/asky.vwf")) {
  682. aframeObj = document.createElement('a-sky');
  683. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/abox.vwf")) {
  684. aframeObj = document.createElement('a-box');
  685. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aplane.vwf")) {
  686. aframeObj = document.createElement('a-plane');
  687. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/atext.vwf")) {
  688. aframeObj = document.createElement('a-text');
  689. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/acolladamodel.vwf")) {
  690. aframeObj = document.createElement('a-collada-model');
  691. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/agltfmodel.vwf")) {
  692. aframeObj = document.createElement('a-gltf-model');
  693. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/asphere.vwf")) {
  694. aframeObj = document.createElement('a-sphere');
  695. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aanimation.vwf")) {
  696. aframeObj = document.createElement('a-animation');
  697. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aentity.vwf")) {
  698. aframeObj = document.createElement('a-entity');
  699. }
  700. aframeObj.setAttribute('id', node.ID);
  701. return aframeObj;
  702. }
  703. function addNodeToHierarchy(node) {
  704. if (node.aframeObj) {
  705. if (self.state.nodes[node.parentID] !== undefined) {
  706. var parent = self.state.nodes[node.parentID];
  707. if (parent.aframeObj) {
  708. if (parent.children === undefined) {
  709. parent.children = [];
  710. }
  711. parent.children.push(node.ID);
  712. //console.info( "Adding child: " + childID + " to " + nodeID );
  713. parent.aframeObj.appendChild(node.aframeObj);
  714. }
  715. }
  716. if (node.aframeObj.nodeName !== "A-SCENE") {
  717. node.scene = self.state.scenes[self.kernel.application()];
  718. }
  719. }
  720. }
  721. function getPrototypes(kernel, extendsID) {
  722. var prototypes = [];
  723. var id = extendsID;
  724. while (id !== undefined) {
  725. prototypes.push(id);
  726. id = kernel.prototype(id);
  727. }
  728. return prototypes;
  729. }
  730. function isNodeDefinition(prototypes) {
  731. var found = false;
  732. if (prototypes) {
  733. for (var i = 0; i < prototypes.length && !found; i++) {
  734. found = (prototypes[i] == "http://vwf.example.com/aframe/node.vwf");
  735. }
  736. }
  737. return found;
  738. }
  739. function isAEntityDefinition(prototypes) {
  740. var found = false;
  741. if (prototypes) {
  742. for (var i = 0; i < prototypes.length && !found; i++) {
  743. found = (prototypes[i] == "http://vwf.example.com/aframe/aentity.vwf");
  744. }
  745. }
  746. return found;
  747. }
  748. // Changing this function significantly from the GLGE code
  749. // Will search hierarchy down until encountering a matching child
  750. // Will look into nodes that don't match.... this might not be desirable
  751. function FindChildByName(obj, childName, childType, recursive) {
  752. var child = undefined;
  753. if (recursive) {
  754. // TODO: If the obj itself has the child name, the object will be returned by this function
  755. // I don't think this this desirable.
  756. if (nameTest.call(this, obj, childName)) {
  757. child = obj;
  758. } else if (obj.children && obj.children.length > 0) {
  759. for (var i = 0; i < obj.children.length && child === undefined; i++) {
  760. child = FindChildByName(obj.children[i], childName, childType, true);
  761. }
  762. }
  763. } else {
  764. if (obj.children) {
  765. for (var i = 0; i < obj.children.length && child === undefined; i++) {
  766. if (nameTest.call(this, obj.children[i], childName)) {
  767. child = obj.children[i];
  768. }
  769. }
  770. }
  771. }
  772. return child;
  773. }
  774. function nameTest(obj, name) {
  775. if (obj.name == "") {
  776. return (obj.parent.name + "Child" == name);
  777. } else {
  778. return (obj.name == name || obj.id == name || obj.vwfID == name);
  779. }
  780. }
  781. function httpGet(url) {
  782. return new Promise(function (resolve, reject) {
  783. // do the usual Http request
  784. let request = new XMLHttpRequest();
  785. request.open('GET', url);
  786. request.onload = function () {
  787. if (request.status == 200) {
  788. resolve(request.response);
  789. } else {
  790. reject(Error(request.statusText));
  791. }
  792. };
  793. request.onerror = function () {
  794. reject(Error('Network Error'));
  795. };
  796. request.send();
  797. });
  798. }
  799. async function httpGetJson(url) {
  800. // check if the URL looks like a JSON file and call httpGet.
  801. let regex = /\.(json)$/i;
  802. if (regex.test(url)) {
  803. // call the async function, wait for the result
  804. return await httpGet(url);
  805. } else {
  806. throw Error('Bad Url Format');
  807. }
  808. }
  809. });