three.jscross-domainwebglaframesame-origin-policy
Aframe / Three.js Tainted canvases may not be loaded
Im building an app with Aframe that requires fetching images saved onto AWS.
I was getting consistent cors rejection, and after resolving that, my images are passing cors but SOMETIMES they are not, I then utilized asset caching to render the images and the error has changed from mentioning cors to Tainted canvases
Im thinking that cors is effected by the clients internet speed or location?
Im also using aframe react and im wondering if react-rerenders on startup are causing the issue.
Solution
Make sure to have <img crossorigin="anonymous"> set, and try without the React layer (which I don't recommend using anymore for perf and scalability reasons for VR, and seeing it mishandled most of the time).
- How to write right repeat texture with three.js
- What’s the difference between linear depth, perspective depth, and orthographic depth?
- How to project a rectangle onto a Mesh/Terrain object, for use as a select marquee? (in three.js)
- OrbitControls in ThreeJS not working with import map
- Error compiling fragment shader in Three.js: 'texture' not found
- OrbitControls of THREE.js displaying error
- Angular2 using threejs Orbitcontrols
- Get euler rotation from Quaternion?
- Three.js breaks when trying to import OrbitControls.js
- How to get Orientation of Camera in THREE.js
- THREE.SpriteAlignment showing up as undefined
- Threejs Phone rotate on scroll with react-three/fiber
- Get he mesh from the DracoLoader of ThreeJS
- InstancedMesh with unique texture per instance
- What is the URL for three.js to include it online?
- Glossy materials in THREE.js
- How To Animate Camera.lookAt using Three JS
- Can't clone() Texture
- How to center a THREE.Group based on the width of its children?
- Meshes overlapping with sin() and cos() animation
- ThreeJS predefined shader attributes / uniforms
- How can I use ThreeJS in my Android app , or is there any library similar and powerful like three js
- Error: R3F: AndroidProgressBar is not part of the THREE namespace! Did you forget to extend?
- Three.js - How can I calculate the distance between two 3D positions?
- Three.js | OrbitControls | How to change center?
- Rendering a large number of colored particles using three.js and the canvas renderer
- Add custom event to Object3D
- built dose not shoot straight in three.js
- Three.js - move custom geometry to origin
- React Three Fiber, How to track mouse movement