x_ite 5.0.2 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (340) hide show
  1. package/.vscode/settings.json +12 -5
  2. package/.vscode/tasks.json +21 -0
  3. package/Makefile +10 -15
  4. package/README.md +6 -11
  5. package/build/bin/dist.pl +0 -6
  6. package/build/bin/version.pl +1 -4
  7. package/dist/assets/components/annotation.js +2 -2
  8. package/dist/assets/components/annotation.min.js +1 -1
  9. package/dist/assets/components/cad-geometry.js +2 -2
  10. package/dist/assets/components/cad-geometry.min.js +1 -1
  11. package/dist/assets/components/cube-map-texturing.js +6 -19
  12. package/dist/assets/components/cube-map-texturing.min.js +1 -1
  13. package/dist/assets/components/dis.js +2 -2
  14. package/dist/assets/components/dis.min.js +1 -1
  15. package/dist/assets/components/event-utilities.js +3 -3
  16. package/dist/assets/components/event-utilities.min.js +1 -1
  17. package/dist/assets/components/geometry2d.js +4 -4
  18. package/dist/assets/components/geometry2d.min.js +1 -1
  19. package/dist/assets/components/geospatial.js +32 -1685
  20. package/dist/assets/components/geospatial.min.js +1 -1
  21. package/dist/assets/components/h-anim.js +70 -77
  22. package/dist/assets/components/h-anim.min.js +1 -1
  23. package/dist/assets/components/key-device-sensor.js +3 -3
  24. package/dist/assets/components/key-device-sensor.min.js +1 -1
  25. package/dist/assets/components/layout.js +38 -52
  26. package/dist/assets/components/layout.min.js +1 -1
  27. package/dist/assets/components/nurbs.js +277 -194
  28. package/dist/assets/components/nurbs.min.js +1 -1
  29. package/dist/assets/components/particle-systems.js +1918 -1658
  30. package/dist/assets/components/particle-systems.min.js +1 -1
  31. package/dist/assets/components/picking.js +33 -41
  32. package/dist/assets/components/picking.min.js +1 -1
  33. package/dist/assets/components/projective-texture-mapping.js +72 -86
  34. package/dist/assets/components/projective-texture-mapping.min.js +1 -1
  35. package/dist/assets/components/rigid-body-physics.js +36 -57
  36. package/dist/assets/components/rigid-body-physics.min.js +1 -1
  37. package/dist/assets/components/scripting.js +2 -2
  38. package/dist/assets/components/scripting.min.js +1 -1
  39. package/dist/assets/components/texturing-3d.js +26 -75
  40. package/dist/assets/components/texturing-3d.min.js +3 -3
  41. package/dist/assets/components/volume-rendering.js +10 -10
  42. package/dist/assets/components/volume-rendering.min.js +1 -1
  43. package/dist/assets/components/x_ite.js +2 -2
  44. package/dist/assets/components/x_ite.min.js +1 -1
  45. package/dist/assets/linetype/1.png +0 -0
  46. package/dist/assets/linetype/10.png +0 -0
  47. package/dist/assets/linetype/11.png +0 -0
  48. package/dist/assets/linetype/12.png +0 -0
  49. package/dist/assets/linetype/13.png +0 -0
  50. package/dist/assets/linetype/14.png +0 -0
  51. package/dist/assets/linetype/15.png +0 -0
  52. package/dist/assets/linetype/16.png +0 -0
  53. package/dist/assets/linetype/2.png +0 -0
  54. package/dist/assets/linetype/3.png +0 -0
  55. package/dist/assets/linetype/4.png +0 -0
  56. package/dist/assets/linetype/5.png +0 -0
  57. package/dist/assets/linetype/6.png +0 -0
  58. package/dist/assets/linetype/7.png +0 -0
  59. package/dist/assets/linetype/8.png +0 -0
  60. package/dist/assets/linetype/9.png +0 -0
  61. package/dist/assets/shaders/webgl1/Line.fs +0 -21
  62. package/dist/assets/shaders/webgl1/Line.vs +0 -10
  63. package/dist/assets/shaders/webgl1/PBR.vs +1 -1
  64. package/dist/assets/shaders/webgl2/Depth.vs +29 -1
  65. package/dist/assets/shaders/webgl2/Gouraud.vs +31 -3
  66. package/dist/assets/shaders/webgl2/Line.fs +24 -12
  67. package/dist/assets/shaders/webgl2/Line.vs +36 -11
  68. package/dist/assets/shaders/webgl2/LineTransform.fs +4 -0
  69. package/dist/assets/shaders/webgl2/LineTransform.vs +57 -0
  70. package/dist/assets/shaders/webgl2/PBR.vs +35 -7
  71. package/dist/assets/shaders/webgl2/Phong.vs +31 -3
  72. package/dist/assets/shaders/webgl2/Point.vs +29 -1
  73. package/dist/assets/shaders/webgl2/Unlit.vs +31 -3
  74. package/dist/example.html +6 -6
  75. package/dist/x_ite.css +180 -208
  76. package/dist/x_ite.js +16477 -16629
  77. package/dist/x_ite.min.js +17 -17
  78. package/dist/x_ite.zip +0 -0
  79. package/docs/404.md +6 -0
  80. package/docs/Accessing-the-External-Browser.md +20 -14
  81. package/docs/Browser-Support.md +6 -0
  82. package/docs/Custom-Shaders.md +17 -24
  83. package/docs/Features.md +7 -1
  84. package/docs/Gemfile +44 -0
  85. package/docs/Gemfile.lock +122 -0
  86. package/docs/Glossary.md +6 -0
  87. package/docs/How-To-Configure-Your-Web-Server.md +6 -0
  88. package/docs/Supported-Nodes.md +9 -1
  89. package/docs/What's-New.md +31 -0
  90. package/docs/XHTML-DOM-Integration.md +6 -0
  91. package/docs/_config.yml +1 -1
  92. package/docs/assets/css/main.scss +26 -0
  93. package/docs/index.md +38 -46
  94. package/docs/reference/Browser-Services.md +9 -3
  95. package/docs/reference/Constants-Services.md +6 -0
  96. package/docs/reference/ECMAScript-Object-and-Function-Definitions.md +6 -0
  97. package/docs/reference/Field-Services-and-Objects.md +6 -0
  98. package/docs/reference/Prototype-Services.md +6 -0
  99. package/docs/reference/Route-Services.md +6 -0
  100. package/docs/reference/Scene-Services.md +8 -2
  101. package/docs/reference/Script-Node-Authoring-Interface.md +7 -1
  102. package/docs/tutorials/Adding-backgrounds.md +6 -0
  103. package/docs/tutorials/Adding-fog.md +6 -0
  104. package/docs/tutorials/Adding-sound.md +6 -0
  105. package/docs/tutorials/Animating-transforms.md +6 -0
  106. package/docs/tutorials/Basic-Nodes.md +6 -0
  107. package/docs/tutorials/Building-a-X3D-world.md +6 -0
  108. package/docs/tutorials/Building-elevation-grids.md +6 -0
  109. package/docs/tutorials/Building-extruded-shapes.md +6 -0
  110. package/docs/tutorials/Building-primitive-shapes.md +6 -0
  111. package/docs/tutorials/Building-shapes-out-of-points,-lines,-and-faces.md +6 -0
  112. package/docs/tutorials/Controlling-appearance-with-materials.md +6 -0
  113. package/docs/tutorials/Controlling-color-on-coordinate-based-geometry.md +6 -0
  114. package/docs/tutorials/Controlling-detail.md +6 -0
  115. package/docs/tutorials/Controlling-how-textures-are-mapped.md +6 -0
  116. package/docs/tutorials/Controlling-navigation.md +6 -0
  117. package/docs/tutorials/Controlling-shading-on-coordinate-based-geometry.md +6 -0
  118. package/docs/tutorials/Controlling-the-viewpoint.md +6 -0
  119. package/docs/tutorials/Creating-new-node-types.md +6 -0
  120. package/docs/tutorials/Grouping-nodes.md +6 -0
  121. package/docs/tutorials/Hello,-World!.md +6 -0
  122. package/docs/tutorials/Improving-Performance.md +6 -0
  123. package/docs/tutorials/Increasing-Rendering-Speed.md +6 -0
  124. package/docs/tutorials/Introducing-X3D.md +6 -0
  125. package/docs/tutorials/Introducing-animation.md +6 -0
  126. package/docs/tutorials/Introducing-script-use.md +6 -0
  127. package/docs/tutorials/Lighting-your-world.md +6 -0
  128. package/docs/tutorials/Mapping-textures.md +6 -0
  129. package/docs/tutorials/Naming-nodes.md +6 -0
  130. package/docs/tutorials/Providing-information-about-your-world.md +6 -0
  131. package/docs/tutorials/Sensing-the-viewer.md +6 -0
  132. package/docs/tutorials/Sensing-viewer-actions.md +6 -0
  133. package/docs/tutorials/Transforming-Shapes.md +6 -0
  134. package/docs/tutorials/Writing-program-scripts-with-ECMAScript.md +6 -0
  135. package/docs/tutorials/index.md +6 -0
  136. package/package.json +6 -7
  137. package/src/assets/components/geometry2d.js +1 -1
  138. package/src/assets/components/key-device-sensor.js +1 -1
  139. package/src/assets/components/layout.js +1 -1
  140. package/src/assets/components/particle-systems.js +1 -1
  141. package/src/assets/components/volume-rendering.js +1 -1
  142. package/src/assets/linetype/1.png +0 -0
  143. package/src/assets/linetype/10.png +0 -0
  144. package/src/assets/linetype/11.png +0 -0
  145. package/src/assets/linetype/12.png +0 -0
  146. package/src/assets/linetype/13.png +0 -0
  147. package/src/assets/linetype/14.png +0 -0
  148. package/src/assets/linetype/15.png +0 -0
  149. package/src/assets/linetype/16.png +0 -0
  150. package/src/assets/linetype/2.png +0 -0
  151. package/src/assets/linetype/3.png +0 -0
  152. package/src/assets/linetype/4.png +0 -0
  153. package/src/assets/linetype/5.png +0 -0
  154. package/src/assets/linetype/6.png +0 -0
  155. package/src/assets/linetype/7.png +0 -0
  156. package/src/assets/linetype/8.png +0 -0
  157. package/src/assets/linetype/9.png +0 -0
  158. package/src/assets/shaders/Types.glsl +1 -9
  159. package/src/assets/shaders/webgl1/Line.fs +3 -28
  160. package/src/assets/shaders/webgl1/Line.vs +5 -19
  161. package/src/assets/shaders/webgl1/PBR.vs +1 -1
  162. package/src/assets/shaders/webgl1/Point.vs +2 -3
  163. package/src/assets/shaders/webgl2/Depth.vs +4 -1
  164. package/src/assets/shaders/webgl2/Gouraud.vs +5 -3
  165. package/src/assets/shaders/webgl2/Line.fs +11 -17
  166. package/src/assets/shaders/webgl2/Line.vs +16 -20
  167. package/src/assets/shaders/webgl2/LineTransform.fs +6 -0
  168. package/src/assets/shaders/webgl2/LineTransform.vs +77 -0
  169. package/src/assets/shaders/webgl2/PBR.vs +10 -7
  170. package/src/assets/shaders/webgl2/Phong.vs +6 -3
  171. package/src/assets/shaders/webgl2/Point.vs +6 -6
  172. package/src/assets/shaders/webgl2/Unlit.vs +6 -3
  173. package/src/assets/shaders/webgl2/include/Line2.glsl +20 -0
  174. package/src/assets/shaders/webgl2/include/Particle.glsl +36 -0
  175. package/src/example.html +6 -6
  176. package/src/standard/Math/Algorithm.js +12 -28
  177. package/src/standard/Math/Geometry/Plane3.js +0 -2
  178. package/src/standard/Math/Geometry/ViewVolume.js +88 -83
  179. package/src/standard/Math/Numbers/Color3.js +6 -0
  180. package/src/standard/Math/Numbers/Color4.js +7 -0
  181. package/src/standard/Math/Numbers/Complex.js +5 -0
  182. package/src/standard/Math/Numbers/Matrix2.js +20 -2
  183. package/src/standard/Math/Numbers/Matrix3.js +129 -110
  184. package/src/standard/Math/Numbers/Matrix4.js +138 -119
  185. package/src/standard/Math/Numbers/Quaternion.js +7 -0
  186. package/src/standard/Math/Numbers/Rotation4.js +7 -0
  187. package/src/standard/Math/Numbers/Vector2.js +8 -5
  188. package/src/standard/Math/Numbers/Vector3.js +16 -10
  189. package/src/standard/Math/Numbers/Vector4.js +12 -7
  190. package/src/standard/Math/Utility/BVH.js +45 -17
  191. package/src/tests.js +6 -1
  192. package/src/x_ite/Base/X3DBaseNode.js +22 -11
  193. package/src/x_ite/Base/X3DField.js +1 -1
  194. package/src/x_ite/Browser/Core/BrowserOptions.js +2 -2
  195. package/src/x_ite/Browser/Core/BrowserTimings.js +4 -2
  196. package/src/x_ite/Browser/Core/Context.js +185 -0
  197. package/src/x_ite/Browser/Core/ContextMenu.js +299 -193
  198. package/src/x_ite/Browser/Core/Notification.js +1 -0
  199. package/src/x_ite/Browser/Core/X3DCoreContext.js +35 -146
  200. package/src/x_ite/Browser/Layout/ScreenText.js +11 -4
  201. package/src/x_ite/Browser/Layout/X3DLayoutContext.js +4 -15
  202. package/src/x_ite/Browser/Navigation/ExamineViewer.js +12 -19
  203. package/src/x_ite/Browser/Navigation/LookAtViewer.js +0 -3
  204. package/src/x_ite/Browser/Navigation/PlaneViewer.js +0 -3
  205. package/src/x_ite/Browser/Navigation/X3DFlyViewer.js +14 -7
  206. package/src/x_ite/Browser/Navigation/X3DViewer.js +12 -20
  207. package/src/x_ite/Browser/Networking/X3DNetworkingContext.js +11 -7
  208. package/src/x_ite/Browser/ParticleSystems/BVH.glsl +183 -0
  209. package/src/x_ite/Browser/ParticleSystems/Box3.glsl +47 -0
  210. package/src/x_ite/Browser/ParticleSystems/GeometryTypes.js +66 -0
  211. package/src/x_ite/Browser/ParticleSystems/Line3.glsl +55 -0
  212. package/src/x_ite/Browser/ParticleSystems/Plane3.glsl +160 -0
  213. package/src/x_ite/Browser/PointingDeviceSensor/PointingDevice.js +27 -3
  214. package/src/x_ite/Browser/PointingDeviceSensor/X3DPointingDeviceSensorContext.js +37 -37
  215. package/src/x_ite/Browser/Rendering/X3DRenderingContext.js +19 -13
  216. package/src/x_ite/Browser/Shaders/Shader.js +33 -12
  217. package/src/x_ite/Browser/Shaders/ShaderSource.js +6 -0
  218. package/src/x_ite/Browser/Shaders/ShaderTest.js +16 -10
  219. package/src/x_ite/Browser/Shape/X3DShapeContext.js +50 -9
  220. package/src/x_ite/Browser/Text/X3DTextContext.js +4 -13
  221. package/src/x_ite/Browser/Texturing/X3DTexturingContext.js +23 -33
  222. package/src/x_ite/Browser/Texturing3D/DICOMParser.js +2 -2
  223. package/src/x_ite/Browser/Time/X3DTimeContext.js +3 -1
  224. package/src/x_ite/Browser/VERSION.js +1 -1
  225. package/src/x_ite/Browser/X3DBrowser.js +7 -6
  226. package/src/x_ite/Browser/X3DBrowserContext.js +35 -10
  227. package/src/x_ite/Components/Core/X3DNode.js +4 -0
  228. package/src/x_ite/Components/Core/X3DPrototypeInstance.js +0 -2
  229. package/src/x_ite/Components/CubeMapTexturing/ComposedCubeMapTexture.js +3 -4
  230. package/src/x_ite/Components/CubeMapTexturing/GeneratedCubeMapTexture.js +1 -12
  231. package/src/x_ite/Components/CubeMapTexturing/ImageCubeMapTexture.js +0 -1
  232. package/src/x_ite/Components/EnvironmentalEffects/TextureBackground.js +1 -1
  233. package/src/x_ite/Components/EnvironmentalEffects/X3DBackgroundNode.js +76 -77
  234. package/src/x_ite/Components/EnvironmentalEffects/X3DFogObject.js +2 -9
  235. package/src/x_ite/Components/EnvironmentalSensor/ProximitySensor.js +51 -65
  236. package/src/x_ite/Components/EventUtilities/X3DSequencerNode.js +1 -1
  237. package/src/x_ite/Components/Followers/X3DChaserNode.js +18 -32
  238. package/src/x_ite/Components/Followers/X3DDamperNode.js +1 -6
  239. package/src/x_ite/Components/Geometry2D/TriangleSet2D.js +1 -1
  240. package/src/x_ite/Components/Geometry3D/ElevationGrid.js +12 -4
  241. package/src/x_ite/Components/Geometry3D/IndexedFaceSet.js +4 -4
  242. package/src/x_ite/Components/Geospatial/GeoCoordinate.js +10 -27
  243. package/src/x_ite/Components/Geospatial/GeoPositionInterpolator.js +5 -10
  244. package/src/x_ite/Components/Geospatial/GeoTouchSensor.js +9 -16
  245. package/src/x_ite/Components/Geospatial/GeoTransform.js +6 -18
  246. package/src/x_ite/Components/Geospatial/X3DGeospatialObject.js +20 -27
  247. package/src/x_ite/Components/Grouping/X3DGroupingNode.js +8 -8
  248. package/src/x_ite/Components/Grouping/X3DTransformNode.js +0 -4
  249. package/src/x_ite/Components/HAnim/HAnimHumanoid.js +68 -75
  250. package/src/x_ite/Components/Interpolation/OrientationInterpolator.js +4 -11
  251. package/src/x_ite/Components/Interpolation/X3DInterpolatorNode.js +1 -1
  252. package/src/x_ite/Components/Layout/LayoutGroup.js +4 -9
  253. package/src/x_ite/Components/Layout/ScreenFontStyle.js +1 -1
  254. package/src/x_ite/Components/Layout/ScreenGroup.js +18 -23
  255. package/src/x_ite/Components/Lighting/DirectionalLight.js +28 -36
  256. package/src/x_ite/Components/Lighting/PointLight.js +32 -47
  257. package/src/x_ite/Components/Lighting/SpotLight.js +33 -48
  258. package/src/x_ite/Components/Navigation/Billboard.js +49 -56
  259. package/src/x_ite/Components/Navigation/LOD.js +1 -1
  260. package/src/x_ite/Components/Navigation/X3DViewpointNode.js +82 -111
  261. package/src/x_ite/Components/Networking/Anchor.js +10 -4
  262. package/src/x_ite/Components/ParticleSystems/BoundedPhysicsModel.js +6 -6
  263. package/src/x_ite/Components/ParticleSystems/ConeEmitter.js +44 -36
  264. package/src/x_ite/Components/ParticleSystems/ExplosionEmitter.js +26 -17
  265. package/src/x_ite/Components/ParticleSystems/ForcePhysicsModel.js +20 -7
  266. package/src/x_ite/Components/ParticleSystems/ParticleSystem.js +461 -876
  267. package/src/x_ite/Components/ParticleSystems/PointEmitter.js +39 -35
  268. package/src/x_ite/Components/ParticleSystems/PolylineEmitter.js +112 -128
  269. package/src/x_ite/Components/ParticleSystems/SurfaceEmitter.js +105 -112
  270. package/src/x_ite/Components/ParticleSystems/VolumeEmitter.js +138 -176
  271. package/src/x_ite/Components/ParticleSystems/WindPhysicsModel.js +16 -11
  272. package/src/x_ite/Components/ParticleSystems/X3DParticleEmitterNode.js +807 -217
  273. package/src/x_ite/Components/Picking/LinePickSensor.js +31 -39
  274. package/src/x_ite/Components/PointingDeviceSensor/CylinderSensor.js +90 -107
  275. package/src/x_ite/Components/PointingDeviceSensor/PlaneSensor.js +48 -55
  276. package/src/x_ite/Components/PointingDeviceSensor/SphereSensor.js +53 -70
  277. package/src/x_ite/Components/PointingDeviceSensor/TouchSensor.js +8 -15
  278. package/src/x_ite/Components/ProjectiveTextureMapping/TextureProjectorParallel.js +43 -50
  279. package/src/x_ite/Components/ProjectiveTextureMapping/TextureProjectorPerspective.js +32 -39
  280. package/src/x_ite/Components/Rendering/ClipPlane.js +3 -11
  281. package/src/x_ite/Components/Rendering/Color.js +12 -37
  282. package/src/x_ite/Components/Rendering/ColorRGBA.js +13 -38
  283. package/src/x_ite/Components/Rendering/IndexedLineSet.js +12 -4
  284. package/src/x_ite/Components/Rendering/LineSet.js +21 -13
  285. package/src/x_ite/Components/Rendering/PointSet.js +21 -13
  286. package/src/x_ite/Components/Rendering/X3DColorNode.js +13 -0
  287. package/src/x_ite/Components/Rendering/X3DComposedGeometryNode.js +13 -5
  288. package/src/x_ite/Components/Rendering/X3DGeometryNode.js +248 -325
  289. package/src/x_ite/Components/Rendering/X3DLineGeometryNode.js +305 -134
  290. package/src/x_ite/Components/Rendering/X3DPointGeometryNode.js +99 -122
  291. package/src/x_ite/Components/RigidBodyPhysics/DoubleAxisHingeJoint.js +24 -38
  292. package/src/x_ite/Components/RigidBodyPhysics/SingleAxisHingeJoint.js +10 -17
  293. package/src/x_ite/Components/Shaders/ComposedShader.js +35 -75
  294. package/src/x_ite/Components/Shaders/FloatVertexAttribute.js +5 -15
  295. package/src/x_ite/Components/Shaders/Matrix3VertexAttribute.js +7 -24
  296. package/src/x_ite/Components/Shaders/Matrix4VertexAttribute.js +7 -24
  297. package/src/x_ite/Components/Shaders/ShaderPart.js +1 -10
  298. package/src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js +219 -209
  299. package/src/x_ite/Components/Shaders/X3DShaderNode.js +1 -1
  300. package/src/x_ite/Components/Shaders/X3DVertexAttributeNode.js +23 -1
  301. package/src/x_ite/Components/Shape/Appearance.js +12 -0
  302. package/src/x_ite/Components/Shape/FillProperties.js +12 -1
  303. package/src/x_ite/Components/Shape/LineProperties.js +33 -1
  304. package/src/x_ite/Components/Shape/PointProperties.js +23 -1
  305. package/src/x_ite/Components/Shape/Shape.js +27 -34
  306. package/src/x_ite/Components/Sound/Sound.js +30 -40
  307. package/src/x_ite/Components/Text/Text.js +6 -20
  308. package/src/x_ite/Components/Texturing/TextureCoordinate.js +5 -26
  309. package/src/x_ite/Components/Texturing/TextureProperties.js +4 -4
  310. package/src/x_ite/Components/Texturing/X3DSingleTextureCoordinateNode.js +21 -0
  311. package/src/x_ite/Components/Texturing/X3DSingleTextureNode.js +5 -4
  312. package/src/x_ite/Components/Texturing/X3DTexture2DNode.js +24 -33
  313. package/src/x_ite/Components/Texturing3D/TextureCoordinate3D.js +5 -26
  314. package/src/x_ite/Components/Texturing3D/TextureCoordinate4D.js +5 -26
  315. package/src/x_ite/Components/Texturing3D/X3DTexture3DNode.js +12 -19
  316. package/src/x_ite/Components/VolumeRendering/X3DVolumeDataNode.js +7 -7
  317. package/src/x_ite/Components.js +2 -2
  318. package/src/x_ite/Fallback.js +9 -3
  319. package/src/x_ite/Fields/SFColor.js +4 -0
  320. package/src/x_ite/Fields/SFColorRGBA.js +4 -0
  321. package/src/x_ite/Fields/SFMatrixPrototypeTemplate.js +4 -0
  322. package/src/x_ite/Fields/SFRotation.js +4 -0
  323. package/src/x_ite/Fields/SFString.js +4 -0
  324. package/src/x_ite/Fields/SFVecPrototypeTemplate.js +4 -0
  325. package/src/x_ite/Parser/XMLParser.js +1 -1
  326. package/src/x_ite/Rendering/TextureBuffer.js +43 -36
  327. package/src/x_ite/Rendering/VertexArray.js +101 -0
  328. package/src/x_ite/Rendering/X3DRenderObject.js +123 -144
  329. package/src/x_ite/X3D.js +32 -26
  330. package/src/x_ite.config.js +0 -5
  331. package/src/x_ite.css +200 -162
  332. package/src/x_ite.html +26 -10
  333. package/src/x_ite.js +42 -0
  334. package/x_ite.min.html +26 -10
  335. package/dist/assets/hatching/0.png +0 -0
  336. package/dist/assets/linetype/0.png +0 -0
  337. package/src/assets/hatching/0.png +0 -0
  338. package/src/assets/linetype/0.png +0 -0
  339. package/src/spinner.css +0 -67
  340. package/src/x_ite/Browser/Shape/LineStipples.xcf +0 -0
