Three.js hurts your brain? Try react three fiber! Let’s make a solo ping-pong game
Date: June 23, 2023 2-4pm
Format: Hybrid (In-person with online access)
Tags: #three js • #react • #3d • #web development • #Three.js • #code
If you've ever struggled with the complexities of regular three.js, fear not, because react-three-fiber is here to save the day. This powerful tool makes 3D programming more intuitive and less brain-busting. With react-three-fiber, you'll be amazed at how you can achieve the same results with less code compared to using three.js alone.
react-three-fiber is a React renderer for three.js, allowing you to build your scenes declaratively using reusable, self-contained components that effortlessly react to state changes and seamlessly integrate with React's vast ecosystem.
If you have a chance, please signup for an account at https://codesandbox.io/
In addition, you can download VSCode for faster code completion. https://code.visualstudio.com/download
And plus, save this link as we are going to need it in the session: https://codesandbox.io/p/sandbox/r3f-demo-ping-pong-forked-n895rk
In this session we're going to make a very simple solo ping-pong game, preview here: https://pingpong-demo.vercel.app/
So, let's dive in and unlock a whole new dimension of interactive web experiences!