x_ite 4.7.5 → 4.7.6

package/docs/index.md

@@ -8,7 +8,7 @@ X3D is an ISO-ratified, royalty-free open standards file format and run-time arc
 
 X\_ITE supports custom shaders, clip planes, reflection mapping, script nodes, prototyping capabilities and event driven programming to provide you with an improved quality level of virtual effects and tools ready for the Internet.
 
-**Developer note:** X\_ITE runs best in fresh installs of Google Chrome, Chromium, Firefox, Safari, Opera, and Microsoft Edge. X\_ITE uses the latest JavaScript standard, but is also compatible with older browser, and is either now available on your desktop computer or on your modern smart-phone.
+**Developer note:** X\_ITE runs best in fresh installs of Google Chrome, Chromium, Firefox, Safari, Opera, and Microsoft Edge. X\_ITE uses the latest JavaScript standard, but is also compatible with older browser, and is available both on your desktop computer and on your modern smart-phone.
 {: .notice--info}
 
 If you ever get in trouble, please [file a bug](https://github.com/create3000/x_ite/issues).
@@ -817,8 +817,8 @@ GitCDN serves raw files directly from GitHub with proper Content-Type headers an
 If you are on production and everything works fine, then use a numbered version.
 
 ```html
-<link rel="stylesheet" type="text/css" href="https://create3000.github.io/code/x_ite/4.7.5/dist/x_ite.css"/>
-<script type="text/javascript" src="https://create3000.github.io/code/x_ite/4.7.5/dist/x_ite.min.js"></script>
+<link rel="stylesheet" type="text/css" href="https://create3000.github.io/code/x_ite/4.7.6/dist/x_ite.css"/>
+<script type="text/javascript" src="https://create3000.github.io/code/x_ite/4.7.6/dist/x_ite.min.js"></script>
 ```
 
 #### Latest Stable Version

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "x_ite",
-	"version": "4.7.5",
-	"revision": "1122",
+	"version": "4.7.6",
+	"revision": "1127",
 	"description": "X_ITE X3D Browser, a framework for integrating and manipulating X3D and VRML scenes in HTML.",
 	"main": "src/x_ite.js",
 	"repository": {
@@ -12,9 +12,14 @@
 		"X3D",
 		"VRML",
 		"WebGL",
-		"browser"
+		"browser",
+		"3D",
+		"wrl",
+		"JavaScript",
+		"JSON",
+		"xite"
 	],
-	"author": "Holger Seelig <holger.seelig@yahoo.de>",
+	"author": "Holger Seelig <holger.seelig@gmail.com>",
 	"license": "GPL-3.0",
 	"homepage": "https://create3000.github.io/x_ite/",
 	"contributors": [

package/src/tests.js

@@ -296,6 +296,7 @@ var X_ITE_TESTS = [
 	{ path: "Shape/LineProperties.x3dv" },
 	{ path: "Shape/BackMaterial.x3d" },
 	{ path: "Shape/UnlitMaterial.x3d" },
+	{ path: "Shape/Transparency.x3dv" },
 	{ path: "Shape/TwoSidedMaterial.x3d" },
 	{ component: "Sound" },
 	{ path: "Sound/04. Like A Virgin.mp3" },

package/src/x_ite/Browser/VERSION.js

@@ -49,5 +49,5 @@
 
 define (function ()
 {
-	return "4.7.5";
+	return "4.7.6";
 });

package/src/x_ite/Components/Grouping/Switch.js

@@ -72,7 +72,7 @@ function (Fields,
 
 		this .addType (X3DConstants .Switch);
 
-		if (executionContext .getSpecificationVersion () == "2.0")
+		if (executionContext .getSpecificationVersion () === "2.0")
 			this .addAlias ("choice", this .children_);
 
 		this .childNode     = null;

package/src/x_ite/Components/Lighting/DirectionalLight.js

@@ -273,7 +273,7 @@ function (Fields,
 
 		this .addType (X3DConstants .DirectionalLight);
 
-		if (executionContext .getSpecificationVersion () == "2.0")
+		if (executionContext .getSpecificationVersion () === "2.0")
 			this .global_ = true;
 	}
 

package/src/x_ite/Components/Navigation/Collision.js

@@ -75,7 +75,7 @@ function (Fields,
 
 		this .addType (X3DConstants .Collision);
 
-		if (executionContext .getSpecificationVersion () == "2.0")
+		if (executionContext .getSpecificationVersion () === "2.0")
 			this .addAlias ("collide", this .enabled_); // VRML2
 	}
 

package/src/x_ite/Components/Navigation/LOD.js

@@ -76,7 +76,7 @@ function (Fields,
 
 		this .addType (X3DConstants .LOD);
 
-		if (executionContext .getSpecificationVersion () == "2.0")
+		if (executionContext .getSpecificationVersion () === "2.0")
 			this .addAlias ("level", this .children_); // VRML2
 
 		this .center_ .setUnit ("length");

package/src/x_ite/Components/Rendering/X3DGeometryNode.js

@@ -912,7 +912,7 @@ function (Fields,
 					backMaterialNode = appearanceNode .backMaterialNode,
 					frontShaderNode  = appearanceNode .shaderNode || materialNode .getShader (context .browser, context .shadow);
 
-				if (this .solid || !backMaterialNode || context .wireframe)
+				if (this .solid || !backMaterialNode || frontShaderNode .wireframe)
 				{
 					this .displayGeometry (gl, context, appearanceNode, frontShaderNode, true, true);
 				}
@@ -962,12 +962,19 @@ function (Fields,
 
 				// Draw depending on wireframe, solid and transparent.
 
-				if (context .wireframe)
+				if (shaderNode .wireframe)
 				{
-					// Wireframes are always solid so only one drawing call is needed.
+					// Points and Wireframes.
 
-					for (let i = 0, length = this .vertexCount; i < length; i += 3)
-						gl .drawArrays (shaderNode .primitiveMode, i, 3);
+					if (shaderNode .primitiveMode === gl .POINTS)
+					{
+						gl .drawArrays (shaderNode .primitiveMode, 0, this .vertexCount);
+					}
+					else
+					{
+						for (let i = 0, length = this .vertexCount; i < length; i += 3)
+							gl .drawArrays (shaderNode .primitiveMode, i, 3);
+					}
 				}
 				else
 				{
@@ -983,7 +990,7 @@ function (Fields,
 
 						// Render back.
 
-						if (back)
+						if (back && !this .solid)
 						{
 							gl .cullFace (gl .FRONT);
 							gl .drawArrays (shaderNode .primitiveMode, 0, this .vertexCount);
@@ -1071,7 +1078,7 @@ function (Fields,
 					backMaterialNode = appearanceNode .backMaterialNode,
 					frontShaderNode  = appearanceNode .shaderNode || materialNode .getShader (context .browser, context .shadow);
 
-				if (this .solid || !backMaterialNode || context .wireframe)
+				if (this .solid || !backMaterialNode || frontShaderNode .wireframe)
 				{
 					this .displayParticlesGeometry (gl, context, appearanceNode, frontShaderNode, true, true, particles, numParticles);
 				}
@@ -1131,7 +1138,7 @@ function (Fields,
 
 				if (shaderNode .wireframe)
 				{
-					// Wireframes are always solid so only one drawing call is needed.
+					// Points and Wireframes.
 
 					for (let p = 0; p < numParticles; ++ p)
 					{
@@ -1145,8 +1152,15 @@ function (Fields,
 
 						shaderNode .setParticle (gl, particle, modelViewMatrix);
 
-						for (let i = 0, length = this .vertexCount; i < length; i += 3)
-							gl .drawArrays (shaderNode .primitiveMode, i, 3);
+						if (shaderNode .primitiveMode === gl .POINTS)
+						{
+							gl .drawArrays (shaderNode .primitiveMode, 0, this .vertexCount);
+						}
+						else
+						{
+							for (let i = 0, length = this .vertexCount; i < length; i += 3)
+								gl .drawArrays (shaderNode .primitiveMode, i, 3);
+						}
 					}
 				}
 				else
@@ -1173,7 +1187,7 @@ function (Fields,
 
 							gl .enable (gl .CULL_FACE);
 
-							if (back)
+							if (back && !this .solid)
 							{
 								gl .cullFace (gl .FRONT);
 								gl .drawArrays (shaderNode .primitiveMode, 0, this .vertexCount);

package/src/x_ite/Components/Rendering/X3DLineGeometryNode.js

@@ -80,6 +80,35 @@ function (X3DGeometryNode,
 		{
 			return false;
 		},
+		transfer: function ()
+		{
+			// Line stipple support.
+
+			if (this .getGeometryType () === 1)
+			{
+				const
+					texCoords = this .getTexCoords (),
+					vertices  = this .getVertices ();
+
+				this .getMultiTexCoords () .push (texCoords);
+
+				for (let i = 0, length = vertices .length; i < length; i += 8)
+				{
+					texCoords .push (vertices [i],
+					                 vertices [i + 1],
+					                 vertices [i + 2],
+					                 vertices [i + 3],
+					                 vertices [i],
+					                 vertices [i + 1],
+					                 vertices [i + 2],
+					                 vertices [i + 3]);
+				}
+
+				texCoords .shrinkToFit ();
+			}
+
+			X3DGeometryNode .prototype .transfer .call (this);
+		},
 		display: function (gl, context)
 		{
 			try
@@ -115,6 +144,9 @@ function (X3DGeometryNode,
 					if (this .colorMaterial)
 						shaderNode .enableColorAttribute (gl, this .colorBuffer);
 
+					if (this .getMultiTexCoords () .length)
+						shaderNode .enableTexCoordAttribute (gl, this .texCoordBuffers, true);
+
 					shaderNode .enableVertexAttribute (gl, this .vertexBuffer);
 
 					// Wireframes are always solid so only one drawing call is needed.
@@ -130,7 +162,9 @@ function (X3DGeometryNode,
 					if (this .colorMaterial)
 						shaderNode .disableColorAttribute (gl);
 
-					shaderNode .disableTexCoordAttribute (gl);
+					if (this .getMultiTexCoords () .length)
+						shaderNode .disableTexCoordAttribute (gl);
+
 					shaderNode .disable (gl);
 
 					if (blendModeNode)