aframeComponent.js 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  1. "use strict";
  2. // VWF & A-Frame view 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/view/lesson creates a view interface for instruction text.
  18. ///
  19. /// @module vwf/view/aframe
  20. /// @requires vwf/view
  21. define(["module", "vwf/view"], function (module, view) {
  22. var self;
  23. return view.load(module, {
  24. // == Module Definition ====================================================================
  25. initialize: function (options) {
  26. self = this;
  27. this.nodes = {};
  28. this.tickTime = 0;
  29. this.realTickDif = 50;
  30. this.lastrealTickDif = 50;
  31. this.lastRealTick = performance.now();
  32. this.state.appInitialized = false;
  33. if (typeof options == "object") {
  34. this.rootSelector = options["application-root"];
  35. }
  36. else {
  37. this.rootSelector = options;
  38. }
  39. },
  40. // initializedNode: function( nodeID, childID ) {
  41. // },
  42. createdNode: function (nodeID, childID, childExtendsID, childImplementsIDs,
  43. childSource, childType, childIndex, childName, callback /* ( ready ) */) {
  44. var node = this.state.nodes[childID];
  45. // If the "nodes" object does not have this object in it, it must not be one that
  46. // this driver cares about
  47. if (!node) {
  48. return;
  49. }
  50. if(this.state.nodes[childID]) {
  51. this.nodes[childID] = {id:childID,extends:childExtendsID};
  52. }
  53. else if (this.state.nodes[childID] && this.state.nodes[childID].aframeObj) {
  54. this.nodes[childID] = {
  55. id:childID,
  56. extends:childExtendsID
  57. };
  58. }
  59. },
  60. initializedNode: function( nodeID, childID ) {
  61. var node = this.state.nodes[childID];
  62. if (!node) {
  63. return;
  64. }
  65. },
  66. createdProperty: function (nodeId, propertyName, propertyValue) {
  67. return this.satProperty(nodeId, propertyName, propertyValue);
  68. },
  69. initializedProperty: function (nodeId, propertyName, propertyValue) {
  70. return this.satProperty(nodeId, propertyName, propertyValue);
  71. },
  72. satProperty: function (nodeId, propertyName, propertyValue) {
  73. var node = this.state.nodes[ nodeId ];
  74. if ( !( node && node.aframeObj ) ) {
  75. return;
  76. }
  77. if (node.name == "material" && propertyName == 'repeat') {
  78. let srcID = node.aframeObj.el.getAttribute('material').src.id;
  79. let elID = '#'+ srcID;
  80. if(srcID) self.kernel.callMethod(nodeId, "updateSrc", [elID])
  81. }
  82. // if (node.name == "material" && propertyName == 'color') {
  83. // console.log("sat color on material");
  84. // // let nodeColor = vwf.getProperty(node.parentID, propertyName);
  85. // }
  86. // switch (propertyName) {
  87. // case "color":
  88. // if (propertyValue) {
  89. // // self.kernel.callMethod (nodeId, 'initLang');
  90. // // console.log("sat color "+ propertyValue)
  91. // }
  92. // break;
  93. // }
  94. },
  95. // firedEvent: function (nodeID, eventName, eventParameters) {
  96. // },
  97. ticked: function (vwfTime) {
  98. lerpTick ();
  99. },
  100. gotProperty: function (nodeId, propertyName, propertyValue) {
  101. var selfs = this;
  102. var node = this.state.nodes[nodeId];
  103. if (!(node && node.aframeObj)) {
  104. return;
  105. }
  106. // if (this.nodes[nodeId].extends == "http://vwf.example.com/aframe/a-sound-component.vwf"){
  107. // if (propertyName == "currentTime"){
  108. // console.log(node.aframeObj.el.components.sound.listener.context.currentTime);
  109. // }
  110. // }
  111. },
  112. calledMethod: function( nodeID, methodName, methodParameters, methodValue ) {
  113. var node = this.state.nodes[nodeID];
  114. if (!(node && node.aframeObj)) {
  115. return;
  116. }
  117. if (this.nodes[nodeID].extends == "http://vwf.example.com/aframe/a-sound-component.vwf"){
  118. if (methodName == "stopSound"){
  119. console.log("stop sound");
  120. node.aframeObj.el.components.sound.stopSound();
  121. //node.aframeObj.stopSound();
  122. }
  123. if (methodName == "playSound"){
  124. console.log("play sound");
  125. node.aframeObj.el.components.sound.playSound();
  126. //node.aframeObj.stopSound();
  127. }
  128. if (methodName == "pauseSound"){
  129. console.log("pause sound");
  130. node.aframeObj.el.components.sound.pauseSound();
  131. //node.aframeObj.stopSound();
  132. }
  133. }
  134. }
  135. });
  136. function lerpTick () {
  137. var now = performance.now();
  138. self.realTickDif = now - self.lastRealTick;
  139. self.lastRealTick = now;
  140. //reset - loading can cause us to get behind and always but up against the max prediction value
  141. // self.tickTime = 0;
  142. let interNodes = Object.entries(self.nodes).filter(node =>
  143. node[1].extends == 'http://vwf.example.com/aframe/interpolation-component.vwf');
  144. interNodes.forEach(node => {
  145. let nodeID = node[0];
  146. if ( self.state.nodes[nodeID] ) {
  147. self.nodes[nodeID].tickTime = 0;
  148. if(!self.nodes[nodeID].interpolate)
  149. {
  150. self.nodes[nodeID].interpolate = {
  151. 'position': {},
  152. 'rotation': {}
  153. }
  154. }
  155. self.nodes[nodeID].interpolate.position.lastTick = (self.nodes[nodeID].interpolate.position.selfTick);
  156. self.nodes[nodeID].interpolate.position.selfTick = getPosition(nodeID);
  157. self.nodes[nodeID].interpolate.rotation.lastTick = (self.nodes[nodeID].interpolate.rotation.selfTick);
  158. self.nodes[nodeID].interpolate.rotation.selfTick = getRotation(nodeID);
  159. //console.log(self.nodes[nodeID].interpolate.rotation.selfTick);
  160. //self.nodes[nodeID].lastTickTransform = self.nodes[nodeID].selfTickTransform;
  161. //self.nodes[nodeID].selfTickTransform = getTransform(nodeID);
  162. }
  163. })
  164. // for ( var nodeID in interNodes ) {
  165. // if ( self.state.nodes[nodeID] ) {
  166. // self.nodes[nodeID].tickTime = 0;
  167. // self.nodes[nodeID].lastTickTransform = self.nodes[nodeID].selfTickTransform;
  168. // self.nodes[nodeID].selfTickTransform = getTransform(nodeID);
  169. // }
  170. // }
  171. }
  172. function getRotation(id) {
  173. let r = new THREE.Euler();
  174. let rot = r.copy(self.state.nodes[id].aframeObj.el.object3D.rotation);
  175. //let rot = self.state.nodes[id].aframeObj.el.getAttribute('rotation');
  176. //let interp = (new THREE.Vector3()).fromArray(Object.values(rot))//goog.vec.Mat4.clone(self.state.nodes[id].threeObject.matrix.elements);
  177. return rot;
  178. }
  179. function getPosition(id) {
  180. let p = new THREE.Vector3();
  181. let pos = p.copy(self.state.nodes[id].aframeObj.el.object3D.position);
  182. //let pos = self.state.nodes[id].aframeObj.el.getAttribute('position');
  183. //let interp = (new THREE.Vector3()).fromArray(Object.values(pos))//goog.vec.Mat4.clone(self.state.nodes[id].threeObject.matrix.elements);
  184. return pos;
  185. }
  186. });