<div dir="ltr">On this page:<div><br></div><div><a href="https://coderextreme.net/X3DJSONLD/src/main/html/x3domexamples.html">https://coderextreme.net/X3DJSONLD/src/main/html/x3domexamples.html</a> <div><br></div><div>Errors: <br></div><div><br></div><div>x3dom-full.debug.js:24197 Uncaught TypeError: Failed to execute 'shaderSource' on 'WebGLRenderingContext': parameter 1 is not of type 'WebGLShader'.<br>    at x3dom.shader.BackgroundSkyTextureShader.generateVertexShader (x3dom-full.debug.js:24197)<br>    at new x3dom.shader.BackgroundSkyTextureShader (x3dom-full.debug.js:24167)<br>    at x3dom.Cache.getShader (x3dom-full.debug.js:11897)<br>    at Context.x3dom.gfx_webgl.Context.setupScene (x3dom-full.debug.js:26397)<br>    at Context.x3dom.gfx_webgl.Context.renderScene (x3dom-full.debug.js:29103)<br>    at x3dom.X3DDocument.render (x3dom-full.debug.js:13038)<br>    at x3dom.X3DCanvas.tick (x3dom-full.debug.js:9915)<br>    at mainloop (x3dom-full.debug.js:9985)<br>x3dom.shader.BackgroundSkyTextureShader.generateVertexShader @ x3dom-full.debug.js:24197<br>x3dom.shader.BackgroundSkyTextureShader @ x3dom-full.debug.js:24167<br>x3dom.Cache.getShader @ x3dom-full.debug.js:11897<br>x3dom.gfx_webgl.Context.setupScene @ x3dom-full.debug.js:26397<br>x3dom.gfx_webgl.Context.renderScene @ x3dom-full.debug.js:29103<br>x3dom.X3DDocument.render @ x3dom-full.debug.js:13038<br>x3dom.X3DCanvas.tick @ x3dom-full.debug.js:9915<br>mainloop @ x3dom-full.debug.js:9985<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>doc.onload @ x3dom-full.debug.js:9988<br>next_step @ x3dom-full.debug.js:12724<br>next_step @ x3dom-full.debug.js:12735<br>x3dom.X3DDocument.load @ x3dom-full.debug.js:12739<br>x3dom.X3DCanvas.load @ x3dom-full.debug.js:10009<br>onload @ x3dom-full.debug.js:11736<br>load (async)<br>loadX3DOM @ x3dom-full.debug.js:11788<br>(anonymous) @ x3dom-full.debug.js:11802<br>x3dom-full.debug.js:3925 Uncaught TypeError: Cannot set property 'ready' of null<br>    at Object.x3dom.Utils.createTexture2D (x3dom-full.debug.js:3925)<br>    at x3dom.Cache.getTexture2D (x3dom-full.debug.js:11827)<br>    at x3dom.Texture.updateTexture (x3dom-full.debug.js:12440)<br>    at x3dom.Texture.update (x3dom-full.debug.js:12166)<br>    at new x3dom.Texture (x3dom-full.debug.js:12147)<br>    at Context.x3dom.gfx_webgl.Context.setupShape (x3dom-full.debug.js:26032)<br>    at x3dom.DrawableCollection.addShape (x3dom-full.debug.js:6950)<br>    at x3dom.registerNodeType.defineClass.nodeChanged.collectDrawableObjects (x3dom-full.debug.js:38123)<br>    at x3dom.registerNodeType.defineClass.fieldChanged.collectDrawableObjects (x3dom-full.debug.js:32327)<br>    at x3dom.registerNodeType.defineClass.fieldChanged.collectDrawableObjects (x3dom-full.debug.js:32327)<br>x3dom.Utils.createTexture2D @ x3dom-full.debug.js:3925<br>x3dom.Cache.getTexture2D @ x3dom-full.debug.js:11827<br>x3dom.Texture.updateTexture @ x3dom-full.debug.js:12440<br>x3dom.Texture.update @ x3dom-full.debug.js:12166<br>x3dom.Texture @ x3dom-full.debug.js:12147<br>x3dom.gfx_webgl.Context.setupShape @ x3dom-full.debug.js:26032<br>x3dom.DrawableCollection.addShape @ x3dom-full.debug.js:6950<br>collectDrawableObjects @ x3dom-full.debug.js:38123<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>x3dom.gfx_webgl.Context.renderScene @ x3dom-full.debug.js:29181<br>x3dom.X3DDocument.render @ x3dom-full.debug.js:13038<br>x3dom.X3DCanvas.tick @ x3dom-full.debug.js:9915<br>mainloop @ x3dom-full.debug.js:9985<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>doc.onload @ x3dom-full.debug.js:9988<br>next_step @ x3dom-full.debug.js:12724<br>next_step @ x3dom-full.debug.js:12735<br>x3dom.X3DDocument.load @ x3dom-full.debug.js:12739<br>x3dom.X3DCanvas.load @ x3dom-full.debug.js:10009<br>onload @ x3dom-full.debug.js:11736<br>load (async)<br>loadX3DOM @ x3dom-full.debug.js:11788<br>(anonymous) @ x3dom-full.debug.js:11802<br>x3dom-full.debug.js:3925 Uncaught TypeError: Cannot set property 'ready' of null<br>    at Object.x3dom.Utils.createTexture2D (x3dom-full.debug.js:3925)<br>    at x3dom.Cache.getTexture2D (x3dom-full.debug.js:11827)<br>    at x3dom.Texture.updateTexture (x3dom-full.debug.js:12440)<br>    at x3dom.Texture.update (x3dom-full.debug.js:12166)<br>    at new x3dom.Texture (x3dom-full.debug.js:12147)<br>    at Context.x3dom.gfx_webgl.Context.setupShape (x3dom-full.debug.js:26032)<br>    at x3dom.DrawableCollection.addShape (x3dom-full.debug.js:6950)<br>    at x3dom.registerNodeType.defineClass.nodeChanged.collectDrawableObjects (x3dom-full.debug.js:38123)<br>    at x3dom.registerNodeType.defineClass.fieldChanged.collectDrawableObjects (x3dom-full.debug.js:32327)<br>    at x3dom.registerNodeType.defineClass.fieldChanged.collectDrawableObjects (x3dom-full.debug.js:32327)<br>x3dom.Utils.createTexture2D @ x3dom-full.debug.js:3925<br>x3dom.Cache.getTexture2D @ x3dom-full.debug.js:11827<br>x3dom.Texture.updateTexture @ x3dom-full.debug.js:12440<br>x3dom.Texture.update @ x3dom-full.debug.js:12166<br>x3dom.Texture @ x3dom-full.debug.js:12147<br>x3dom.gfx_webgl.Context.setupShape @ x3dom-full.debug.js:26032<br>x3dom.DrawableCollection.addShape @ x3dom-full.debug.js:6950<br>collectDrawableObjects @ x3dom-full.debug.js:38123<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>x3dom.gfx_webgl.Context.renderScene @ x3dom-full.debug.js:29181<br>x3dom.X3DDocument.render @ x3dom-full.debug.js:13038<br>x3dom.X3DCanvas.tick @ x3dom-full.debug.js:9915<br>mainloop @ x3dom-full.debug.js:9985<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>doc.onload @ x3dom-full.debug.js:9988<br>next_step @ x3dom-full.debug.js:12724<br>next_step @ x3dom-full.debug.js:12735<br>x3dom.X3DDocument.load @ x3dom-full.debug.js:12739<br>x3dom.X3DCanvas.load @ x3dom-full.debug.js:10009<br>onload @ x3dom-full.debug.js:11736<br>load (async)<br>loadX3DOM @ x3dom-full.debug.js:11788<br>(anonymous) @ x3dom-full.debug.js:11802<br>x3dom-full.debug.js:22205 Uncaught TypeError: Failed to execute 'shaderSource' on 'WebGLRenderingContext': parameter 1 is not of type 'WebGLShader'.<br>    at x3dom.shader.DynamicShader.generateVertexShader (x3dom-full.debug.js:22205)<br>    at new x3dom.shader.DynamicShader (x3dom-full.debug.js:21756)<br>    at x3dom.Cache.getShaderByProperties (x3dom-full.debug.js:11989)<br>    at Context.x3dom.gfx_webgl.Context.setupShape (x3dom-full.debug.js:26038)<br>    at x3dom.DrawableCollection.addShape (x3dom-full.debug.js:6950)<br>    at x3dom.registerNodeType.defineClass.nodeChanged.collectDrawableObjects (x3dom-full.debug.js:38123)<br>    at x3dom.registerNodeType.defineClass.fieldChanged.collectDrawableObjects (x3dom-full.debug.js:32327)<br>    at x3dom.registerNodeType.defineClass.fieldChanged.collectDrawableObjects (x3dom-full.debug.js:32327)<br>    at x3dom.registerNodeType.defineClass.collectDrawableObjects.collectDrawableObjects (x3dom-full.debug.js:46583)<br>    at x3dom.registerNodeType.defineClass.fieldChanged.collectDrawableObjects (x3dom-full.debug.js:32327)<br>x3dom.shader.DynamicShader.generateVertexShader @ x3dom-full.debug.js:22205<br>x3dom.shader.DynamicShader @ x3dom-full.debug.js:21756<br>x3dom.Cache.getShaderByProperties @ x3dom-full.debug.js:11989<br>x3dom.gfx_webgl.Context.setupShape @ x3dom-full.debug.js:26038<br>x3dom.DrawableCollection.addShape @ x3dom-full.debug.js:6950<br>collectDrawableObjects @ x3dom-full.debug.js:38123<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:46583<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>collectDrawableObjects @ x3dom-full.debug.js:32327<br>x3dom.gfx_webgl.Context.renderScene @ x3dom-full.debug.js:29181<br>x3dom.X3DDocument.render @ x3dom-full.debug.js:13038<br>x3dom.X3DCanvas.tick @ x3dom-full.debug.js:9915<br>mainloop @ x3dom-full.debug.js:9985<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>requestAnimationFrame (async)<br>mainloop @ x3dom-full.debug.js:9986<br>20WebGL: INVALID_OPERATION: bindFramebuffer: object does not belong to this context<br>x3dom-full.debug.js:27120 Uncaught TypeError: Cannot read property 'transform' of undefined<br>    at Context.x3dom.gfx_webgl.Context.renderPickingPass (x3dom-full.debug.js:27120)<br>    at Context.x3dom.gfx_webgl.Context.pickValue (x3dom-full.debug.js:28432)<br>    at x3dom.X3DDocument.onMouseOver (x3dom-full.debug.js:13122)<br>    at HTMLCanvasElement.onMouseOver (x3dom-full.debug.js:9013)<br>x3dom.gfx_webgl.Context.renderPickingPass @ x3dom-full.debug.js:27120<br>x3dom.gfx_webgl.Context.pickValue @ x3dom-full.debug.js:28432<br>x3dom.X3DDocument.onMouseOver @ x3dom-full.debug.js:13122<br>onMouseOver @ x3dom-full.debug.js:9013<br>6x3dom-full.debug.js:27120 Uncaught TypeError: Cannot read property 'transform' of undefined<br>    at Context.x3dom.gfx_webgl.Context.renderPickingPass (x3dom-full.debug.js:27120)<br>    at Context.x3dom.gfx_webgl.Context.pickValue (x3dom-full.debug.js:28432)<br>    at x3dom.X3DDocument.onMove (x3dom-full.debug.js:13063)<br>    at HTMLCanvasElement.onMouseMove (x3dom-full.debug.js:9069)<br>x3dom.gfx_webgl.Context.renderPickingPass @ x3dom-full.debug.js:27120<br>x3dom.gfx_webgl.Context.pickValue @ x3dom-full.debug.js:28432<br>x3dom.X3DDocument.onMove @ x3dom-full.debug.js:13063<br>onMouseMove @ x3dom-full.debug.js:9069<br></div></div></div>