# Creating Powerful Scene Controls with React Three Fiber & Three.js

> One of the best things about building interactive experiences with is the creative freedom it unlocks.

Canonical page: https://andersonmancini.dev/videos/creating-powerful-scene-controls-with-react-three-fiber-and

Published: 2026-05-30 · Duration: 2:42 · Category: Projects · Tags: three.js, react-three-fiber, shaders, tutorial, webgl, creativecoding, reactthreefiber, shaderart

Watch: [YouTube](https://www.youtube.com/watch?v=ddRdRE2ghyU) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

One of the best things about building interactive experiences with is the creative freedom it unlocks.

In this video, I’m showcasing some of the custom scene controls I built, allowing the environment to be transformed in countless ways in real time. What I enjoy most is that these debug tools also become a great way to share the process behind the work, making it easier to understand how everything was designed and developed. I've learned a lot when other developers share how the project was constructed. So I decided to share a bit on how it works behind the scenes.

You can explore these debug parameters yourself here:

If you’re curious about any specific part of the project or want to know how something was built, drop a question in the comments. I’m always happy to share insights from the development process.

## Links from the video

- [Live demo](https://cerealbnb-demo.vercel.app/)