danial2026/react-three-obj-loader
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Simple app that shows how to use OBJ loader of Three.js with React https://supromikali.github.io/react-three-obj-loader/
9 commits 3 branches 0 tags 2.9 MiB
Find a file
Exact
Alexander Solovyev 6ba005541d display Three Model loading progress in React app
2020-04-12 10:27:23 +03:00
public initial commit 2020-04-05 09:07:04 +03:00
src display Three Model loading progress in React app 2020-04-12 10:27:23 +03:00
.gitignore Initial commit 2020-04-05 08:59:37 +03:00
LICENSE initial commit 2020-04-05 09:07:04 +03:00
package-lock.json update React to @latest 2020-04-05 09:36:38 +03:00
package.json update React to @latest 2020-04-05 09:36:38 +03:00
README.md display Three Model loading progress in React app 2020-04-12 10:27:23 +03:00

README.md

The goal of this repo is to showcase how to use Three.js OBJ Loader inside of a simple React component.

Live Demo

Deployed to Github Pages: https://supromikali.github.io/react-three-obj-loader/

Preview

Screenshot from 2020-04-05 09-07-41

App Features

  • loading an OBJ Model into a scene
  • Three.js OrbitControls integration
  • scene resize on window resize
  • display loading progress on Three Model in React app

How to Run an App Locally

This demo app uses react-scripts, so to run the app locally just type in your terminal: npm install && npm start and the app should start in your browser at http://localhost:3000