Skip to content
Learn how to use theejs in react using react-three-fiber πŸŽ‰
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 8c43b72 Sep 8, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public finetuning Sep 6, 2019
src loading bar Sep 8, 2019
.gitignore Initial commit from Create React App Sep 5, 2019
README.md Update README.md Sep 6, 2019
intro.jpg update intro pic Sep 6, 2019
package.json quick access shadowmap Sep 6, 2019
yarn.lock quick access shadowmap Sep 6, 2019

README.md

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

What's this?

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.

Links

learn-with-jason: https://www.youtube.com/channel/UCnty0z0pNRDgnuoirYXnC5A

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

Attributions

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.

You can’t perform that action at this time.