🚀 Just launched the beta version of the new React Three Fiber Ultimate Guide landing page!
I'd love to hear your feedback as I continue to improve it.
Explore and dive into the chapters here 👇
The React Three Fiber video tutorial is live 🎉
Learn how to use:
- MeshPortalMaterial from Drei
-
@BlockadeLabs
amazing Skybox AI tool
Watch it here 🔗
Thanks a lot to
@0xca0a
for his great examples and
@quaternius
for the awesome free 3D models 🙌
🚀 Today marks the official launch of React Three Fiber: The Ultimate Guide to 3D Web Development.
Your upvote on ProductHunt would mean the world to me and help more developers discover this course.
You'll also find an exclusive 30% discount coupon 🎉
"React Three Fiber: The Ultimate Guide to 3D Web Development" alpha version is now live 🚀
$̵5̵0̵ ➡ $37.5
Get 25% off with the promo code ALPHA25 before Sunday 23:59
Free lessons & preview available before purchase 👇
Landing/video tutorials coming soon
Learn how to build a 3D Book Slider with Threejs and React Three Fiber 🚀
Watch the video tutorial here 👉
Sorry for the delay, my dear covid friend doesn't want to leave me... 😷
🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber!
🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free!
Be the first to redeem it 👉
Impatient to release the new React Three Fiber Ultimate Guide lessons!
Who can find what lesson this project is related to? 🙋♂️
ETA: 2 weeks, I'm doing my best to create the best projects 🙏
Learn how to create an AI Japanese Language Teacher with
@threejs
,
@nextjs
,
@OpenAI
, and
@Azure
⛩️
I have worked with talented creators from
@fiverr
to make unique 3D models for this project 🔥
Watch the full video 👉
Let's build a multiplayer card game with React Three Fiber &
@joinplayroom
🃏
- Stream screen as the game board
- Players join the room & play with their phones
- 3D Assets from
@quaternius
- Cards generated with
@LeonardoAi_
Learn & create your own 👉
Just released the 3 first lessons of the upcoming shader chapter on React Three Fiber the Ultimate Guide 🚀
To become friends with shaders 👉
(Video versions will come soon)
Why should online shops always be a simple list of products?
With 3D websites, we can create true experiences to immerse our visitors 🛍️
Tutorial on how to create the project and full 3D text effect with React Three Fiber will be released tomorrow ⏰
The 4th part of react three fiber tutorial is live 🚀
It includes:
- Avatar animation based on the scroll through the different sections
- 3D projects slider section
- Background color animations with gsap
- Video texture into the computer screen
🔗
Let's learn how to build a 3D Chatbot with ChatGPT,
@elevenlabsio
, and Three.js 🚀
Thanks to
@readyplayerme
for the high-quality Lipsync-ready avatars 🔥
The video tutorial with a very surprising intro🕺 👉
Next week will be the final episode of our React Three Fiber multiplayer game 🚀
We'll add a chat, lobby/room system, save, password, some polish & deploy it! ✨
Let's all meet in the party room 👩💻👨💻
6 new lessons have been added to React Three Fiber: The Ultimate Guide to 3D Web Development 🚀
(Text version only -> videos will be released in ~1 week)
Can you guess what this one is about? 👇
Let's discover 6 techniques to transform a desktop-based 3D website into a responsive one that looks great on mobile/tablet 🚀
🔗
PS: I had a lot of fun preparing the starter project with the new Pirate pack from
@quaternius
🏴☠️
The Shader Chapter arrives on React Three Fiber: The Ultimate Guide to 3D Web Development 🚀
🎟️ Get 30% off with the promo code SHADERS (Valid until June 1st)
Part 2 of the Multiplayer Sims-Like game with React Three Fiber &
@SocketIO
is live 🚀
We'll set up a generic grid system to position our items for later being able to:
- Use path-finding to move our characters
- Create a room builder
Watch it here 👇
drei/meshportalmaterial can now be entered with a single prop, "blend". it will have lots of creative potential, for spatial UI and the meaning of "routes".
made a small showcase using models from my fav designer on sketchfab
@FaruqTawsif
sandbox
React Three Fiber the Ultimate Guide Shader chapters update:
✅ Writing
⏳ Recording 1/5
📅 Release 05/10
Here is a preview from the transitions lesson.
Between Scenes 👇
What is better than a video tutorial of Wawa Sensei?
Join me this July 4th for a React Three Fiber coding workshop in Tokyo 🚀
Either you want to learn or just having a great time together, book your slot here 👇
Let's reveal the Core section from React Three Fiber Ultimate Guide. I made a few updates/fixes:
- Less laggy transitions between chapters (not perfect yet but way better)
- Enhanced dynamic lighting per chapter
Discover it here 👉
Are you ready to learn how to build a multiplayer mobile game with React Three Fiber and
@joinplayroom
? 🚀
Watch the video tutorial👉
PS: My intros are getting better and better... No? 🤭
I'm back! 🎉
As the top talent
@Andersonmancini
requested, discover how to build a simple third-person controller with React Three Fiber!
It handles keyboard,mouse, touch events, and reproduces Coastal World movement system 🏝️
👉
We've made it, +10k subscribers on YouTube! 🎉
Motivated as ever to produce more and better content!
Thanks to all of you for being part of the journey 😍
The video tutorial is live 🚀
Can't wait to see what 3D slideshows you'll build with that technique!
I'd love to know what you think of this new video format between live coding and theory/explanations.
Here is the link 👉
After weeks of preparing the Shader chapters' projects for React Three Fiber: The Ultimate Guide to 3D Web Development, I just finished writing the first lesson 🙌
It will accelerate from now on, be prepared to see screenshots and videos 🚀
Now have a proper office in Tokyo, the background of my videos is going to change 🗼
Had to do this move for my business manager visa application, if you have any questions feel free to ask!
PS: it's the beginning of the visa process, no champagne yet
Kana Game React Three Fiber tutorial is now complete 🚀
No more excuses for not knowing how to read hiragana and katakana 🤭
Learn how to build it 🔗
Play it 🔗
Preparing a tutorial on shaders with three.js and R3F to create Rocket League animated decals style on a Tesla Cybertruck 🚙
@elonmusk
is this feature on the roadmap?
Part 3 of Wawatmos React Three Fiber tutorial is live 👇
The program:
- Final text & clouds
- Camera rail animation/slow movement near text sections
- Gradient colors animation
- Fading effect on clouds, texts, and the curve
- Noise (postprocessing effect)
Working on a new three.js / r3f tutorial :
- Camera positions & animations
- Character customization
- Facial expressions (MorphTargets using ShapeKeys)
- Saving the current scene into an image
Should be live Monday! 🔥
As promised, my video tutorial about shaders with three.js (R3F) is now live 🔥
Can't wait to see your beautiful Rocket League style decals on a CyberTruck 🙌
Master the art of Shaders in those 13 new lessons 🔥
Through these 19 hours of videos, you’ll learn some of the most mesmerising effects you wouldn’t be able to create without shaders.
Use the “shaders” code for a 30% discount (next 72 hours only)
Let's learn together how to build transitions between 3D scenes with Three.js & React Three Fiber 🚀
I prepared a starter project 👉
Practice & submit your best transitions for next week video 🙌
The video is live! 🚀
Discover the final version of our multiplayer React Three Fiber game 👉
You can also try it here 👉 thanks to
@elest_io
for the hosting and CICD 🔥
Next week will be the final episode of our React Three Fiber multiplayer game 🚀
We'll add a chat, lobby/room system, save, password, some polish & deploy it! ✨
Let's all meet in the party room 👩💻👨💻
♣️ Ladies & Gentlemen, I'm proud to share with you the project I've been working on for the last 3 months with the amazing
@DecentralGames
team 🃏
PS: Yes, it's made with React Three Fiber 🚀
BAG CITY IS LIVE 🚨
The online casino experience you’ve been waiting for.
Welcome to Bag City: an immersive 3D world where you can degen with your friends from the comfort of your home.
Come play your favorite games, host your own private poker nights, and get a social
Make your dreams come true and add Wawa Sensei photo on top of all your favorite items: Mugs ☕️, T-Shirts 👕, Lingerie... 👙
To learn how to add images onto 3D objects, it's this way 👉
PROJECT : Mario Kart 3.js ! 🏎️
Are you ready to challenge your friends in an online web based multiplayer Mario Kart like ?
Today's feats :
✅ Improved visuals and lightings ✨
✅ Improved handling for driving 🚗
✅ Drift, mini-turbo 🔥
✅ Mouse steering 🖱️
#r3f
#buildinpublic
Hi, Wawa Sensei here! 👋
🧑💻 I am a:
• Developer
• Content creator
• Community builder
• Indie hacker
🚀 Here I talk about:
• Coding
• Building in public
• Daily life in Tokyo
❤️ Hit the follow button if you want to learn & have fun with me
This Friday we'll start the room editor! 🛏️🛋️ 🛀
After that there will be at least 2 more videos before finishing our React Three Fiber Online Sims:
- Items shop
- Character customization (maybe using Ready Player Me SDK)
PS: Do you also want a cozy toilet place in your home?
Bought the new iPad Pro 🚀
I plan to use it for:
- 3D modeling (NomadSculpt)
- Texture painting (Procreate)
- Explain overlay on my YouTube videos (GoodNotes/Notability)
The final result of the PostProcessing lesson from my "Getting Started with React Three Fiber" course!
The beta text version of the course should be live this week 🚀
#buildinpublic
Launching a new video format named 3D Snippets 🚀
Focused on one chunk of a bigger project, these short tutorials will give you more techniques to apply in your next Three.js and React Three Fiber projects!
Here is the first episode 👉
Every good multiplayer game starts with a memorable lobby! It's where you gather your friends before starting the fun 🔥
Learn how to create a multiplayer car game with R3F &
@joinplayroom
👉
(
@Lunakepio
do you need help on MarioKart3JS lobby? 🤭)
This week we'll learn how to make those nice image transition effects with React Three Fiber! 🚀
Credits to the r3f examples 🙏
🤖 Photos generated with
@LeonardoAi_