What is three.js and how to start with it - JS GameDev Summit 2023
· 28:41 · Talks · three.js, react-three-fiber, shaders, game, configurator, tutorial, webgl, three-js
Watch on YouTube · Subscribe to the channel
In this video, I talk about threejs, react three fiber, and how to start learning it.
Link:
____________
Transcription:
I'm a creative developer from Brazil. Let's dive into 3JS game development and how you can start your journey. I combined my 3D modeling skills with my gaming experience and discovered 3GS. It's an open-source JavaScript library that creates 3D interactive experiences on any browser. It abstracts the complexity of WebGL and allows you to extend its functionalities.
React ThreeFiber is a React renderer for Three.js, created by Paul Hanschell in 2019. It offers a more organized and compact approach to building scenes using components. With an extensive ecosystem and helpful resources from other developers, React ThreeFiber allows for a better understanding and usage of the library.
Components in React ThreeFiber are easy to reuse and can be duplicated to create multiple rotating cubes. You can also pass props to change component properties from outside. Drei offers a collection of components like orbit controls and clouds that can be easily imported and added to your project. With over 150 helpers, Dray provides various functionalities for your scenes.
Let's explore some exciting examples of what you can build with React TreeFiber and FreeJS. From journey visualizations to product configurators, these projects showcase the power of FreeJS. You can visit my website or freejs.org for more examples and inspiration. Additionally, I'll share examples of stunning games created using FreeJS, such as Elysium by Blizzard and Choo Choo World by Illusion. Don't miss the opportunity to check out these impressive games and explore the world of creative…