aframeComponent.js 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708
  1. "use strict";
  2. // Copyright 2012 United States Government, as represented by the Secretary of Defense, Under
  3. // Secretary of Defense (Personnel & Readiness).
  4. //
  5. // Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
  6. // in compliance with the License. You may obtain a copy of the License at
  7. //
  8. // http://www.apache.org/licenses/LICENSE-2.0
  9. //
  10. // Unless required by applicable law or agreed to in writing, software distributed under the License
  11. // is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
  12. // or implied. See the License for the specific language governing permissions and limitations under
  13. // the License.
  14. /// vwf/model/scenejs.js is a placeholder for a 3-D scene manager.
  15. ///
  16. /// @module vwf/model/scenejs
  17. /// @requires vwf/model
  18. define(["module", "vwf/model", "vwf/utility"], function (module, model, utility) {
  19. var self;
  20. // vwf/model/example/scene.js is a demonstration of a scene manager.
  21. return model.load(module, {
  22. // == Module Definition ====================================================================
  23. // -- pipeline -----------------------------------------------------------------------------
  24. // pipeline: [ log ], // vwf <=> log <=> scene
  25. // -- initialize ---------------------------------------------------------------------------
  26. initialize: function () {
  27. self = this;
  28. this.state = {
  29. nodes: {},
  30. scenes: {},
  31. prototypes: {},
  32. createLocalNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
  33. childSource, childType, childIndex, childName, callback) {
  34. return {
  35. "parentID": nodeID,
  36. "ID": childID,
  37. "extendsID": childExtendsID,
  38. "implementsIDs": childImplementsIDs,
  39. "source": childSource,
  40. "type": childType,
  41. "name": childName,
  42. "prototypes": undefined,
  43. "aframeObj": undefined,
  44. "componentName": undefined
  45. };
  46. },
  47. isComponentClass: function (prototypes, classID) {
  48. if (prototypes) {
  49. for (var i = 0; i < prototypes.length; i++) {
  50. if (prototypes[i] === classID) {
  51. //console.info( "prototypes[ i ]: " + prototypes[ i ] );
  52. return true;
  53. }
  54. }
  55. }
  56. return false;
  57. },
  58. isComponentNode: function (prototypes) {
  59. var found = false;
  60. if (prototypes) {
  61. for (var i = 0; i < prototypes.length && !found; i++) {
  62. found = (prototypes[i] === "http://vwf.example.com/aframe/componentNode.vwf");
  63. }
  64. }
  65. return found;
  66. }
  67. };
  68. this.state.kernel = this.kernel.kernel.kernel;
  69. //this.state.kernel = this.kernel.kernel.kernel;
  70. },
  71. // == Model API ============================================================================
  72. // -- creatingNode -------------------------------------------------------------------------
  73. creatingNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
  74. childSource, childType, childIndex, childName, callback /* ( ready ) */) {
  75. // If the parent nodeID is 0, this node is attached directly to the root and is therefore either
  76. // the scene or a prototype. In either of those cases, save the uri of the new node
  77. var childURI = (nodeID === 0 ? childIndex : undefined);
  78. var appID = this.kernel.application();
  79. // If the node being created is a prototype, construct it and add it to the array of prototypes,
  80. // and then return
  81. var prototypeID = utility.ifPrototypeGetId(appID, this.state.prototypes, nodeID, childID);
  82. if (prototypeID !== undefined) {
  83. this.state.prototypes[prototypeID] = {
  84. parentID: nodeID,
  85. ID: childID,
  86. extendsID: childExtendsID,
  87. implementsID: childImplementsIDs,
  88. source: childSource,
  89. type: childType,
  90. name: childName
  91. };
  92. return;
  93. }
  94. var protos = getPrototypes(this.kernel, childExtendsID);
  95. //var kernel = this.kernel.kernel.kernel;
  96. var node;
  97. if (this.state.isComponentNode(protos)) {
  98. // Create the local copy of the node properties
  99. if (this.state.nodes[childID] === undefined) {
  100. this.state.nodes[childID] = this.state.createLocalNode(nodeID, childID, childExtendsID, childImplementsIDs,
  101. childSource, childType, childIndex, childName, callback);
  102. }
  103. node = this.state.nodes[childID];
  104. node.prototypes = protos;
  105. //node.aframeObj = createAFrameObject(node);
  106. node.aframeObj = setAFrameObject(node);
  107. // addNodeToHierarchy(node);
  108. //notifyDriverOfPrototypeAndBehaviorProps();
  109. }
  110. },
  111. // -- initializingNode -------------------------------------------------------------------------
  112. // initializingNode: function( nodeID, childID, childExtendsID, childImplementsIDs,
  113. // childSource, childType, childIndex, childName ) {
  114. // },
  115. // -- deletingNode -------------------------------------------------------------------------
  116. deletingNode: function (nodeID) {
  117. if (this.state.nodes[nodeID] !== undefined) {
  118. var node = this.state.nodes[nodeID];
  119. if (node.aframeObj !== undefined) {
  120. // removes and destroys object
  121. node.aframeObj = undefined;
  122. }
  123. delete this.state.nodes[nodeID];
  124. }
  125. },
  126. // -- initializingProperty -----------------------------------------------------------------
  127. initializingProperty: function (nodeID, propertyName, propertyValue) {
  128. var value = undefined;
  129. var node = this.state.nodes[nodeID];
  130. if (node !== undefined) {
  131. value = this.settingProperty(nodeID, propertyName, propertyValue);
  132. }
  133. return value;
  134. },
  135. // -- creatingProperty ---------------------------------------------------------------------
  136. creatingProperty: function (nodeID, propertyName, propertyValue) {
  137. return this.initializingProperty(nodeID, propertyName, propertyValue);
  138. },
  139. // -- settingProperty ----------------------------------------------------------------------
  140. settingProperty: function (nodeID, propertyName, propertyValue) {
  141. var node = this.state.nodes[nodeID];
  142. var value = undefined;
  143. if (node && node.aframeObj && utility.validObject(propertyValue)) {
  144. var aframeObject = node.aframeObj;
  145. if (isComponentNodeDefinition(node.prototypes)) {
  146. value = propertyValue;
  147. switch (propertyName) {
  148. default:
  149. value = undefined;
  150. break;
  151. }
  152. }
  153. if (value === undefined && isComponentDefinition(node.prototypes)) {
  154. value = propertyValue;
  155. switch (propertyName) {
  156. case "compName":
  157. break;
  158. default:
  159. value = undefined;
  160. break;
  161. }
  162. }
  163. //isALineDefinition(node.prototypes)
  164. //if (value === undefined && node.componentName == 'line') { //isALineDefinition( node.prototypes )
  165. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  166. value = propertyValue;
  167. //let parentNodeAF = self.state.kernel.find(node.parentID);
  168. // aframeObject.el.setAttribute('line', 'color')
  169. let parentNodeAF = aframeObject.el;
  170. switch (propertyName) {
  171. case "start":
  172. parentNodeAF.setAttribute(aframeObject.compName, { start: propertyValue });
  173. break;
  174. case "end":
  175. parentNodeAF.setAttribute(aframeObject.compName, { end: propertyValue });
  176. break;
  177. case "color":
  178. parentNodeAF.setAttribute(aframeObject.compName, 'color', propertyValue);
  179. break;
  180. case "opacity":
  181. parentNodeAF.setAttribute(aframeObject.compName, 'opacity', propertyValue);
  182. break;
  183. case "visible":
  184. parentNodeAF.setAttribute(aframeObject.compName, 'visible', propertyValue);
  185. break;
  186. default:
  187. value = undefined;
  188. break;
  189. }
  190. }
  191. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  192. value = propertyValue;
  193. let parentNodeAF = aframeObject.el;
  194. switch (propertyName) {
  195. case "enabled":
  196. parentNodeAF.setAttribute(aframeObject.compName, 'enabled', propertyValue);
  197. break;
  198. case "duration":
  199. parentNodeAF.setAttribute(aframeObject.compName, 'duration', propertyValue);
  200. break;
  201. case "deltaPos":
  202. parentNodeAF.setAttribute(aframeObject.compName, 'deltaPos', propertyValue);
  203. break;
  204. case "deltaRot":
  205. parentNodeAF.setAttribute(aframeObject.compName, 'deltaRot', propertyValue);
  206. break;
  207. default:
  208. value = undefined;
  209. break;
  210. }
  211. }
  212. if (value === undefined && aframeObject.el.getAttribute(aframeObject.compName)) {
  213. value = propertyValue;
  214. //let parentNodeAF = self.state.kernel.find(node.parentID);
  215. // aframeObject.el.setAttribute('line', 'color')
  216. let parentNodeAF = aframeObject.el;
  217. switch (propertyName) {
  218. case "armModel":
  219. parentNodeAF.setAttribute(aframeObject.compName, { armModel: propertyValue });
  220. break;
  221. case "buttonColor":
  222. parentNodeAF.setAttribute(aframeObject.compName, { buttonColor: propertyValue });
  223. break;
  224. case "buttonTouchedColor":
  225. parentNodeAF.setAttribute(aframeObject.compName, 'buttonTouchedColor', propertyValue);
  226. break;
  227. case "buttonHighlightColor":
  228. parentNodeAF.setAttribute(aframeObject.compName, 'buttonHighlightColor', propertyValue);
  229. break;
  230. case "hand":
  231. parentNodeAF.setAttribute(aframeObject.compName, 'hand', propertyValue);
  232. break;
  233. case "model":
  234. parentNodeAF.setAttribute(aframeObject.compName, 'model', propertyValue);
  235. break;
  236. case "rotationOffset":
  237. parentNodeAF.setAttribute(aframeObject.compName, 'rotationOffset', propertyValue);
  238. break;
  239. default:
  240. value = undefined;
  241. break;
  242. }
  243. }
  244. }
  245. return value;
  246. },
  247. // -- gettingProperty ----------------------------------------------------------------------
  248. gettingProperty: function (nodeID, propertyName, propertyValue) {
  249. var node = this.state.nodes[nodeID];
  250. var value = undefined;
  251. if (node && node.aframeObj) {
  252. var aframeObject = node.aframeObj;
  253. if (isComponentNodeDefinition(node.prototypes)) {
  254. switch (propertyName) {
  255. }
  256. }
  257. if (value === undefined && isComponentDefinition(node.prototypes)) {
  258. switch (propertyName) {
  259. case "compName":
  260. break;
  261. }
  262. }
  263. // isALineDefinition( node.prototypes ) aframeObject.compName == compName
  264. if (value === undefined && isALineDefinition(node.prototypes)) {
  265. value = propertyValue;
  266. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  267. let parentNodeAF = aframeObject.el;
  268. switch (propertyName) {
  269. case "start":
  270. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).start);
  271. break;
  272. case "end":
  273. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).end);
  274. break;
  275. case "color":
  276. value = parentNodeAF.getAttribute(aframeObject.compName).color;
  277. break;
  278. case "opacity":
  279. value = parentNodeAF.getAttribute(aframeObject.compName).opacity;
  280. break;
  281. case "visible":
  282. value = parentNodeAF.getAttribute(aframeObject.compName).visible;
  283. break;
  284. }
  285. }
  286. if (value === undefined && isAInterpolationDefinition(node.prototypes)) {
  287. value = propertyValue;
  288. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  289. let parentNodeAF = aframeObject.el;
  290. switch (propertyName) {
  291. case "enabled":
  292. value = parentNodeAF.getAttribute(aframeObject.compName).enabled;
  293. break;
  294. case "duration":
  295. value = parentNodeAF.getAttribute(aframeObject.compName).duration;
  296. break;
  297. case "deltaPos":
  298. value = parentNodeAF.getAttribute(aframeObject.compName).deltaPos;
  299. break;
  300. case "deltaRot":
  301. value = parentNodeAF.getAttribute(aframeObject.compName).deltaRot;
  302. break;
  303. }
  304. }
  305. if (value === undefined && isGearVRControlsDefinition(node.prototypes)) {
  306. value = propertyValue;
  307. // let parentNodeAF = self.state.nodes[node.parentID].aframeObj;
  308. let parentNodeAF = aframeObject.el;
  309. switch (propertyName) {
  310. case "armModel":
  311. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).armModel);
  312. break;
  313. case "buttonColor":
  314. value = AFRAME.utils.coordinates.stringify(parentNodeAF.getAttribute(aframeObject.compName).buttonColor);
  315. break;
  316. case "buttonTouchedColor":
  317. value = parentNodeAF.getAttribute(aframeObject.compName).buttonTouchedColor;
  318. break;
  319. case "buttonHighlightColor":
  320. value = parentNodeAF.getAttribute(aframeObject.compName).buttonHighlightColor;
  321. break;
  322. case "hand":
  323. value = parentNodeAF.getAttribute(aframeObject.compName).hand;
  324. break;
  325. case "model":
  326. value = parentNodeAF.getAttribute(aframeObject.compName).model;
  327. break;
  328. case "rotationOffset":
  329. value = parentNodeAF.getAttribute(aframeObject.compName).rotationOffset;
  330. break;
  331. }
  332. }
  333. }
  334. if (value !== undefined) {
  335. propertyValue = value;
  336. }
  337. return value;
  338. }
  339. });
  340. function getPrototypes(kernel, extendsID) {
  341. var prototypes = [];
  342. var id = extendsID;
  343. while (id !== undefined) {
  344. prototypes.push(id);
  345. id = kernel.prototype(id);
  346. }
  347. return prototypes;
  348. }
  349. function isAInterpolationDefinition(prototypes) {
  350. var found = false;
  351. if (prototypes) {
  352. for (var i = 0; i < prototypes.length && !found; i++) {
  353. found = (prototypes[i] == "http://vwf.example.com/aframe/interpolation-component.vwf");
  354. }
  355. }
  356. return found;
  357. }
  358. function isALineDefinition(prototypes) {
  359. var found = false;
  360. if (prototypes) {
  361. for (var i = 0; i < prototypes.length && !found; i++) {
  362. found = (prototypes[i] == "http://vwf.example.com/aframe/lineComponent.vwf");
  363. }
  364. }
  365. return found;
  366. }
  367. function isGearVRControlsDefinition(prototypes) {
  368. var found = false;
  369. if (prototypes) {
  370. for (var i = 0; i < prototypes.length && !found; i++) {
  371. found = (prototypes[i] == "http://vwf.example.com/aframe/gearvr-controlsComponent.vwf");
  372. }
  373. }
  374. return found;
  375. }
  376. function isComponentNodeDefinition(prototypes) {
  377. var found = false;
  378. if (prototypes) {
  379. for (var i = 0; i < prototypes.length && !found; i++) {
  380. found = (prototypes[i] == "http://vwf.example.com/aframe/componentNode.vwf");
  381. }
  382. }
  383. return found;
  384. }
  385. function isComponentDefinition(prototypes) {
  386. var found = false;
  387. if (prototypes) {
  388. for (var i = 0; i < prototypes.length && !found; i++) {
  389. found = (prototypes[i] == "http://vwf.example.com/aframe/aentityComponent.vwf");
  390. }
  391. }
  392. return found;
  393. }
  394. function setAFrameObject(node, config) {
  395. var protos = node.prototypes;
  396. var aframeObj = {};
  397. var sceneEl = document.querySelector('a-scene');
  398. aframeObj.id = node.parentID;
  399. aframeObj.el = sceneEl.children[node.parentID];
  400. aframeObj.el = Array.from(sceneEl.querySelectorAll('*')).filter(item => {return item.id == aframeObj.id})[0];
  401. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/lineComponent.vwf")) {
  402. // aframeObj.id = node.parentID;
  403. // aframeObj.el = sceneEl.children[node.parentID];
  404. if (node.name !== 'line') {
  405. aframeObj.compName = node.name;
  406. } else {
  407. aframeObj.compName = "line";
  408. }
  409. //aframeObj.el.setAttribute(node.type, {});
  410. aframeObj.el.setAttribute(aframeObj.compName, {});
  411. }
  412. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/interpolation-component.vwf")) {
  413. // aframeObj.el.setAttribute(node.type, {});
  414. aframeObj.compName = "interpolation";
  415. aframeObj.el.setAttribute(aframeObj.compName, {});
  416. }
  417. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-envmap-component.vwf")) {
  418. // aframeObj.el.setAttribute(node.type, {});
  419. aframeObj.compName = "envmap";
  420. aframeObj.el.setAttribute(aframeObj.compName, {});
  421. }
  422. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-sun-component.vwf")) {
  423. // aframeObj.el.setAttribute(node.type, {});
  424. aframeObj.compName = "sun";
  425. aframeObj.el.setAttribute('id', "sun");
  426. aframeObj.el.setAttribute(aframeObj.compName, {});
  427. }
  428. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-skyshader-component.vwf")) {
  429. // aframeObj.el.setAttribute(node.type, {});
  430. aframeObj.compName = "skyshader";
  431. aframeObj.el.setAttribute(aframeObj.compName, {});
  432. }
  433. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/app-avatarbvh-component.vwf")) {
  434. // aframeObj.el.setAttribute(node.type, {});
  435. aframeObj.compName = "avatarbvh";
  436. aframeObj.el.setAttribute(aframeObj.compName, {});
  437. }
  438. if (self.state.isComponentClass(protos, "http://vwf.example.com/aframe/gearvr-controlsComponent.vwf")) {
  439. // aframeObj.el.setAttribute(node.type, {});
  440. aframeObj.compName = "gearvr-controls";
  441. aframeObj.el.setAttribute(aframeObj.compName, {});
  442. }
  443. return aframeObj;
  444. }
  445. // function addNodeToHierarchy(node) {
  446. // if (self.state.nodes[node.parentID] !== undefined) {
  447. // var parent = self.state.nodes[node.parentID];
  448. // if (parent.children === undefined) {
  449. // parent.children = [];
  450. // }
  451. // parent.children.push(node.ID);
  452. // console.info( "Adding child: " + node.ID );
  453. // }
  454. // }
  455. function addNodeToHierarchy(node) {
  456. if (node.aframeObj) {
  457. if (self.state.nodes[node.parentID] !== undefined) {
  458. var parent = self.state.nodes[node.parentID];
  459. if (parent.aframeObj) {
  460. if (parent.children === undefined) {
  461. parent.children = [];
  462. }
  463. parent.children.push(node.ID);
  464. //console.info( "Adding child: " + childID + " to " + nodeID );
  465. //node.aframeObj.setAttribute(node.componentName, {});
  466. console.info("Adding child: " + node.ID);
  467. //parent.aframeObj.appendChild(node.aframeObj);
  468. }
  469. }
  470. }
  471. }
  472. });