Skip to content

supromikali/react-three-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Maintainability

This repo is a source code for my article published on codeburst.io https://codeburst.io/react-16-three-js-integration-tips-2019-b6afe19c0b83

Minimal Three.js Wrapper for React

The goal of this repo is to showcase how to integrate Three.js into a React app with minimal efforts and without extra packages installed.

Live Demo

https://31yp61zxq6.codesandbox.io/

App Features

  • render a scene inside of React app
  • Three.js OrbitControls integration
  • scene resize on window resize

How to Use Three OBJ Loader

Here is another repo based on current one that has an example of Three OBJ Loader integration https://github.com/supromikali/react-three-obj-loader

Preview:

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

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