WEBGL Integration to Webflow page

Dear Webflowers,

Anyone can help in understanding how to integrate this specific 3D Webgl into a page?

Demo
Source

1 Like

I’ve added a cloneable version.
Can anyone tell me what im missing with the code?

Anyone?
@samliew @vincent @crafts_co @Revolution

Always check console when programming with custom code.

If in doubt, contact Webflow experts for a consultation.

hmm… I get a message when viewing the demo

Your graphics card does not seem to support WebGL.
Find out how to get it here.

And the two… provided link (from the error message above - not your post) don’t work either


so manually visiting the link produces yet another message :frowning:


Hmm. While your browser seems to support WebGL, it is disabled or unavailable. If possible, please ensure that you are running the latest drivers for your video card.


Now that I’ve got the clone…

What @samliew said is correct. Check the console errors.

Refused to execute script from ‘https://github.com/mrdoob/three.js/blob/master/build/three.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.
nir-clone.webflow.io/:1 Refused to execute script from ‘https://github.com/mrdoob/three.js/blob/master/examples/js/libs/dat.gui.min.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.
nir-clone.webflow.io/:1 Refused to execute script from ‘https://github.com/mrdoob/three.js/blob/master/examples/js/Detector.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.
nir-clone.webflow.io/:1 Refused to execute script from ‘https://github.com/mrdoob/three.js/blob/master/examples/js/libs/stats.min.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.
nir-clone.webflow.io/:71 Uncaught ReferenceError: Detector is no

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.