aframe.js 45 KB

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