Buy Now and unlock this series
$
49
.99
$
39
.99
yours forever
$
49
.99
$
39
.99
Become a Pro and unlock everything
$
24
.99
per month
$
24
.99
React Three GUI
In this video, we will talk about another helper plugin for React Three Fiber called React Three GUI. This plugin will allow us to overlay controls over our 3D model and control things such as rotation and position within an interface.
npm install react-three-gui
Downloads
Become a pro to download code and videos
React 3D
22 videos
Course Instructor
Scott Tolinski
- Intro To React 3D
1m31s - Understanding ThreeJS Concepts
13m47s - Understanding React Three Fiber
10m25s - Hello Cube
18m44s - Orbit Controls
10m14s - React Events and State
null - useFrame For Animations
9m33s - React Spring For Animations
9m34s - Primitives
13m31s - Materials
14m40s - Lights Part 1
12m18s - Lights and Shadows
10m34s - Drei
12m46s - React Three GUI
13m37s - useLoader and Image Textures
6m11s - Bump Maps and Displacement Maps
15m35s - Instanced Mesh Part 1
19m37s - Instanced Mesh Animations
10m9s - Loading A 3D Model
12m8s - Integrating Three Fiber Into A Page
4m26s - Landing Page With 3D
9m18s - Where To Go From Here
7m29s
Comments
Ralph
3 months ago
This video is a waste of time. Nothing works with Three GUI. Looking for a solution.
Brad
10 months ago
The slider isn't appearing for me--even when using the course code. Should this be updated to use Leva (https://github.com/pmndrs/leva)?
Thanks
James
almost 2 years ago
@Raul Thanks!
Raul
almost 2 years ago [edited]
@James Controls also needs to be wrapped by ControlsProvider https://github.com/birkir/react-three-gui#usage
James
almost 2 years ago
@Mike How did you get it to show? I have:
Mike
almost 2 years ago
Thanks all for the ControlsProvider tip!
Nick
almost 2 years ago
Xypad is fixed! And can confirm, have to use ControlsProvider wrapper around the canvas in order to get the GUI to work.
Joey
almost 2 years ago
Had to wrap canvas with ControlsProvider to get the GUI to work.
CJ
almost 2 years ago
Yeah! this xypad till broken! đź’© LOL let's see if they fixed it soon, it looks legit!
Francis
about 2 years ago
Hi, you should delete the 'xypad' out of this video, kind of confusing!
Want to join the conversation?
Become a Pro member today!