Videos Old Videos 🇫🇷 Courses Contact

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

Preview

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.