aframeComponent.js 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  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. switch (propertyName) {
  78. case "color":
  79. if (propertyValue) {
  80. // self.kernel.callMethod (nodeId, 'initLang');
  81. // console.log("sat color "+ propertyValue)
  82. }
  83. break;
  84. }
  85. },
  86. // firedEvent: function (nodeID, eventName, eventParameters) {
  87. // },
  88. ticked: function (vwfTime) {
  89. lerpTick ();
  90. }
  91. });
  92. function lerpTick () {
  93. var now = performance.now();
  94. self.realTickDif = now - self.lastRealTick;
  95. self.lastRealTick = now;
  96. //reset - loading can cause us to get behind and always but up against the max prediction value
  97. // self.tickTime = 0;
  98. let interNodes = Object.entries(self.nodes).filter(node =>
  99. node[1].extends == 'http://vwf.example.com/aframe/interpolation-component.vwf');
  100. interNodes.forEach(node => {
  101. let nodeID = node[0];
  102. if ( self.state.nodes[nodeID] ) {
  103. self.nodes[nodeID].tickTime = 0;
  104. if(!self.nodes[nodeID].interpolate)
  105. {
  106. self.nodes[nodeID].interpolate = {
  107. 'position': {},
  108. 'rotation': {}
  109. }
  110. }
  111. self.nodes[nodeID].interpolate.position.lastTick = (self.nodes[nodeID].interpolate.position.selfTick);
  112. self.nodes[nodeID].interpolate.position.selfTick = getPosition(nodeID);
  113. self.nodes[nodeID].interpolate.rotation.lastTick = (self.nodes[nodeID].interpolate.rotation.selfTick);
  114. self.nodes[nodeID].interpolate.rotation.selfTick = getRotation(nodeID);
  115. //console.log(self.nodes[nodeID].interpolate.rotation.selfTick);
  116. //self.nodes[nodeID].lastTickTransform = self.nodes[nodeID].selfTickTransform;
  117. //self.nodes[nodeID].selfTickTransform = getTransform(nodeID);
  118. }
  119. })
  120. // for ( var nodeID in interNodes ) {
  121. // if ( self.state.nodes[nodeID] ) {
  122. // self.nodes[nodeID].tickTime = 0;
  123. // self.nodes[nodeID].lastTickTransform = self.nodes[nodeID].selfTickTransform;
  124. // self.nodes[nodeID].selfTickTransform = getTransform(nodeID);
  125. // }
  126. // }
  127. }
  128. function getRotation(id) {
  129. let r = new THREE.Euler();
  130. let rot = r.copy(self.state.nodes[id].aframeObj.el.object3D.rotation);
  131. //let rot = self.state.nodes[id].aframeObj.el.getAttribute('rotation');
  132. //let interp = (new THREE.Vector3()).fromArray(Object.values(rot))//goog.vec.Mat4.clone(self.state.nodes[id].threeObject.matrix.elements);
  133. return rot;
  134. }
  135. function getPosition(id) {
  136. let p = new THREE.Vector3();
  137. let pos = p.copy(self.state.nodes[id].aframeObj.el.object3D.position);
  138. //let pos = self.state.nodes[id].aframeObj.el.getAttribute('position');
  139. //let interp = (new THREE.Vector3()).fromArray(Object.values(pos))//goog.vec.Mat4.clone(self.state.nodes[id].threeObject.matrix.elements);
  140. return pos;
  141. }
  142. });