Wawa Sensei Videos
Learn Threejs with React through project-based video tutorials.
Build a 3D Avatar Builder with Threejs and React - Full Course
Learn how to build a 3D Avatar Creator with Three.js and React Three Fiber from scratch!
Make a 3D Avatar Builder w/ Threejs and React - Part 7: Post Processing
Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this seventh and final part, we will add a bloom post-processing effect, a loading screen, animated model transitions, and a process to optimize the final GLB file
Make a 3D Avatar Builder w/ Threejs and React - Part 6: Camera Controls
Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this sixth part, we will add camera controls to always look at the part we're adjusting and a photo booth mode to change our character poses and take screenshots šø
Make a 3D Avatar Builder w/ Threejs and React - Part 5: Asset Creation
Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this fifth part, we will prepare a custom asset from scratch, compatible with our builder, generate high-quality thumbnails, and add a lock mechanism š
Make a 3D Avatar Builder w/ Threejs and React - Part 4: Color Picker
Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this fourth part, we will add a custom color picker, enhance the UI, and add a randomize button šØ
Make a 3D Avatar Builder w/ Threejs and React - Part 3: Composition
Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this third part, we will assemble 3D assets to generate and download our animated 3D model.
Make a 3D Avatar Builder w/ Threejs and React - Part 2: PocketBase
Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this second part, we will use PocketBase as our Backend as a Service solution and Zustand for our global store.
Make a 3D Avatar Builder w/ Threejs and React - Part 1: Project Setup
Learn how to build a professional avatar builder with Three.js and React Three Fiber!
Fix Loading Model Freezes with Three.js & React
Learn how to optimize your gltf models and textures to get rid of the loading freezes when loading Three.js / React Three Fiber scenes!
Boids Flocking Simulation with Three.js & React
Learn how to build an amazing Boids Flocking Simulation landing page with Three.js and React Three Fiber
Build a 3D Book Slider Landing Page with Three.js & React
Learn how to build an amazing 3D Book Slider landing page with Three.js and React Three Fiber
Wiggle Bones Threejs Library w/ React Three Fiber
In this 3D Snippet, learn how to use the amazing Wiggle Bones Threejs Library with React Three Fiber
Third Person Controller React Three Fiber Tutorial
In this 3D Snippet, learn how to recreate the stunning Coastal World aesthetics using Three.js, React Three Fiber and Blender.
Coastal World Aesthetics with React Three Fiber
In this 3D Snippet, learn how to recreate the stunning Coastal World aesthetics using Three.js, React Three Fiber and Blender.
Make a Multiplayer Fall Guys Clone with React Three Fiber
Let's learn how to make a Fall Guys game clone in this React Three Fiber/Three.js Tutorial.
3D Food Delivery App with React Native and React three Fiber
Let's learn how to create a 3D Sandwich Configurator with React Native, Expo, Three.js and React three Fiber through this step-by-step video tutorial!
Build a 3D AI Teacher w/ Next.js, ChatGPT & Azure
Let's learn how to make a 3D Multiplayer Car Game with JavaScript with React Three Fiber and Playroom
Build a Multiplayer Game Lobby with R3F & Playroom
Let's learn how to make a 3D Multiplayer Car Game with JavaScript with React Three Fiber and Playroom
Let's Fix Your React Three Fiber Projects
Let's dive into the most common issues you face during my React Three Fiber Tutorial and fix them together
Build a Multiplayer Card Game w/ React Three Fiber & Playroom Stream Mode
Let's learn how to make a 3D Multiplayer Card Game with JavaScript with React Three Fiber and Playroom Stream mode
Building a 3D TikTok Live Game with React Three Fiber & Playroom
Let's learn how to make a 3D live game for TikTok with Playroom and React Three Fiber! š
Step-by-Step Guide to Mesmerizing 3D Text with React Three Fiber
Let's learn how to make a shopping landing page with an amazing 3D Text effect with React Three Fiber
How to Create Shader Transitions with React Three Fiber and Lygia (PART 2)
Let's learn how to create transitions between 3D scenes with Three.js and React Three Fiber using Shaders and Lygia library
How to Create Scene Transitions with React Three Fiber
Let's learn how to create transitions between 3D scenes with Three.js and React Three Fiber
6 Techniques to Make Any 3D Website Responsive
Let's learn how to make any 3D website responsive with 6 ready to use techniques.
React Three Fiber Tutorial: How to Apply Images to 3D Objects
Let's learn how to create personalized 3D products such as mugs, t-shirts, bags, or any complex 3D shape by applying image textures.
React Three Fiber: The Ultimate Guide (Update & Discount)
React Three Fiber: The Ultimate Guide to 3D Web Development has 6 new lessons
Build a 3D Multiplayer Mobile Shooter Game with Playroom and React Three Fiber
Let's learn how to build a 3D Multiplayer Mobile Shooter Game easily with Playroom and React Three Fiber
How to Build a 3D Chatbot with ChatGPT & ElevenLabs
Let's learn how to build a 3D Chatbot powered by AI with ChatGPT, ElevenLabs, and ReadyPlayerMe Avatars.
React Three Fiber: The Ultimate Guide to 3D Web Development
Learn how to build 3D websites and games with Three.js and React Three Fiber through my online course š
How to Build a 3D Slideshow with React Three Fiber
Let's learn how to build a 3D Slideshow between 3D scenes using Three.js with React Three Fiber
I Built a Multiplayer Sims Game with Javascript
Welcome to the final episode of our multiplayer Sims-like game with React Three Fiber, Three.js, and Socket.io! š
Three.js Multiplayer Game Tutorial Ready Player Me
Let's add the avatar configurator from Ready Player Me SDK into our online Sims-like multiplayer game
Multiplayer Game Tutorial with R3F & Socket.io: Shop
Let's add the shop feature into our online Sims-like multiplayer game with React Three Fiber and Socket.io
Multiplayer Game Tutorial with R3F & Socket.io: Room Builder
Let's add the room edition feature into our online Sims-like multiplayer game
Multiplayer Game Tutorial with R3F & Socket.io: Pathfinding
Let's add pathfinding movements into our online Sims-like multiplayer game with React Three Fiber and Socket.io
Multiplayer Game Tutorial with R3F & Socket.io: Grid System
Let's continue to build our online Sims-like multiplayer game with React Three Fiber and Socket.io
Build a multiplayer game with React Three Fiber and Socket.io
Let's learn how to use Socket.io to make a multiplayer 3D game with React Three Fiber
Mesh Explosion Effect
Let's learn how to explode 3D meshes with React Three Fiber, Three.js, and Blender Cell fracture addon
Lip Sync
Let's learn how to add LipSync on Ready Player Me with React Three Fiber and Three.js
Dissolve Effect
Let's learn how to build a dissolve shader material to make 3D objects appear and disappear with React Three Fiber and Three.js
Hover Image Transition Effect
Let's learn how to build an amazing transition effect on hover using shaderMaterial with React Three Fiber and Three.js
Mesh Portal Material
Let's build 3D portal worlds with React Three Fiber and the incredible MeshPortalMaterial from the Drei library!
Build a 3D Portfolio with React Three Fiber - Responsive
Let's focus on responsive with React Three Fiber and three.js
Build a 3D Portfolio with React Three Fiber - Projects Slider
In this final part we will finish building our 3D portfolio with React Three Fiber.
Build a 3D Portfolio with React Three Fiber - Framer Motion Scroll Animations
Time to build the HTML interface and add scroll animations with framer-motion on our 3D portfolio
Build a 3D Portfolio with React Three Fiber - Blender Baking
Let's continue building our 3D portfolio with Three JS and React Three Fiber in the style of David Heckhoff.
Build a 3D Portfolio with React Three Fiber - Avatar animations
Let's build a 3D portfolio with Three JS and React Three Fiber in the style of David Heckhoff.
How to Create a 3D game with React Three Fiber: Part 3 - Character animations
Let's finsh to create our Hiragana and Katakana 3D game with threejs and React Three Fiber
Create a game with React Three Fiber: Part 2 - Collisions & Menu
Let's continue to create our Hiragana and Katakana game with threejs and React Three Fiber
Create a game with React Three Fiber: Part 1 - Zustand
Let's create a game with threejs and React Three Fiber to learn Japanese characters Hiragana and Katakana.
React Three Fiber Tutorial - Rapier Physics Engine
How to use Rapier Physics Engine with React Three Fiber?
Reproduce Atmos Awwwards 3D Website with React Three Fiber
The complete tutorial is now live, it includes the four parts and some additional content
Recreating Atmos 3D Website with React Three Fiber: Part 4 - UI & Responsive
Let's finish to reproduce the Atmos website using threejs and React Three Fiber.
Recreating Atmos 3D Website with React Three Fiber: Part 3 - Effects
Let's continue to reproduce the Atmos website using threejs and React Three Fiber.
Recreating Atmos 3D Website with React Three Fiber: Part 2 - Environment Map
Let's contenu to reproduce the Atmos website using threejs and React Three Fiber
Recreating Atmos 3D Website with React Three Fiber: Part 1 - Curved Path
Let's try to reproduce the Atmos website using threejs and React Three Fiber.
Making our React Three Fiber Scene Looks Better
Let's edit our animated scene to make it look more professional!
Spring animations with React Three Fiber
How to create a custom loading screen progression using threejs with React Three Fiber?
Create a custom Loading Screen with React Free Fiber
How to create a custom loading screen progression using threejs with React Three Fiber?
How to create animated shaders with three.js
Discover what are shaders and how to create custom shader materials
React Three Fiber tutorial - 3D Table Configurator
How to build a 3D product configurator? Together we will build a table configurator using threejs with React Three Fiber.
Thank you Twitter...
I started one month ago, building around the Twitter API and focus on discovery to be able to create trendy content based on the niche we want to target AND Boom very bad news happened...
Special Quest in Akihabara - Indie Hacker's Journey
In this vlog in Tokyo, I take you with me into Akihabara for a special quest...
React Three Fiber tutorial - Scroll Animations
Discover how to load a 3D model and animate it based on the current user scroll.
How to choose a Tech Stack for a project: Indie Hacker's Journey
Welcome to the second episode of my Indie Hacker's Journey. In this video, I will share with you the process I followed to decide on the frontend and backend languages and frameworks I choose to start building my Micro SaaS project.
How to Find a Micro SaaS Idea: Indie Hacker's Journey
Welcome to this first episode of Indie Hacker Journey. In this video I will share with you the process I followed to find my Micro SaaS Idea and took my decision to start building a product.
React Tailwind CSS Tutorial - Introduction, Basics & Responsive Design
In this video, we'll be diving into the world of Tailwind CSS and how to use it in your React projects. We'll start by discussing what Tailwind is and why it's so powerful, before moving on to how to set it up and start using it in your React components.
How to Deploy a React App to Vercel in 120 seconds
In this video I will show you how to build and deploy a production ready React application into Vercel. I used the React Three Fiber project we built together in the Character Configurator tutorial.
What Is ChatGPT And How To Use It To Become A Better Developer
What is ChatGPT? As a developer how can you use it to write faster and better code? Should we be scared of it?
How to create a 3D NFT collection with Three.js
Welcome to the full tutorial that you will need to create a unique collection of 3D NFTs and upload them onto Polygon or any Ethereum-compatible blockchain.
Create a Character Configurator Screen with Three.js and React Three Fiber
Learn how to create a character configurator screen using Three.js and React Three Fiber
How to animate 3D models with Three.js / React Three Fiber
Let's animate our 3D model using Three.js with React Three Fiber.
How to become a developer in 2022? Full Roadmaps
Become a developer by following high quality roadmaps āØ
How to Use Three.js to create a 3D Product Configurator
Let's build together a 3D Product Configurator using Three.js with React Three Fiber. To follow the tutorial you will need to understand the basics of React hooks, but you should be able to reproduce easily.
What is Open Source?
Discover what Open Source means in software development.
Create a diagonal background effect with transform property skew
Discover the CSS transform property value named "skew" to create diagonal background effects.
I quit my job to build my startup - Vlog at Web Summit 2022
After building many projects for startups, it's time to go back in the game of creating mine. I have tons of ideas, but I will soon have a decision to make on which one I work on.
As a Developer, How Can You Use Notion to Progress More Effectively?
As a developer you need to learn a lot of new concepts, languages, frameworks, algorithms that it can be very quickly confusing to keep your focus and retain all those knowledges.
5 Soft Skill Areas Every Developer Should Master
Being a good software developer is not just about writing high quality code. It involves a lot of other aspects named soft skills that you can improve over time that will help both you and your team to become better.
How to create an amazing profile with GitHub
Learn how to create an amazing profile page with your GitHub Readme. I'm going to show you how it works to customize it at your will
How to build a Dapp - Model the Infinity tower with Three.js (React Three Fiber)
How to render web3 data from your smart contract into 3D in your website using Three.js and React Three Fiber ?
How to build a Dapp - Interacting with a smart contract using React and Ethers / useDApp
In this second video we create a frontend with React and interact with the deployed smart contract using Ethers library and useDApp framework.
How to build a Dapp - Writing your first solidity contract
How to build a decentralized app (Dapp) using Solidity, Truffle, Ethers and Three.js? This 3 videos tutorial will help you create your first Smart Contract, deploy it to the blockchain and interact with it using React and useDapp.
Hello(world) Developers | Channel Update
Hello developers, A quick update to you about what hot topics are coming in the next videos but also an explanation about why I decided to switch the channel from french into english content.