Hey everyone,
I’m working on a small three.js project where I’m trying to load or display external interactive pages inside a scene, kind of like an embedded panel or WebView. I was experimenting with something like the telenor learning quiz.
The problem is that when I try to load it into a three.js environment, parts of the page don’t render correctly or the interaction just breaks. Sometimes it’s blocked by CORS, sometimes the fonts and layout don’t show, and other times the page loads but buttons don’t respond.
I’m trying to figure out whether this is a three.js limitation, a browser security restriction, or something about how that quiz page delivers its assets. Has anyone here dealt with embedding or rendering third-party interactive sites inside three.js before? Are there best practices for handling cross-origin content, fonts, and scripts in this kind of setup?
Would love to hear how others approach this.