drei
drei copied to clipboard
Cloud image file TIME_OUT
-
threeversion: 0.146.0 -
@react-three/fiberversion: 8.9.1 -
@react-three/dreiversion: 9.86.0 -
nodeversion: 20.7.0 -
npm(oryarn) version: 10.1.0
Problem description:
I am getting error while integrating clouds.
Relevant code:
<Cloud segments={40} bounds={[10, 2, 2]} volume={10} color="orange" />
Suggested solution:
I looked as the error logs. Looks like https://raw.githubusercontent.com/pmndrs/drei-assets/9225a9f1fbd449d9411125c2f419b843d0308c9f/cloud.png is missing
seems to load for me, but in any case, copy the cloud into your /public dir and use <Canvas texture={useTexture("cloud.png")} that's the safest and you wouldn't be beholden to fragile cdns.
ps, if you're using windows there are reports that anti virus is going rogue and blocking random web assets.