@@ -105,66 +105,59 @@ function (Fields,
105
105
  },
106
106
  setGlobalVariables: function (renderObject)
107
107
  {
108
- try
109
- {
110
- var
111
- textureProjectorNode = this .textureProjectorNode,
112
- cameraSpaceMatrix = renderObject .getCameraSpaceMatrix () .get (),
113
- modelMatrix = this .modelMatrix .assign (this .modelViewMatrix) .multRight (cameraSpaceMatrix),
114
- invTextureSpaceMatrix = this .invTextureSpaceMatrix .assign (textureProjectorNode .getGlobal () ? modelMatrix : Matrix4 .Identity);
108
+ var
109
+ textureProjectorNode = this .textureProjectorNode,
110
+ cameraSpaceMatrix = renderObject .getCameraSpaceMatrix () .get (),
111
+ modelMatrix = this .modelMatrix .assign (this .modelViewMatrix) .multRight (cameraSpaceMatrix),
112
+ invTextureSpaceMatrix = this .invTextureSpaceMatrix .assign (textureProjectorNode .getGlobal () ? modelMatrix : Matrix4 .Identity);
115
113
 
116
- this .rotation .setFromToVec (Vector3 .zAxis, this .direction .assign (textureProjectorNode .getDirection ()) .negate ());
117
- textureProjectorNode .straightenHorizon (this .rotation);
114
+ this .rotation .setFromToVec (Vector3 .zAxis, this .direction .assign (textureProjectorNode .getDirection ()) .negate ());
115
+ textureProjectorNode .straightenHorizon (this .rotation);
118
116
 
119
- invTextureSpaceMatrix .translate (textureProjectorNode .getLocation ());
120
- invTextureSpaceMatrix .rotate (this .rotation);
121
- invTextureSpaceMatrix .inverse ();
117
+ invTextureSpaceMatrix .translate (textureProjectorNode .getLocation ());
118
+ invTextureSpaceMatrix .rotate (this .rotation);
119
+ invTextureSpaceMatrix .inverse ();
122
120
 
123
- var
124
- width = textureProjectorNode .getTexture () .getWidth (),
125
- height = textureProjectorNode .getTexture () .getHeight (),
126
- aspect = width / height,
127
- minimumX = textureProjectorNode .getMinimumX (),
128
- maximumX = textureProjectorNode .getMaximumX (),
129
- minimumY = textureProjectorNode .getMinimumY (),
130
- maximumY = textureProjectorNode .getMaximumY (),
131
- sizeX = textureProjectorNode .getSizeX (),
132
- sizeY = textureProjectorNode .getSizeY (),
133
- nearDistance = textureProjectorNode .getNearDistance (),
134
- farDistance = textureProjectorNode .getFarDistance ();
121
+ var
122
+ width = textureProjectorNode .getTexture () .getWidth (),
123
+ height = textureProjectorNode .getTexture () .getHeight (),
124
+ aspect = width / height,
125
+ minimumX = textureProjectorNode .getMinimumX (),
126
+ maximumX = textureProjectorNode .getMaximumX (),
127
+ minimumY = textureProjectorNode .getMinimumY (),
128
+ maximumY = textureProjectorNode .getMaximumY (),
129
+ sizeX = textureProjectorNode .getSizeX (),
130
+ sizeY = textureProjectorNode .getSizeY (),
131
+ nearDistance = textureProjectorNode .getNearDistance (),
132
+ farDistance = textureProjectorNode .getFarDistance ();
135
133
 
136
- if (aspect > sizeX / sizeY)
137
- {
138
- var
139
- center = (minimumX + maximumX) / 2,
140
- size1_2 = (sizeY * aspect) / 2;
134
+ if (aspect > sizeX / sizeY)
135
+ {
136
+ var
137
+ center = (minimumX + maximumX) / 2,
138
+ size1_2 = (sizeY * aspect) / 2;
141
139
 
142
- Camera .ortho (center - size1_2, center + size1_2, minimumY, maximumY, nearDistance, farDistance, this .projectionMatrix);
143
- }
144
- else
145
- {
146
- var
147
- center = (minimumY + maximumY) / 2,
148
- size1_2 = (sizeX / aspect) / 2;
140
+ Camera .ortho (center - size1_2, center + size1_2, minimumY, maximumY, nearDistance, farDistance, this .projectionMatrix);
141
+ }
142
+ else
143
+ {
144
+ var
145
+ center = (minimumY + maximumY) / 2,
146
+ size1_2 = (sizeX / aspect) / 2;
149
147
 
150
- Camera .ortho (minimumX, maximumX, center - size1_2, center + size1_2, nearDistance, farDistance, this .projectionMatrix);
151
- }
148
+ Camera .ortho (minimumX, maximumX, center - size1_2, center + size1_2, nearDistance, farDistance, this .projectionMatrix);
149
+ }
152
150
 
153
- if (! textureProjectorNode .getGlobal ())
154
- invTextureSpaceMatrix .multLeft (modelMatrix .inverse ());
151
+ if (! textureProjectorNode .getGlobal ())
152
+ invTextureSpaceMatrix .multLeft (modelMatrix .inverse ());
155
153
 
156
- this .invTextureSpaceProjectionMatrix .assign (invTextureSpaceMatrix) .multRight (this .projectionMatrix) .multRight (textureProjectorNode .getBiasMatrix ());
154
+ this .invTextureSpaceProjectionMatrix .assign (invTextureSpaceMatrix) .multRight (this .projectionMatrix) .multRight (textureProjectorNode .getBiasMatrix ());
157
155
 
158
- this .projectiveTextureMatrix .assign (cameraSpaceMatrix) .multRight (this .invTextureSpaceProjectionMatrix);
159
- this .projectiveTextureMatrixArray .set (this .projectiveTextureMatrix);
156
+ this .projectiveTextureMatrix .assign (cameraSpaceMatrix) .multRight (this .invTextureSpaceProjectionMatrix);
157
+ this .projectiveTextureMatrixArray .set (this .projectiveTextureMatrix);
160
158
 
161
- this .modelViewMatrix .multVecMatrix (this .location .assign (textureProjectorNode ._location .getValue ()));
162
- this .locationArray .set (this .location);
163
- }
164
- catch (error)
165
- {
166
- console .error (error);
167
- }
159
+ this .modelViewMatrix .multVecMatrix (this .location .assign (textureProjectorNode ._location .getValue ()));
160
+ this .locationArray .set (this .location);
168
161
  },
