Want to build your own VTuber studio on the web? Thanks to modern tools like Three.js, VRM models, and Mediapipe, creating an interactive 3D avatar that mimics your facial expressions is totally possible—even in your browser. In this guide, we’ll go ...
Add visual effects, particles, and trails to your 3D web apps with ease with wawa-vfx engine. wawa-vfx is a lightweight, composable, and performance-focused visual effects engine tailored for React Three Fiber. Ideal if you're building a game, a prod...
In this tutorial, you’ll learn how to create a clone of the mobile game Crossy Road with React Three Fiber. In a previous tutorial, I taught you how to build this game using Three.js and vanilla JavaScript. And here, you’ll learn how to make the same...
Next level on the web for beginners. Table of Contents Introduction What You Need to Know Why Use a Canvas for 3D? Understanding the Canvas What Is an HTML Canvas? How 3D Rendering Works on the Web Introducing Three.js and React Three Fibe...
Remember that pizza-filled text from my last post? Well, today we're taking that delicious inspiration to a whole new dimension. The third dimension to be exact! Instead of just filling text with pizza, we're going to be cooking up an extra-large, in...
Three.js is a powerful JavaScript library that allows you to render 3D objects in a browser. It's perfect for creating interactive 3D scenes without requiring heavy desktop applications. In this blog, I'll walk you through the process of creating a s...
Introduction The digital world is evolving at a rapid pace, and one of the most captivating advancements is the rise of 3D web development. Once reserved for high-end video games and movie production, 3D elements are now becoming integral to everyday...
Introduction Recently, I needed to implement this first person controls feature in a 3D web app. Off course, it was the demand of UX designers and I simply couldn't say 'no', actually in fact, I didn't want to say no to them out of my ego 😤. Now for...
If you've ever thought of creating those amazing Three.js websites but with the simplicity and familiarity of React, then you're in for a treat. React Three Fiber lets you do just that! What is React Three Fiber? React Three Fiber is a powerful libra...
Are you looking for a way to create stunning 3D experiences on the web, but find working with the raw WebGL API too difficult and time-consuming🥱? Well, you're in luck🤞! React Three Fiber (R3F) is a library that enables you to build 3D scenes with ...
