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
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 Update 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

Live version: (wait a little for the assets to load)

git clone
cd learnwithjason
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.





threejs fundamentals:



blender 2.8 intro:


3d asset by Andrey Lukashov (@overlaps)/sketchfab: GLTF data was compressed to draco via gltf-pipeline.

You can’t perform that action at this time.