169
162
  setShaderUniforms: function (gl, shaderObject, renderObject)
170
163
  {
@@ -105,45 +105,38 @@ function (Fields,
105
105
  },
106
106
  setGlobalVariables: function (renderObject)
107
107
  {
108
- try
109
- {
110
- var
111
- textureProjectorNode = this .textureProjectorNode,
112
- cameraSpaceMatrix = renderObject .getCameraSpaceMatrix () .get (),
113
- modelMatrix = this .modelMatrix .assign (this .modelViewMatrix) .multRight (cameraSpaceMatrix),
114
- invTextureSpaceMatrix = this .invTextureSpaceMatrix .assign (textureProjectorNode .getGlobal () ? modelMatrix : Matrix4 .Identity);
115
-
116
- this .rotation .setFromToVec (Vector3 .zAxis, this .direction .assign (textureProjectorNode .getDirection ()) .negate ());
117
- textureProjectorNode .straightenHorizon (this .rotation);
118
-
119
- invTextureSpaceMatrix .translate (textureProjectorNode .getLocation ());
120
- invTextureSpaceMatrix .rotate (this .rotation);
121
- invTextureSpaceMatrix .inverse ();
122
-
123
- var
124
- width = textureProjectorNode .getTexture () .getWidth (),
125
- height = textureProjectorNode .getTexture () .getHeight (),
126
- nearDistance = textureProjectorNode .getNearDistance (),
127
- farDistance = textureProjectorNode .getFarDistance (),
128
- fieldOfView = textureProjectorNode .getFieldOfView ();
129
-
130
- Camera .perspective (fieldOfView, nearDistance, farDistance, width, height, this .projectionMatrix);
131
-
132
- if (! textureProjectorNode .getGlobal ())
133
- invTextureSpaceMatrix .multLeft (modelMatrix .inverse ());
134
-
135
- this .invTextureSpaceProjectionMatrix .assign (invTextureSpaceMatrix) .multRight (this .projectionMatrix) .multRight (textureProjectorNode .getBiasMatrix ());
136
-
137
- this .projectiveTextureMatrix .assign (cameraSpaceMatrix) .multRight (this .invTextureSpaceProjectionMatrix);
138
- this .projectiveTextureMatrixArray .set (this .projectiveTextureMatrix);
139
-
140
- this .modelViewMatrix .multVecMatrix (this .location .assign (textureProjectorNode ._location .getValue ()));
141
- this .locationArray .set (this .location);
142
- }
143
- catch (error)
144
- {
145
- console .error (error);
146
- }
108
+ var
109
+ textureProjectorNode = this .textureProjectorNode,
110
+ cameraSpaceMatrix = renderObject .getCameraSpaceMatrix () .get (),
111
+ modelMatrix = this .modelMatrix .assign (this .modelViewMatrix) .multRight (cameraSpaceMatrix),
112
+ invTextureSpaceMatrix = this .invTextureSpaceMatrix .assign (textureProjectorNode .getGlobal () ? modelMatrix : Matrix4 .Identity);
113
+
114
+ this .rotation .setFromToVec (Vector3 .zAxis, this .direction .assign (textureProjectorNode .getDirection ()) .negate ());
115
+ textureProjectorNode .straightenHorizon (this .rotation);
116
+
117
+ invTextureSpaceMatrix .translate (textureProjectorNode .getLocation ());
118
+ invTextureSpaceMatrix .rotate (this .rotation);
119
+ invTextureSpaceMatrix .inverse ();
120
+
121
+ var
122
+ width = textureProjectorNode .getTexture () .getWidth (),
123
+ height = textureProjectorNode .getTexture () .getHeight (),
124
+ nearDistance = textureProjectorNode .getNearDistance (),
125
+ farDistance = textureProjectorNode .getFarDistance (),
126
+ fieldOfView = textureProjectorNode .getFieldOfView ();
127
+
128
+ Camera .perspective (fieldOfView, nearDistance, farDistance, width, height, this .projectionMatrix);
129
+
130
+ if (! textureProjectorNode .getGlobal ())
131
+ invTextureSpaceMatrix .multLeft (modelMatrix .inverse ());
132
+
133
+ this .invTextureSpaceProjectionMatrix .assign (invTextureSpaceMatrix) .multRight (this .projectionMatrix) .multRight (textureProjectorNode .getBiasMatrix ());
134
+
135
+ this .projectiveTextureMatrix .assign (cameraSpaceMatrix) .multRight (this .invTextureSpaceProjectionMatrix);
136
+ this .projectiveTextureMatrixArray .set (this .projectiveTextureMatrix);
137
+
138
+ this .modelViewMatrix .multVecMatrix (this .location .assign (textureProjectorNode ._location .getValue ()));
139
+ this .locationArray .set (this .location);
147
140
  },
148
141
  setShaderUniforms: function (gl, shaderObject, renderObject)
149
142
  {
@@ -90,18 +90,10 @@ function (Fields,
90
90
  plane = this .plane,
91
91
  localPlane = clipPlane .plane;
92
92
 
93
- try
94
- {
95
- plane .normal .assign (localPlane);
96
- plane .distanceFromOrigin = -localPlane .w;
93
+ plane .normal .assign (localPlane);
94
+ plane .distanceFromOrigin = -localPlane .w;
97
95
 
98
- plane .multRight (modelViewMatrix);
99
- }
100
- catch (error)
101
- {
102
- plane .normal .set (0, 0, 0);
103
- plane .distanceFromOrigin = 0;
104
- }
96
+ plane .multRight (modelViewMatrix);
105
97
  },
106
98
  setShaderUniforms: function (gl, shaderObject)
107
99
  {
@@ -53,14 +53,12 @@
53
53
  "x_ite/Base/FieldDefinitionArray",
54
54
  "x_ite/Components/Rendering/X3DColorNode",
55
55
  "x_ite/Base/X3DConstants",
56
- "standard/Math/Numbers/Vector4",
57
56
  ],
58
57
  function (Fields,
59
58
  X3DFieldDefinition,
60
59
  FieldDefinitionArray,
61
60
  X3DColorNode,
62
- X3DConstants,
63
- Vector4)
61
+ X3DConstants)
64
62
  {
65
63
  "use strict";
66
64
 
@@ -90,19 +88,6 @@ function (Fields,
90
88
  {
91
89
  return "color";
92
90
  },
93
- initialize: function ()
94
- {
95
- X3DColorNode .prototype .initialize .call (this);
96
-
97
- this ._color .addInterest ("set_color__", this);
98
-
99
- this .set_color__ ();
100
- },
101
- set_color__: function ()
102
- {
103
- this .color = this ._color .getValue ();
104
- this .length = this ._color .length;
105
- },
106
91
  addColor: function (index, array)
107
92
  {
108
93
  if (index >= 0 && index < this .length)
@@ -132,37 +117,27 @@ function (Fields,
132
117
  {
133
118
  const color = this .color;
134
119
 
135
- for (var index = 0, length = this .length * 3; index < length; index += 3)
120
+ for (var index = 0, length = Math .min (min, this .length) * 3; index < length; index += 3)
136
121
  array .push (color [index], color [index + 1], color [index + 2], 1);
137
122
 
138
- var index = (this .length - 1) * 3;
123
+ if (this .length < min)
124
+ {
125
+ var index = (this .length - 1) * 3;
139
126
 
140
- const
141
- r = color [index],
142
- g = color [index + 1],
143
- b = color [index + 2];
127
+ const
128
+ r = color [index],
129
+ g = color [index + 1],
130
+ b = color [index + 2];
144
131
 
145
- for (var index = length, length = min * 3; index < length; index += 3)
146
- array .push (r, g, b, 1);
132
+ for (var index = length, length = min * 3; index < length; index += 3)
133
+ array .push (r, g, b, 1);
134
+ }
147
135
  }
148
136
  else
149
137
  {
150
138
  for (let index = 0; index < min; ++ index)
151
139
  array .push (1, 1, 1, 1);
152
140
  }
153
- },
154
- getVectors: function (array)
155
- {
156
- const color = this ._color;
157
-
158
- for (var i = 0, length = color .length; i < length; ++ i)
159
- {
160
- const c = color [i];
161
-
162
- array [i] = new Vector4 (c .r, c .g, c .b, 1);
163
- }
164
-
165
- array .length = length;
166
141
 
167
142
  return array;
168
143
  },
@@ -53,14 +53,12 @@ define ([
53
53
  "x_ite/Base/FieldDefinitionArray",
54
54
  "x_ite/Components/Rendering/X3DColorNode",
55
55
  "x_ite/Base/X3DConstants",
56
- "standard/Math/Numbers/Vector4",
57
56
  ],
58
57
  function (Fields,
59
58
  X3DFieldDefinition,
60
59
  FieldDefinitionArray,
61
60
  X3DColorNode,
62
- X3DConstants,
63
- Vector4)
61
+ X3DConstants)
64
62
  {
65
63
  "use strict";
66
64
 
@@ -92,19 +90,6 @@ function (Fields,
92
90
  {
93
91
  return "color";
94
92
  },
95
- initialize: function ()
96
- {
97
- X3DColorNode .prototype .initialize .call (this);
98
-
99
- this ._color .addInterest ("set_color__", this);
100
-
101
- this .set_color__ ();
102
- },
103
- set_color__: function ()
104
- {
105
- this .color = this ._color .getValue ();
106
- this .length = this ._color .length;
107
- },
108
93
  addColor: function (index, array)
109
94
  {
110
95
  if (index >= 0 && index < this .length)
@@ -134,38 +119,28 @@ function (Fields,
134
119
  {
135
120
  const color = this .color;
136
121
 
137
- for (var index = 0, length = this .length * 4; index < length; index += 4)
122
+ for (var index = 0, length = Math .min (min, this .length) * 4; index < length; index += 4)
138
123
  array .push (color [index], color [index + 1], color [index + 2], color [index + 3]);
139
124
 
140
- var index = (this .length - 1) * 4;
125
+ if (this .length < min)
126
+ {
127
+ var index = (this .length - 1) * 4;
141
128
 
142
- const
143
- r = color [index],
144
- g = color [index + 1],
145
- b = color [index + 2],
146
- a = color [index + 2];
129
+ const
130
+ r = color [index],
131
+ g = color [index + 1],
132
+ b = color [index + 2],
133
+ a = color [index + 2];
147
134
 
148
- for (var index = length, length = min * 4; index < length; index += 4)
149
- array .push (r, g, b, a);
135
+ for (var index = length, length = min * 4; index < length; index += 4)
136
+ array .push (r, g, b, a);
137
+ }
150
138
  }
151
139
  else
152
140
  {
153
141
  for (let index = 0; index < min; ++ index)
154
142
  array .push (1, 1, 1, 1);
155
143
  }
156
- },
157
- getVectors: function (array)
158
- {
159
- const color = this ._color;
160
-
161
- for (var i = 0, length = color .length; i < length; ++ i)
162
- {
163
- const c = color [i];
164
-
165
- array [i] = new Vector4 (c .r, c .g, c .b, c .a);
166
- }
167
-
168
- array .length = length;
169
144
 
170
145
  return array;
171
146
  },
@@ -123,7 +123,10 @@ function (Fields,
123
123
  const attribNodes = this .getAttrib ();
124
124
 
125
125
  for (const attribNode of attribNodes)
126
+ {
126
127
  attribNode .removeInterest ("requestRebuild", this);
128
+ attribNode ._attribute_changed .removeInterest ("updateVertexArrays", this);
129
+ }
127
130
 
128
131
  attribNodes .length = 0;
129
132
 
@@ -136,7 +139,12 @@ function (Fields,
136
139
  }
137
140
 
138
141
  for (const attribNode of attribNodes)
142
+ {
139
143
  attribNode .addInterest ("requestRebuild", this);
144
+ attribNode ._attribute_changed .addInterest ("updateVertexArrays", this);
145
+ }
146
+
147
+ this .updateVertexArrays ();
140
148
  },
141
149
  set_fogCoord__: function ()
142
150
  {
@@ -242,8 +250,8 @@ function (Fields,
242
250
  polylines = this .getPolylineIndices (),
243
251
  colorPerVertex = this ._colorPerVertex .getValue (),
244
252
  attribNodes = this .getAttrib (),
245
- numAttrib = attribNodes .length,
246
- attribs = this .getAttribs (),
253
+ numAttribNodes = attribNodes .length,
254
+ attribArrays = this .getAttribs (),
247
255
  fogCoordNode = this .fogCoordNode,
248
256
  colorNode = this .colorNode,
249
257
  coordNode = this .coordNode,
@@ -269,8 +277,8 @@ function (Fields,
269
277
  i = polyline [l],
270
278
  index = coordIndex [i];
271
279
 
272
- for (let a = 0; a < numAttrib; ++ a)
273
- attribNodes [a] .addValue (index, attribs [a]);
280
+ for (let a = 0; a < numAttribNodes; ++ a)
281
+ attribNodes [a] .addValue (index, attribArrays [a]);
274
282
 
275
283
  if (fogCoordNode)
276
284
  fogCoordNode .addDepth (index, fogDepthArray);
@@ -117,7 +117,10 @@ function (Fields,
117
117
  const attribNodes = this .getAttrib ();
118
118
 
119
119
  for (const attribNode of attribNodes)
120
+ {
120
121
  attribNode .removeInterest ("requestRebuild", this);
122
+ attribNode ._attribute_changed .removeInterest ("updateVertexArrays", this);
123
+ }
121
124
 
122
125
  attribNodes .length = 0;
123
126
 
@@ -130,7 +133,12 @@ function (Fields,
130
133
  }
131
134
 
132
135
  for (const attribNode of attribNodes)
136
+ {
133
137
  attribNode .addInterest ("requestRebuild", this);
138
+ attribNode ._attribute_changed .addInterest ("updateVertexArrays", this);
139
+ }
140
+
141
+ this .updateVertexArrays ();
134
142
  },
135
143
  set_fogCoord__: function ()
136
144
  {
@@ -184,17 +192,17 @@ function (Fields,
184
192
  // Fill GeometryNode
185
193
 
186
194
  const
187
- vertexCount = this ._vertexCount,
188
- attribNodes = this .getAttrib (),
189
- numAttrib = attribNodes .length,
190
- attribs = this .getAttribs (),
191
- fogCoordNode = this .fogCoordNode,
192
- colorNode = this .colorNode,
193
- coordNode = this .coordNode,
194
- fogDepthArray = this .getFogDepths (),
195
- colorArray = this .getColors (),
196
- vertexArray = this .getVertices (),
197
- size = coordNode .getSize ();
195
+ vertexCount = this ._vertexCount,
196
+ attribNodes = this .getAttrib (),
197
+ numAttribNodes = attribNodes .length,
198
+ attribArrays = this .getAttribs (),
199
+ fogCoordNode = this .fogCoordNode,
200
+ colorNode = this .colorNode,
201
+ coordNode = this .coordNode,
202
+ fogDepthArray = this .getFogDepths (),
203
+ colorArray = this .getColors (),
204
+ vertexArray = this .getVertices (),
205
+ size = coordNode .getSize ();
198
206
 
199
207
  let index = 0;
200
208
 
@@ -209,8 +217,8 @@ function (Fields,
209
217
 
210
218
  for (let i = 0; i < count; ++ i, index += i & 1)
211
219
  {
212
- for (let a = 0; a < numAttrib; ++ a)
213
- attribNodes [a] .addValue (index, attribs [a]);
220
+ for (let a = 0; a < numAttribNodes; ++ a)
221
+ attribNodes [a] .addValue (index, attribArrays [a]);
214
222
 
215
223
  if (fogCoordNode)
216
224
  fogCoordNode .addDepth (index, fogDepthArray);
@@ -120,7 +120,10 @@ function (Fields,
120
120
  const attribNodes = this .getAttrib ();
121
121
 
122
122
  for (const attribNode of attribNodes)
123
+ {
123
124
  attribNode .removeInterest ("requestRebuild", this);
125
+ attribNode ._attribute_changed .removeInterest ("updateVertexArrays", this);
126
+ }
124
127
 
125
128
  attribNodes .length = 0;
126
129
 
@@ -133,7 +136,12 @@ function (Fields,
133
136
  }
134
137
 
135
138
  for (const attribNode of attribNodes)
139
+ {
136
140
  attribNode .addInterest ("requestRebuild", this);
141
+ attribNode ._attribute_changed .addInterest ("updateVertexArrays", this);
142
+ }
143
+
144
+ this .updateVertexArrays ();
137
145
  },
138
146
  set_fogCoord__: function ()
139
147
  {
@@ -171,21 +179,21 @@ function (Fields,
171
179
  return;
172
180
 
173
181
  const
174
- attribNodes = this .getAttrib (),
175
- numAttrib = attribNodes .length,
176
- attribs = this .getAttribs (),
177
- fogCoordNode = this .fogCoordNode,
178
- fogDepthArray = this .getFogDepths (),
179
- colorNode = this .colorNode,
180
- colorArray = this .getColors (),
181
- coordNode = this .coordNode,
182
- vertexArray = this .getVertices (),
183
- numPoints = coordNode ._point .length;
184
-
185
- for (let a = 0; a < numAttrib; ++ a)
182
+ attribNodes = this .getAttrib (),
183
+ numAttribNodes = attribNodes .length,
184
+ attribArrays = this .getAttribs (),
185
+ fogCoordNode = this .fogCoordNode,
186
+ fogDepthArray = this .getFogDepths (),
187
+ colorNode = this .colorNode,
188
+ colorArray = this .getColors (),
189
+ coordNode = this .coordNode,
190
+ vertexArray = this .getVertices (),
191
+ numPoints = coordNode ._point .length;
192
+
193
+ for (let a = 0; a < numAttribNodes; ++ a)
186
194
  {
187
195
  for (let i = 0; i < numPoints; ++ i)
188
- attribNodes [a] .addValue (i, attribs [a]);
196
+ attribNodes [a] .addValue (i, attribArrays [a]);
189
197
  }
190
198
 
191
199
  if (fogCoordNode)
@@ -72,6 +72,19 @@ function (Fields,
72
72
  X3DColorNode .prototype = Object .assign (Object .create (X3DGeometricPropertyNode .prototype),
73
73
  {
74
74
  constructor: X3DColorNode,
75
+ initialize: function ()
76
+ {
77
+ X3DGeometricPropertyNode .prototype .initialize .call (this);
78
+
79
+ this ._color .addInterest ("set_color__", this);
80
+
81
+ this .set_color__ ();
82
+ },
83
+ set_color__: function ()
84
+ {
85
+ this .color = this ._color .getValue ();
86
+ this .length = this ._color .length;
87
+ },
75
88
  setTransparent: function (value)
76
89
  {
77
90
  if (value !== this ._transparent .getValue ())
@@ -119,11 +119,14 @@ function (X3DGeometryNode,
119
119
  const attribNodes = this .getAttrib ();
120
120
 
121
121
  for (const attribNode of attribNodes)
122
+ {
122
123
  attribNode .removeInterest ("requestRebuild", this);
124
+ attribNode ._attribute_changed .removeInterest ("updateVertexArrays", this);
125
+ }
123
126
 
124
127
  attribNodes .length = 0;
125
128
 
126
- for (const node of this ._attrib)
129
+ for (const node of this ._attrib)
127
130
  {
128
131
  const attribNode = X3DCast (X3DConstants .X3DVertexAttributeNode, node);
129
132
 
@@ -132,7 +135,12 @@ function (X3DGeometryNode,
132
135
  }
133
136
 
134
137
  for (const attribNode of attribNodes)
138
+ {
135
139
  attribNode .addInterest ("requestRebuild", this);
140
+ attribNode ._attribute_changed .addInterest ("updateVertexArrays", this);
141
+ }
142
+
143
+ this .updateVertexArrays ();
136
144
  },
137
145
  set_fogCoord__: function ()
138
146
  {
@@ -222,8 +230,8 @@ function (X3DGeometryNode,
222
230
  colorPerVertex = this ._colorPerVertex .getValue (),
223
231
  normalPerVertex = this ._normalPerVertex .getValue (),
224
232
  attribNodes = this .getAttrib (),
225
- numAttrib = attribNodes .length,
226
- attribs = this .getAttribs (),
233
+ numAttribNodes = attribNodes .length,
234
+ attribArrays = this .getAttribs (),
227
235
  fogCoordNode = this .getFogCoord (),
228
236
  colorNode = this .getColor (),
229
237
  texCoordNode = this .getTexCoord (),
@@ -246,8 +254,8 @@ function (X3DGeometryNode,
246
254
  face = Math .floor (i / verticesPerFace),
247
255
  index = this .getPolygonIndex (this .getTriangleIndex (i));
248
256
 
249
- for (let a = 0; a < numAttrib; ++ a)
250
- attribNodes [a] .addValue (index, attribs [a]);
257
+ for (let a = 0; a < numAttribNodes; ++ a)
258
+ attribNodes [a] .addValue (index, attribArrays [a]);
251
259
 
252
260
  if (fogCoordNode)
253
261
  fogCoordNode .addDepth (index, fogDepthArray);