I am trying to build up my three.js-knowledge by looking at several examples. The problem I ran into is that it seems that three.js is not working the same way on my webspace as it is on it’s own - and I have no clue what could be the problem.
I have only downloaded the three.js-master and uploaded it completely to my webspace. When I now try some examples I get error messages I did not get from looking at the original, e.g.:
Everything fine here: https://threejs.org/examples/webgl_materials_variations_physical.html
But here: https://bobfolio.de/zahn/examples/webgl_materials_variations_physical.html
I get the errors “THREE.MeshPhysicalMaterial: ‘clearCoat’ is not a property of this material.
THREE.MeshPhysicalMaterial: ‘clearCoatRoughness’ is not a property of this material.”
Here it’s fine: https://threejs.org/examples/webgl_materials_translucency.html
Here it stays black with the error “THREE.WebGLProgram: shader error: 0 35715 false gl.getProgramInfoLog Must have an compiled fragment shader attached.”: https://bobfolio.de/zahn/examples/webgl_materials_translucency.html
What am I doing wrong? Are there specific features or settings the webserver has to offer to run three.js? I have tested it in recent versions of Chrome and Firefox.