Feed
Discussions

ThreeJS

ThreeJS

#threejs

2.8K followers·215 articles

ThreeJS

#threejs·2.8K followers·215 articles

ThreeJS

Changelog

New steps component and improved accessibility on Hashnode's blog and docs product.

Nov 05, 2024·

new

Trending Articles

LifeApp: The Web3 Lifestyle Product Redefining Real-World Utility in Crypto.

Patience Uyire·47 reads

From DeFi Roots to Global Reach: What $STON's KuCoin Listing Means for the Future of TON.

Patience Uyire·45 reads

Beyond Steps: How PlaynowLife is Redefining Lifestyle Rewards.

Patience Uyire·57 reads

Top commenters this week

Deepak Kumar

How My Hotmail Accounts

How My Hotmail Accounts

Rabbi Islam

Areeba Nishat

VIPERTOTO >> Situs Judi Online Aman & Terpercaya di Indonesia.

VIPERTOTO >> Situs Judi Online Aman & Terpercaya di Indonesia.

Writing Challenges

#2Articles1Week Challenge

Become better at technical writing; accept Hashnode's writing challenge for four weeks.

#2Articles1Week Challenge

#WomenWhoTech

Share your story, achievements, or experiences as a woman, non-binary folk in tech or as a #WomenWhoTech ally!

#WomenWhoTech

Self Starter

Publish your first article on Hashnode and become a self starter!

Self Starter

Serial Blogger

Publish an article every day for 7 days and earn a cool serial blogger badge!

Serial Blogger

Talk of the town

Write a story that drives amazing engagement on Hashnode and become the talk of the town!

Talk of the town

Word Warrior

Write an in-depth article on your Hashnode blog that's more than 2000 words and become a word warrior!

Word Warrior

Musango Wope

musangowope.hashnode.dev·May 07, 2025

May 07, 2025

DRY Up with Inheritance

For one of my many side project escapades (unfinished), I built a web component library for rendering 3D elements using Three.js. Each component in the library encapsulates a unique 3D scene or model and can be reused in any HTML page. While building...

DRY Up with Inheritance

Discuss·39 reads

Web Development

Wawa Sensei

wawasensei.hashnode.dev·Apr 25, 2025

Apr 25, 2025

How to Create a VTuber Studio with Three.js, React & VRM

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 ...

How to Create a VTuber Studio with Three.js, React & VRM

Discuss·1 like·4 reads

Wawa Sensei

wawasensei.hashnode.dev·Apr 15, 2025

Apr 15, 2025

wawa-vfx: Open-Source VFX + Particle System for React Three Fiber Projects

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...

wawa-vfx: Open-Source VFX + Particle System for React Three Fiber Projects

Discuss·7 reads

reactthreefiber

Chris jr Nwaije

Chris jr Nwaije

chriskript.hashnode.dev·Apr 11, 2025

Apr 11, 2025

Rendering a 3D Solar System with Three.js

Have you ever looked up at the night sky and wondered how you could bring that magic into your code? Recently, I embarked on a journey to build my very own 3D solar system simulator using Three.js, and the project turned out to be as challenging as i...

Rendering a 3D Solar System with Three.js

Discuss·6 reads

Pat Liemo

a-guide-to-threejs.hashnode.dev·Feb 21, 2025

Feb 21, 2025

Three.js

If you’ve ever looked at a 3D website and thought, “Wow, this is cool. I should try making one.”—congratulations, you’ve just unlocked a new level of developer suffering. Enter Three.js, the JavaScript library that lets you create 3D graphics in the ...

Three.js

Discuss·4 reads

Hunor Márton Borbély

Hunor Márton Borbély

freecodecamp.org·Feb 20, 2025

Feb 20, 2025

How to Code a Crossy Road Game Clone with Three.js

In this tutorial, you’ll learn how to create a clone of the mobile game Crossy Road with Three.js. The goal of this game is to move a character through an endless path of static and moving obstacles. You have to go around trees and avoid getting hit ...

How to Code a Crossy Road Game Clone with Three.js

Tamiz Uddin

genzit.xyz·Feb 19, 2025

Feb 19, 2025

In-Depth Network Topology Simulation Using D3 and Three.js: A Guide for Advanced JavaScript Programmers

Introduction In web development, visualizing complex data structures such as network topologies can be challenging yet rewarding. Two powerful libraries, D3.js and Three.js, have emerged as go-to tools for creating sophisticated and interactive data ...

In-Depth Network Topology Simulation Using D3 and Three.js: A Guide for Advanced JavaScript Programmers

Discuss·9 reads

Daniel Don

spillcode.hashnode.dev·Feb 19, 2025

Feb 19, 2025

Beginning Your Journey In Three.js and React Three Fiber

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...

Beginning Your Journey In Three.js and React Three Fiber

Discuss·2 likes·18 reads

kietHT

hashnext.hashnode.dev·Feb 19, 2025

Feb 19, 2025

React Fiber Works with Three.js in Web Development

React Three Fiber (R3F) is a powerful React renderer for Three.js, enabling developers to build 3D graphics using React components. It allows for the creation of complex 3D scenes in a declarative and reusable manner, integrating seamlessly with the ...

React Fiber Works with Three.js in Web Development

Discuss·3 reads

Aaron Sherrill

aaronsherrill.com·Feb 06, 2025

Feb 06, 2025

GSAP ScrollTrigger Tube Demo

As part of the GSAP ScrollTrigger Beta I was asked to create examples using ScrollTrigger. I have my own scroll-based animation library called VectorScrolling and had built a demo illustrating a dynamic camera movement along a poly-line using percent...

GSAP ScrollTrigger Tube Demo

Discuss·38 reads