Vibe Coding a 3D GAME in React Native and ThreeJS (with AI)

👉 Get started with Genezio for free: https://bit.ly/3FwHvR5
❗️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo: https://www.notjust.dev/react-native-mastery

In this video, we're trying something new called vibe coding where we build something just by prompting AI. You’ll learn how to build a 3D game in React Native and Three.js, without writing every line of code yourself. Instead, you’ll use AI to generate and refine code while shaping your own version of a sandbox style game inspired by Minecraft. Let’s see how far we can go with AI-driven game development!

📚 Source code: https://github.com/notJust-dev/VibeCraft

📝 This video includes a lot of tools and technologies, providing an excellent opportunity to learn:
👉 How to build a 3D game in React Native using Expo and Three.js for WebGL-powered graphics.
👉 How to leverage AI for game development by prompting it to generate and refine code.
👉 How to implement interactive 3D worlds using react-three-fiber in a mobile app.
👉 How to use Expo for development and deploying cross-platform (iOS, Android, and web).
👉 How to create procedural environments in a voxel-style game similar to Minecraft.
👉 How to handle game logic and user input in React Native with touch and gesture controls.
👉 How to integrate physics and animations to bring life to your game world.
👉 How to optimize rendering performance for smooth gameplay on mobile devices.
.. and MORE!

💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions

💬 Join the notJust Development gang and let's build together:
Twitter: https://twitter.com/VadimNotJustDev
Instagram: https://www.instagram.com/VadimNotJustDev
Facebook: https://www.facebook.com/notjustdev
LinkedIn: https://www.linkedin.com/in/vadimsavin
Discord: https://discord.gg/VpURUN2

Timecodes:
0:00 Intro and Project Overview
4:50 Initialising a New Project
8:36 Setting up Three.JS in React Native
19:10 Creating a Basic World
28:18 Adding Joysticks, Movement and Rotation
36:57 Adding the Sky and Fog
41:10 Adding Physics
45:54 Adding different Block Types
51:42 Moving to Gesture Handler
1:02:00 Moving to React Native Reanimated
1:26:45 Fixing the Joysticks and Jumping
1:36:57 Adding more Blocks and Better Lighting
1:51:55 Highlighting clicked block
2:22:43 Implementing Destroy Blocks Feature
2:31:30 Improving the Rotation
2:48:30 Fixing the Block Destroy Indicator
2:51:30 Creating the Inventory HUD
2:54:57 Trying to Implement the Building Feature
3:11:53 Implementing Building Feature
3:21:58 Building a Dirt "House"
3:24:04 Trying to Generate a Bigger World
3:35:05 Adding Trees to the World
3:55:32 Game Demo and Outro

#notjustdev #threejs #reactnative