aframe.js 51 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352
  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-ASSET-ITEM") {
  281. value = propertyValue;
  282. switch (propertyName) {
  283. case "itemID":
  284. aframeObject.setAttribute('id', propertyValue);
  285. break;
  286. case "itemSrc":
  287. aframeObject.setAttribute('src', propertyValue);
  288. break;
  289. default:
  290. value = undefined;
  291. break;
  292. }
  293. }
  294. if (value === undefined && aframeObject.nodeName == "A-SKY") {
  295. value = propertyValue;
  296. switch (propertyName) {
  297. case "color":
  298. aframeObject.setAttribute('color',propertyValue);
  299. break;
  300. case "side":
  301. aframeObject.setAttribute('side',propertyValue);
  302. break;
  303. case "src":
  304. aframeObject.setAttribute('src',propertyValue);
  305. break;
  306. default:
  307. value = undefined;
  308. break;
  309. }
  310. }
  311. if (value === undefined && aframeObject.nodeName == "A-TEXT") {
  312. value = propertyValue;
  313. switch (propertyName) {
  314. case "value":
  315. aframeObject.setAttribute('value', propertyValue);
  316. break;
  317. case "color":
  318. aframeObject.setAttribute('color', propertyValue);
  319. break;
  320. case "side":
  321. aframeObject.setAttribute('side', propertyValue);
  322. break;
  323. case "font":
  324. aframeObject.setAttribute('font', propertyValue);
  325. break;
  326. default:
  327. value = undefined;
  328. break;
  329. }
  330. }
  331. if (value === undefined && aframeObject.nodeName == "A-SCENE") {
  332. value = propertyValue;
  333. switch (propertyName) {
  334. case "color":
  335. aframeObject.setAttribute('background', {'color': propertyValue} );
  336. break;
  337. case "transparent":
  338. aframeObject.setAttribute('background', {'transparent': propertyValue} );
  339. break;
  340. case "fog":
  341. aframeObject.setAttribute('fog', propertyValue);
  342. break;
  343. case "assets":
  344. let assetsEl = document.querySelector('a-assets');
  345. if (!assetsEl) {
  346. let newAssetsEl = document.createElement('a-assets');
  347. aframeObject.appendChild(newAssetsEl);
  348. }
  349. var assetsElement = document.querySelector('a-assets');
  350. if (propertyValue) {
  351. httpGetJson(propertyValue).then(function (response) {
  352. console.log(JSON.parse(response));
  353. let assets = JSON.parse(response);
  354. for (var prop in assets) {
  355. var elm = document.createElement(assets[prop].tag);
  356. elm.setAttribute('id', prop);
  357. elm.setAttribute('src', assets[prop].src);
  358. assetsElement.appendChild(elm);
  359. }
  360. }).catch(function (error) {
  361. console.log(error);
  362. });
  363. }
  364. break;
  365. default:
  366. value = undefined;
  367. break;
  368. }
  369. }
  370. if (value === undefined && aframeObject.nodeName == "A-BOX") {
  371. value = propertyValue;
  372. switch (propertyName) {
  373. case "depth":
  374. aframeObject.setAttribute('depth', propertyValue);
  375. break;
  376. case "height":
  377. aframeObject.setAttribute('height', propertyValue);
  378. break;
  379. case "width":
  380. aframeObject.setAttribute('width', propertyValue);
  381. break;
  382. case "color":
  383. // let materialName = '/' + node.name + '/material';
  384. // let materialID = vwf.find('', materialName)[0];
  385. // if (materialID) {
  386. // //self.kernel.setProperty(materialID, 'color', propertyValue)
  387. // } else {
  388. // aframeObject.setAttribute('color', propertyValue);
  389. // }
  390. aframeObject.setAttribute('color', propertyValue);
  391. break;
  392. default:
  393. value = undefined;
  394. break;
  395. }
  396. }
  397. if (value === undefined && aframeObject.nodeName == "A-LIGHT") {
  398. value = propertyValue;
  399. switch (propertyName) {
  400. //"angle", "color", "decay", "distance", "ground-color", "intensity", "penumbra", "type", "target"
  401. case "color":
  402. aframeObject.setAttribute('color', propertyValue);
  403. break;
  404. case "type":
  405. aframeObject.setAttribute('type', propertyValue);
  406. break;
  407. case "intensity":
  408. aframeObject.setAttribute('intensity', propertyValue);
  409. break;
  410. case "distance":
  411. aframeObject.setAttribute('distance', propertyValue);
  412. break;
  413. default:
  414. value = undefined;
  415. break;
  416. }
  417. }
  418. if (value === undefined && aframeObject.nodeName == "A-GLTF-MODEL") {
  419. value = propertyValue;
  420. switch (propertyName) {
  421. case "src":
  422. aframeObject.setAttribute('src', propertyValue);
  423. break;
  424. default:
  425. value = undefined;
  426. break;
  427. }
  428. }
  429. if (value === undefined && aframeObject.nodeName == "A-COLLADA-MODEL") {
  430. value = propertyValue;
  431. switch (propertyName) {
  432. case "src":
  433. aframeObject.setAttribute('src', propertyValue);
  434. break;
  435. default:
  436. value = undefined;
  437. break;
  438. }
  439. }
  440. if (value === undefined && aframeObject.nodeName == "A-OBJ-MODEL") {
  441. value = propertyValue;
  442. switch (propertyName) {
  443. case "src":
  444. aframeObject.setAttribute('src', propertyValue);
  445. break;
  446. case "mtl":
  447. aframeObject.setAttribute('mtl', propertyValue);
  448. break;
  449. default:
  450. value = undefined;
  451. break;
  452. }
  453. }
  454. if (value === undefined && aframeObject.nodeName == "A-SOUND") {
  455. value = propertyValue;
  456. switch (propertyName) {
  457. case "src":
  458. aframeObject.setAttribute('src', propertyValue);
  459. break;
  460. case "on":
  461. aframeObject.setAttribute('on', propertyValue);
  462. break;
  463. case "autoplay":
  464. aframeObject.setAttribute('autoplay', propertyValue);
  465. break;
  466. default:
  467. value = undefined;
  468. break;
  469. }
  470. }
  471. if (value === undefined && aframeObject.nodeName == "A-PLANE") {
  472. value = propertyValue;
  473. switch (propertyName) {
  474. case "height":
  475. aframeObject.setAttribute('height', propertyValue);
  476. break;
  477. case "width":
  478. aframeObject.setAttribute('width', propertyValue);
  479. break;
  480. default:
  481. value = undefined;
  482. break;
  483. }
  484. }
  485. if (value === undefined && aframeObject.nodeName == "A-SPHERE") {
  486. value = propertyValue;
  487. switch (propertyName) {
  488. case "radius":
  489. aframeObject.setAttribute('radius', propertyValue);
  490. break;
  491. default:
  492. value = undefined;
  493. break;
  494. }
  495. }
  496. if (value === undefined && aframeObject.nodeName == "A-ANIMATION") {
  497. value = propertyValue;
  498. switch (propertyName) {
  499. // attribute:
  500. // dur:
  501. // from:
  502. // to:
  503. // repeat:
  504. case "dur":
  505. aframeObject.setAttribute('dur', propertyValue);
  506. break;
  507. case "from":
  508. aframeObject.setAttribute('from', propertyValue);
  509. break;
  510. case "to":
  511. aframeObject.setAttribute('to', propertyValue);
  512. break;
  513. case "repeat":
  514. aframeObject.setAttribute('repeat', propertyValue);
  515. break;
  516. case "attribute":
  517. aframeObject.setAttribute('attribute', propertyValue);
  518. break;
  519. case "begin":
  520. aframeObject.setAttribute('begin', propertyValue);
  521. break;
  522. default:
  523. value = undefined;
  524. break;
  525. }
  526. }
  527. if (value === undefined && aframeObject.nodeName == "A-CAMERA") {
  528. value = propertyValue;
  529. switch (propertyName) {
  530. case "user-height":
  531. aframeObject.setAttribute('user-height', propertyValue);
  532. break;
  533. case "look-controls-enabled":
  534. aframeObject.setAttribute('look-controls-enabled', propertyValue);
  535. break;
  536. case "wasd-controls-enabled":
  537. aframeObject.setAttribute('wasd-controls-enabled', propertyValue);
  538. break;
  539. // case "active":
  540. // aframeObject.setAttribute('camera', 'active', propertyValue);
  541. // break;
  542. default:
  543. value = undefined;
  544. break;
  545. }
  546. }
  547. if (value === undefined && aframeObject.nodeName == "A-SUN-SKY") {
  548. value = propertyValue;
  549. switch (propertyName) {
  550. case "sunPosition":
  551. aframeObject.setAttribute('material', 'sunPosition', propertyValue);
  552. break;
  553. // case "active":
  554. // aframeObject.setAttribute('camera', 'active', propertyValue);
  555. // break;
  556. default:
  557. value = undefined;
  558. break;
  559. }
  560. }
  561. }
  562. return value;
  563. },
  564. // -- gettingProperty ----------------------------------------------------------------------
  565. gettingProperty: function (nodeID, propertyName, propertyValue) {
  566. var node = this.state.nodes[nodeID];
  567. var value = undefined;
  568. if (node && node.aframeObj) {
  569. var aframeObject = node.aframeObj;
  570. if (isNodeDefinition(node.prototypes)) {
  571. switch (propertyName) {
  572. }
  573. }
  574. if (value === undefined && isAEntityDefinition(node.prototypes)) {
  575. switch (propertyName) {
  576. // case "interpolation":
  577. // var interpolation = aframeObject.getAttribute('interpolation');
  578. // if (interpolation !== null && interpolation !== undefined) {
  579. // value = interpolation.duration;
  580. // }
  581. // break;
  582. case "worldPosition":
  583. var pos = aframeObject.object3D.getWorldPosition();
  584. if (pos !== undefined) {
  585. value = pos;
  586. }
  587. break;
  588. case "position":
  589. var pos = aframeObject.getAttribute('position');
  590. if (pos !== undefined) {
  591. value = pos//[pos.x, pos.y, pos.z]//AFRAME.utils.coordinates.stringify(pos);
  592. }
  593. break;
  594. case "scale":
  595. var scale = aframeObject.getAttribute('scale');
  596. if (scale !== undefined) {
  597. value = scale//AFRAME.utils.coordinates.stringify(scale);
  598. }
  599. break;
  600. case "rotation":
  601. var rot = aframeObject.getAttribute('rotation');
  602. if (rot !== undefined) {
  603. value = rot//AFRAME.utils.coordinates.stringify(rot);
  604. }
  605. break;
  606. case "side":
  607. if (aframeObject.getAttribute('material')) {
  608. value = aframeObject.getAttribute('material').side;
  609. }
  610. break;
  611. case "fog":
  612. if (aframeObject.getAttribute('material')) {
  613. value = aframeObject.getAttribute('material').fog;
  614. }
  615. break;
  616. // case "color":
  617. // value = aframeObject.getAttribute('color');
  618. // break;
  619. // case "opacity":
  620. // if (aframeObject.getAttribute('material')) {
  621. // value = aframeObject.getAttribute('material').opacity;
  622. // }
  623. // break;
  624. // case "transparent":
  625. // if (aframeObject.getAttribute('material')) {
  626. // value = aframeObject.getAttribute('material').transparent;
  627. // }
  628. // break;
  629. case "wireframe":
  630. value = aframeObject.getAttribute('wireframe');
  631. break;
  632. case "wireframe-linewidth":
  633. value = aframeObject.getAttribute('wireframeLinewidth');
  634. break;
  635. case "clickable":
  636. value = node.events.clickable;
  637. break;
  638. case "src":
  639. value = aframeObject.getAttribute('src');
  640. break;
  641. case "repeat":
  642. value = aframeObject.getAttribute('repeat');
  643. // case "look-controls-enabled":
  644. // var look = aframeObject.getAttribute('look-controls-enabled');
  645. // if (look !== null && look !== undefined) {
  646. // value = aframeObject.getAttribute('look-controls').enabled;
  647. // }
  648. // break;
  649. // case "wasd-controls":
  650. // var wasd = aframeObject.getAttribute('wasd-controls');
  651. // if (wasd !== null && wasd !== undefined) {
  652. // value = aframeObject.getAttribute('wasd-controls').enabled;
  653. // }
  654. // break;
  655. case "visible":
  656. value = aframeObject.getAttribute('visible');
  657. break;
  658. }
  659. }
  660. if (value === undefined && aframeObject.nodeName == "A-ASSET-ITEM") {
  661. switch (propertyName) {
  662. case "itemID":
  663. value = aframeObject.getAttribute('id');
  664. break;
  665. case "itemSrc":
  666. value = aframeObject.getAttribute('src');
  667. break;
  668. }
  669. }
  670. if (value === undefined && aframeObject.nodeName == "A-SCENE") {
  671. switch (propertyName) {
  672. case "fog":
  673. value = aframeObject.getAttribute('fog');
  674. break;
  675. case "color":
  676. if (aframeObject.getAttribute('background')) {
  677. value = aframeObject.getAttribute('background').color;
  678. }
  679. break;
  680. case "transparent":
  681. if (aframeObject.getAttribute('background')) {
  682. value = aframeObject.getAttribute('background').transparent;
  683. }
  684. break;
  685. }
  686. }
  687. if (value === undefined && aframeObject.nodeName == "A-SKY") {
  688. switch (propertyName) {
  689. case "color":
  690. value = aframeObject.getAttribute('color');
  691. break;
  692. case "side":
  693. value = aframeObject.getAttribute('side');
  694. break;
  695. case "src":
  696. value = aframeObject.getAttribute('src');
  697. break;
  698. }
  699. }
  700. if (value === undefined && aframeObject.nodeName == "A-BOX") {
  701. switch (propertyName) {
  702. case "depth":
  703. value = aframeObject.getAttribute('depth');
  704. break;
  705. case "height":
  706. value = aframeObject.getAttribute('height');
  707. break;
  708. case "width":
  709. value = aframeObject.getAttribute('width');
  710. break;
  711. case "color":
  712. value = aframeObject.getAttribute('color');
  713. break;
  714. }
  715. }
  716. if (value === undefined && aframeObject.nodeName == "A-LIGHT") {
  717. //"angle", "color", "decay", "distance", "ground-color", "intensity", "penumbra", "type", "target"
  718. switch (propertyName) {
  719. case "color":
  720. value = aframeObject.getAttribute('color');
  721. break;
  722. case "type":
  723. value = aframeObject.getAttribute('type');
  724. break;
  725. case "distance":
  726. value = aframeObject.getAttribute('distance');
  727. break;
  728. case "intensity":
  729. value = aframeObject.getAttribute('intensity');
  730. break;
  731. }
  732. }
  733. if (value === undefined && aframeObject.nodeName == "A-PLANE") {
  734. switch (propertyName) {
  735. case "height":
  736. value = aframeObject.getAttribute('height');
  737. break;
  738. case "width":
  739. value = aframeObject.getAttribute('width');
  740. break;
  741. }
  742. }
  743. if (value === undefined && aframeObject.nodeName == "A-SPHERE") {
  744. switch (propertyName) {
  745. case "radius":
  746. value = aframeObject.getAttribute('radius');
  747. break;
  748. }
  749. }
  750. if (value === undefined && aframeObject.nodeName == "A-TEXT") {
  751. switch (propertyName) {
  752. case "value":
  753. value = aframeObject.getAttribute('value');
  754. break;
  755. case "color":
  756. value = aframeObject.getAttribute('color');
  757. break;
  758. case "side":
  759. value = aframeObject.getAttribute('side');
  760. break;
  761. case "font":
  762. value = aframeObject.getAttribute('font');
  763. break;
  764. }
  765. }
  766. if (value === undefined && aframeObject.nodeName == "A-ANIMATION") {
  767. switch (propertyName) {
  768. case "attribute":
  769. value = aframeObject.getAttribute('attribute');
  770. break;
  771. case "dur":
  772. value = aframeObject.getAttribute('dur');
  773. break;
  774. case "from":
  775. value = aframeObject.getAttribute('from');
  776. break;
  777. case "to":
  778. value = aframeObject.getAttribute('to');
  779. break;
  780. case "repeat":
  781. value = aframeObject.getAttribute('repeat');
  782. break;
  783. case "begin":
  784. value = aframeObject.getAttribute('begin');
  785. break;
  786. }
  787. }
  788. if (value === undefined && aframeObject.nodeName == "A-CAMERA") {
  789. switch (propertyName) {
  790. case "user-height":
  791. value = aframeObject.getAttribute('user-height');
  792. break;
  793. case "look-controls-enabled":
  794. value = aframeObject.getAttribute('look-controls-enabled');
  795. break;
  796. case "wasd-controls-enabled":
  797. value = aframeObject.getAttribute('wasd-controls-enabled');
  798. break;
  799. }
  800. // switch (propertyName) {
  801. // case "active":
  802. // value = aframeObject.getAttribute('camera').active;
  803. // break;
  804. // }
  805. }
  806. if (value === undefined && aframeObject.nodeName == "A-SUN-SKY") {
  807. switch (propertyName) {
  808. case "sunPosition":
  809. value = aframeObject.getAttribute('material').sunPosition;
  810. break;
  811. }
  812. // switch (propertyName) {
  813. // case "active":
  814. // value = aframeObject.getAttribute('camera').active;
  815. // break;
  816. // }
  817. }
  818. if (value === undefined && aframeObject.nodeName == "A-COLLADA-MODEL") {
  819. switch (propertyName) {
  820. case "src":
  821. value = aframeObject.getAttribute('src');
  822. break;
  823. }
  824. }
  825. if (value === undefined && aframeObject.nodeName == "A-OBJ-MODEL") {
  826. switch (propertyName) {
  827. case "src":
  828. value = aframeObject.getAttribute('src');
  829. break;
  830. case "mtl":
  831. value = aframeObject.getAttribute('mtl');
  832. break;
  833. }
  834. }
  835. if (value === undefined && aframeObject.nodeName == "A-SOUND") {
  836. switch (propertyName) {
  837. case "src":
  838. value = aframeObject.getAttribute('src');
  839. break;
  840. case "on":
  841. value = aframeObject.getAttribute('on');
  842. break;
  843. case "autoplay":
  844. value = aframeObject.getAttribute('autoplay');
  845. break;
  846. }
  847. }
  848. if (value === undefined && aframeObject.nodeName == "A-GLTF-MODEL") {
  849. switch (propertyName) {
  850. case "src":
  851. value = aframeObject.getAttribute('src');
  852. break;
  853. }
  854. }
  855. }
  856. if (value !== undefined) {
  857. propertyValue = value;
  858. }
  859. return value;
  860. }
  861. });
  862. function createAFrameObject(node, config) {
  863. var protos = node.prototypes;
  864. var aframeObj = undefined;
  865. if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/ascene.vwf")) {
  866. aframeObj = document.createElement('a-scene');
  867. let assetsElement = document.createElement('a-assets');
  868. aframeObj.appendChild(assetsElement);
  869. self.state.scenes[node.ID] = aframeObj;
  870. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/a-asset-item.vwf")) {
  871. let assets = document.querySelector('a-assets');
  872. if (assets){
  873. aframeObj = document.createElement('a-asset-item');
  874. aframeObj.setAttribute('id', "item-"+GUID());
  875. aframeObj.setAttribute('src', "");
  876. assets.appendChild(aframeObj);
  877. }
  878. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/asky.vwf")) {
  879. aframeObj = document.createElement('a-sky');
  880. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/acamera.vwf")) {
  881. aframeObj = document.createElement('a-camera');
  882. aframeObj.setAttribute('camera', 'active', false);
  883. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/alight.vwf")) {
  884. aframeObj = document.createElement('a-light');
  885. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/acursor.vwf")) {
  886. aframeObj = document.createElement('a-cursor');
  887. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/a-sun-sky.vwf")) {
  888. aframeObj = document.createElement('a-sun-sky');
  889. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/abox.vwf")) {
  890. aframeObj = document.createElement('a-box');
  891. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aplane.vwf")) {
  892. aframeObj = document.createElement('a-plane');
  893. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/atext.vwf")) {
  894. aframeObj = document.createElement('a-text');
  895. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/acolladamodel.vwf")) {
  896. aframeObj = document.createElement('a-collada-model');
  897. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aobjmodel.vwf")) {
  898. aframeObj = document.createElement('a-obj-model');
  899. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/asound.vwf")) {
  900. aframeObj = document.createElement('a-sound');
  901. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/agltfmodel.vwf")) {
  902. aframeObj = document.createElement('a-gltf-model');
  903. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/asphere.vwf")) {
  904. aframeObj = document.createElement('a-sphere');
  905. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aanimation.vwf")) {
  906. aframeObj = document.createElement('a-animation');
  907. } else if (self.state.isAFrameClass(protos, "http://vwf.example.com/aframe/aentity.vwf")) {
  908. aframeObj = document.createElement('a-entity');
  909. }
  910. if (aframeObj.nodeName !== "A-ASSET-ITEM"){
  911. aframeObj.setAttribute('id', node.ID);
  912. }
  913. return aframeObj;
  914. }
  915. function addNodeToHierarchy(node) {
  916. if (node.aframeObj) {
  917. if (self.state.nodes[node.parentID] !== undefined) {
  918. var parent = self.state.nodes[node.parentID];
  919. if (parent.aframeObj) {
  920. if (parent.children === undefined) {
  921. parent.children = [];
  922. }
  923. parent.children.push(node.ID);
  924. //console.info( "Adding child: " + childID + " to " + nodeID );
  925. if (node.aframeObj.nodeName !== "A-ASSET-ITEM"){
  926. parent.aframeObj.appendChild(node.aframeObj);
  927. }
  928. }
  929. }
  930. if (node.aframeObj.nodeName !== "A-SCENE") {
  931. node.scene = self.state.scenes[self.kernel.application()];
  932. }
  933. }
  934. }
  935. function getPrototypes(kernel, extendsID) {
  936. var prototypes = [];
  937. var id = extendsID;
  938. while (id !== undefined) {
  939. prototypes.push(id);
  940. id = kernel.prototype(id);
  941. }
  942. return prototypes;
  943. }
  944. function isNodeDefinition(prototypes) {
  945. var found = false;
  946. if (prototypes) {
  947. for (var i = 0; i < prototypes.length && !found; i++) {
  948. found = (prototypes[i] == "http://vwf.example.com/aframe/node.vwf");
  949. }
  950. }
  951. return found;
  952. }
  953. function isAEntityDefinition(prototypes) {
  954. var found = false;
  955. if (prototypes) {
  956. for (var i = 0; i < prototypes.length && !found; i++) {
  957. found = (prototypes[i] == "http://vwf.example.com/aframe/aentity.vwf");
  958. }
  959. }
  960. return found;
  961. }
  962. // Changing this function significantly from the GLGE code
  963. // Will search hierarchy down until encountering a matching child
  964. // Will look into nodes that don't match.... this might not be desirable
  965. function FindChildByName(obj, childName, childType, recursive) {
  966. var child = undefined;
  967. if (recursive) {
  968. // TODO: If the obj itself has the child name, the object will be returned by this function
  969. // I don't think this this desirable.
  970. if (nameTest.call(this, obj, childName)) {
  971. child = obj;
  972. } else if (obj.children && obj.children.length > 0) {
  973. for (var i = 0; i < obj.children.length && child === undefined; i++) {
  974. child = FindChildByName(obj.children[i], childName, childType, true);
  975. }
  976. }
  977. } else {
  978. if (obj.children) {
  979. for (var i = 0; i < obj.children.length && child === undefined; i++) {
  980. if (nameTest.call(this, obj.children[i], childName)) {
  981. child = obj.children[i];
  982. }
  983. }
  984. }
  985. }
  986. return child;
  987. }
  988. function nameTest(obj, name) {
  989. if (obj.name == "") {
  990. return (obj.parent.name + "Child" == name);
  991. } else {
  992. return (obj.name == name || obj.id == name || obj.vwfID == name);
  993. }
  994. }
  995. function httpGet(url) {
  996. return new Promise(function (resolve, reject) {
  997. // do the usual Http request
  998. let request = new XMLHttpRequest();
  999. request.open('GET', url);
  1000. request.onload = function () {
  1001. if (request.status == 200) {
  1002. resolve(request.response);
  1003. } else {
  1004. reject(Error(request.statusText));
  1005. }
  1006. };
  1007. request.onerror = function () {
  1008. reject(Error('Network Error'));
  1009. };
  1010. request.send();
  1011. });
  1012. }
  1013. async function httpGetJson(url) {
  1014. // check if the URL looks like a JSON file and call httpGet.
  1015. let regex = /\.(json)$/i;
  1016. if (regex.test(url)) {
  1017. // call the async function, wait for the result
  1018. return await httpGet(url);
  1019. } else {
  1020. throw Error('Bad Url Format');
  1021. }
  1022. }
  1023. function GUID() {
  1024. var S4 = function () {
  1025. return Math.floor(
  1026. Math.random() * 0x10000 /* 65536 */
  1027. ).toString(16);
  1028. };
  1029. return (
  1030. S4() + S4() + "-" +
  1031. S4() + "-" +
  1032. S4() + "-" +
  1033. S4() + "-" +
  1034. S4() + S4() + S4()
  1035. );
  1036. }
  1037. });