www.wawasensei.dev Open in urlscan Pro
2a06:98c1:3120::9  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Videos Old Videos 🇫🇷 Courses Contact


Discover React Three Fiber: The Ultimate Guide to 3D Web Development, the course
to start creating 3D websites 🚀

Preview


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.

WawaSensei 2023 © All Rights Reserved
React Three Fiber: The Ultimate Guide to 3D Web Development