Live version: https://learnwithjason.surge.sh (wait a little for the assets to load)
git clone https://github.com/drcmda/learnwithjason
cd learnwithjason
yarn
yarn start
This is a demo Jason Lengstorf (@jlengstorf) and I (@0xca0a) were building together in a learn-with-jason episode on Twitch. We go into threejs a little, how to install three-fiber, what it is, how to create a simple scene, interaction, animation, game-loop fundamentals, lights, shadows, fog and how to load models.
learn-with-jason: https://www.youtube.com/watch?v=1rP3nNY2hTo
threejs: https://threejs.org
react-three-fiber: https://github.com/react-spring/react-three-fiber
threejs fundamentals: https://threejsfundamentals.org
sketchfab: http://sketchfab.com
blender: https://www.blender.org
blender 2.8 intro: https://www.youtube.com/watch?v=jBqYTgaFDxU
3d asset by Andrey Lukashov (@overlaps)/sketchfab: https://sketchfab.com/3d-models/space-exploration-wlp-series-8-91964c1ce1a34c3985b6257441efa500 GLTF data was compressed to draco via gltf-pipeline.