#threejs

TCH

TE Tetsuji Kondo · My Activity Diaries

Why Browser-Based AR Is Still a Dead End for Indie Creators

What I learned the hard way trying to make WebAR and Three.js work on mobile.

Aug 20, 2026 · 4 min read · 0 claps #webar #threejs #hacking

MDA TCH

HA Hadish

3D Profile Website — Part 3: Bringing Your Room to Life with 3D Models and Animation

Welcome back to our 3D Profile Website journey!

Jul 09, 2026 · 5 min read · 0 claps #threejs #reactjs #react-three-fiber

TCH

HA Hadish

3D Profile Website — Part 2: Textures, Walls With Holes & a Reflective Window

Welcome back to the 3D Profile Website series!

Jul 09, 2026 · 4 min read · 0 claps #react #react-three #react-three-fiber

AI TCH

PR Pratik Sharma · JavaScript in Plain English

WebGPU is not WebGL 3.0

A practical introduction to WebGPU, WGSL, render pipelines, compute shaders, and the future of high-performance graphics on the web.

Jul 07, 2026 · 11 min read · 23 claps paywalled #webgpu #webgl #threejs

MDA SCI TCH

XI xienjiang

A React Three Fiber + Rapier marble runner — kinematic obstacles, grounded jumps, and an infinite…

A marble runner in the browser is a small game with a lot of physics traps. (1) Every moving obstacle must be a kinematic rigid body driven…

Jul 02, 2026 · 8 min read · 0 claps #threejs #r3f #game-song

TCH

HA Hadish

3D Profile Website — Part 1: Set Up & Build Your First 3D Room with React Three Fiber

Welcome to the 3D Profile Website series!

Jun 29, 2026 · 3 min read · 0 claps #react #react-three-fiber #react-three-drei

ECO TCH

HA Hadish

3D Profile Website — Build an Interactive 3D Portfolio Room with React Three Fiber

Welcome to the 3D Profile Website series!

Jun 29, 2026 · 3 min read · 0 claps #reactjs #react-three-fiber #react-three-drei

MKT ECO MDA DSN

TR Translight3D

One-Click Lightweight 3D: These Tools Must Be Known

In the fields of 3D content creation, digital twin, game development, and Web3D applications, model lightweighting has become a crucial…

Jun 23, 2026 · 4 min read · 0 claps #3d-modeling #optimization #threejs

MDA ECO TCH

ZA Zamh Putra

Learn Three JS: Make Scroll Driven with Three JS for your web portfolio

so its basically simple portfolio design with 3D animations scroll

Jun 19, 2026 · 8 min read · 0 claps #threejs #web-development #programming

ECO TCH LIF DSN

CH Christopher Lanoue

Trade Maps Show Who Trades. I Wanted to See Who Should.

A 3D view of global trade that scores every relationship against what a gravity model predicts — and flags who should trade more.

Jun 08, 2026 · 5 min read · 0 claps #international-trade #economics #threejs

DSN

TR Translight3D

How to Handle Large .3ds Files? Translight3D Helps You Lighten It Up Quickly

I’ve been working on a 3D project recently, and I’ve encountered a problem that really frustrates me — .3ds files are too large. They load…

Jun 05, 2026 · 4 min read · 0 claps #3d-modeling #lightweight #threejs

DSN TCH

AN Ankit Arsh

When Texture Quality Was Not the Problem: Debugging Text on a Deforming Three.js Page

I spent a lot of time trying to get sharp, readable text onto the pages of a 3D book built in Three.js. Every fix I tried was technically…

Jun 04, 2026 · 22 min read · 0 claps #react #software-development #software-engineering

DSN TCH

JO Joe Di Trolio

How I Faked 3D Depth from a Single Image with Three.js

What keeps you up at night?

May 24, 2026 · 19 min read · 0 claps #threejs #css #3d-modeling

SCI HUM TCH MDA

FR Frank Lynam

Visualising The Metals - Presenting a Historical Narrative using a Web-based LiDAR Terrain Explorer

How I visualised the course of a 19th century railway line using React Three Fiber and free LiDAR data

May 19, 2026 · 9 min read · 0 claps #threejs #qgis #lidar

AI

AL AlterSquare

Three.js vs WebGPU in 2026: What Changed for Large-Scale Construction Viewers

TL;DR: WebGPU reached universal browser support in late 2025, and Three.js r171+ now ships a production-ready WebGPU renderer. For most…

May 19, 2026 · 4 min read · 0 claps #threejs #webgpu #webgpurenderer

DSN SCI TCH

FR Franky Hung

Animate Beautiful Fractal Glass Gradients with Three.js

Reeded glass effects and mesh gradients are not the latest trends, but I have been a big fan of the vivid and abstract effect. So one day…

May 17, 2026 · 7 min read · 96 claps #threejs #javascript #tutorial

ART TCH

ML mlightcad

Revolutionize AutoCAD Sharing: Safe, Full-Feature Offline Viewer in a Single HTML

You don’t need to hand over the original AutoCAD drawing, bind a cloud account, or install AutoCAD — just a browser and a single html file…

May 17, 2026 · 4 min read · 1 claps #autocad #dwg #cad

TCH SCI

AM Amr Hassaballah

Chaos Game, Sierpinski Tetrahedron, and Three.js

A random walk that draws a perfect 3D fractal — and how I rendered it.

May 11, 2026 · 3 min read · 3 claps #threejs #sierpinskis-triangle #generative-art

AI TCH MDA

TR Treeskulltown

MAIA IV

When Artificial Intelligence Answers Poetry with Code

May 08, 2026 · 6 min read · 3 claps #generative-art #ai #creative-coding

TCH

MU Muhammad Yasir

Building HOLO.SYS — A Futuristic 3D Holographic Visualization System with React, Three.js & GLSL

Introduction

May 08, 2026 · 5 min read · 0 claps #reactjs #webgl #threejs

AI

RI Rigan Nur Fauzi

Membangun Simulasi Tata Surya 3D di Browser: Dari Nol Sampai Teroptimasi

Bagaimana saya mengimplementasikan LOD, Frustum Culling, dan GPU Instancing pada WebGL untuk tugas UAS Graphics and Interactive Techniques

May 07, 2026 · 6 min read · 0 claps #webgl #threejs #graphicsoptimization

DSN TCH

JA Jay

I Tried Three.js… And It’s Honestly Amazing

When I first heard about Three.js, I was curious but also a little confused. 3D graphics in the browser sounded complex. But once I started…

Apr 26, 2026 · 2 min read · 0 claps #threejs #3d-modeling #3d-web

AI TCH

AR Aral Roca

How to Create 360 Panoramas with GPT Image 2 and View Them Interactively

What you will learn

Apr 25, 2026 · 5 min read · 5 claps #javascript #web-development #threejs

TCH LIF

TH thingraph

What is Thingraph

Thingraph is an independent developer brand focused on building lightweight, cloud-native CAD viewing tools for engineering, construction…

Apr 15, 2026 · 1 min read · 0 claps #cad #dwg #autocad

PE Peter Adams · Antaeus AR

Cheap, Beautiful Rain in Three.js

Learn a method for creating rain that looks good and performs well on a wide range of devices.

Apr 10, 2026 · 4 min read · 6 claps #threejs #webgl #gamedev

AI ART ECO TCH

BR Brendon Smith

Part 6: Inside m{ai}geXR-3d-mcp — Architecture Deep Dive

How WebSocket broadcasting, per-framework adapters, state management, and creative AI prompts work together to enable real-time…

Apr 03, 2026 · 17 min read · 0 claps #threejs #mcp-protocol #ai

AI ART ECO TCH

BR Brendon Smith

Part 6: Inside m{ai}geXR-3d-mcp — Architecture Deep Dive

How WebSocket broadcasting, per-framework adapters, state management, and creative AI prompts work together to enable real-time…

Apr 03, 2026 · 17 min read · 0 claps #mcp-protocol #webgpu #react-three-fiber

ART MDA TCH

DR Drew Stephenson

Building an Apple-Style Intro in React Three Fiber Taught Me 8 Hard Lessons About Animation

In this article, I’ll break down my attempt at rebuilding Apples new intro using React Three Fiber (r3f) — and more importantly, how you…

Feb 02, 2026 · 6 min read · 0 claps #threejs #r3f #nextjs

AI MDA TCH

RI Richard Fu

Building “Unmask the City” — A Solo Game Jam Journey with AI Pair Programming

How I built a complete 3D game for GGJ 2026 with AI pair programming. Procedural generation, Web Audio, Three.js instancing. Zero assets

Jan 31, 2026 · 12 min read · 10 claps #game-development #global-game-jam #threejs

LIF TCH

DM Dmytro Hordus · JavaScript in Plain English

Solving Safari High-DPI HTML Offset Bugs in React Three Fiber

I’ve always loved building interactive 3D experiences on the web. Animating objects, creating immersive scenes, and combining them with…

Jan 25, 2026 · 3 min read · 2 claps #react-three-fiber #react #react-three-drei

TCH

NO noryx · JavaScript in Plain English

Build Your Own glTF Viewer with Three.js

For those new to glTF, it’s basically the JPEG of 3D models — a compact, standardized format that makes 3D assets fast to load and easy to…

Jan 21, 2026 · 6 min read · 108 claps #threejs #webgl #3d-rendering

MDA

RI Richard Fu · fuR Gaming

Unity WebGL Background Tabs: Autoplay & Performance Fix

Unity WebGL games face severe performance degradation in inactive browser tabs due to aggressive requestAnimationFrame throttling (~1 FPS)…

Dec 31, 2025 · 10 min read · 3 claps #unity-webgl #game-development #browser-performance

AI LIF TCH

BR Brendon Smith

Building XRAiAssistant, Part 4: From Multi-Platform Dreams to Production Reality

🚀 The Journey Continues: What We’ve Built Since September

Nov 15, 2025 · 8 min read · 0 claps #ai #webxr #babylonjs

TCH

ER Ertugrul Yaman

React-Three-Fiber ile Sahne Özelleştirme: useFrame, Shader ve Kontroller

Önceki yazılarımda React-Three-Fiber (R3F) ile temel bir 3D sahne oluşturmuş, dönen bir küp ve GLTF/GLB modelleri entegre ederek sahne…

Oct 13, 2025 · 3 min read · 0 claps #threejs #3d #r3f

TCH

ER Ertugrul Yaman

Scene Customization with React-Three-Fiber: useFrame, Shader and Controls

In my previous articles, we created a basic 3D scene with React-Three-Fiber (R3F), built a rotating cube, and learned how to integrate…

Oct 13, 2025 · 3 min read · 0 claps #threejs #3d #r3

TCH

ER Ertugrul Yaman

React-Three-Fiber ile Sahne Kalitesini Artırmak: Drei + Performans Tüyoları

Önceki yazıda, React-Three-Fiber (R3F) kullanarak temel bir 3D sahne kurmuş, dönen bir küp sahnesi oluşturmuş sonrasında ise GLTF/GLB…

Oct 09, 2025 · 3 min read · 0 claps #r3f #react #threejs

TCH

ER Ertugrul Yaman

React-Three-Fiber: Enhancing Scene Quality with Drei + Performance Tips

In the previous article, we built a basic 3D scene using React-Three-Fiber (R3F), created a rotating cube, and then integrated a 3D model…

Oct 09, 2025 · 3 min read · 0 claps #r3f #threejs #react

TCH

ER Ertugrul Yaman

React-Three-Fiber ile 3D’ye Başlangıç: Küpten GLTF Modele

Bir önceki yazılarımda Three.js kullanarak:

Oct 01, 2025 · 2 min read · 0 claps #threejs #r3f #3d

TCH

ER Ertugrul Yaman

Getting Started with React-Three-Fiber: From Cube to GLTF Model

In my previous articles using Three.js:

Oct 01, 2025 · 2 min read · 0 claps #threejs #r3f #3d

SCI MDA AI TCH

RI Richard Fu · fuR Gaming

Planet Blue Invasion: Building the Future of Casino Gaming with WebGPU and Three.js

How we built a cutting-edge 3D Earth simulation casino game using modern web technologies

Sep 12, 2025 · 4 min read · 7 claps #casino-games #threejs #webgpu

GEN TCH

AN Anjali Singh Attri · JavaScript in Plain English

Getting Started with Three.js: Loading Your First GLB Model

When I first explored Three.js, I was amazed at how it brings 3D graphics to the browser with just a few lines of JavaScript. One of the…

Aug 31, 2025 · 2 min read · 49 claps paywalled #threejs #javascript #glb

TCH MDA ECO

BA Babar saad · Cubed

The Reality Stack: How I’m Building My Metaverse Startup Without Touching Unity or Unreal

Breaking the Myth: You Don’t Need a Game Engine to Launch a Virtual World Company in 2025

Aug 06, 2025 · 3 min read · 0 claps paywalled #webxr #threejs #r3f

SCI AI TCH

RI Richard Fu · fuR Gaming

Solving Starfield Perspective Distortion in 3D Space: A Three.js Case Study

When building a 3D space simulation with Three.js WebGPU, I encountered a challenging visual problem that many 3D developers face…

Jul 28, 2025 · 4 min read · 1 claps #threejs #webgpu #3d-graphics

TCH

ML mlightcad

Building a WebGL-Based Rich Text Editor for THREE.js Scenes

When developing 3D web applications using THREE.js, integrating editable text within a 3D scene can be surprisingly complex. Traditional…

Jun 30, 2025 · 4 min read · 0 claps #threejs #rich-text-editor #webgl

DSN

ME Merryska Christy

Cara Mengatasi Tekstur Hilang Saat Ekspor Blender ke GLB/GLTF dengan Bake

Saat ingin menambahkan objek 3D ke dalam proyek, seperti proyek website atau game, objek tersebut perlu diekspor ke dalam format GLB/GLTF…

Jun 30, 2025 · 5 min read · 0 claps #threejs #blender #3d-modeling

ECO

SU Subham Kharel

Lead with Curiosity, Finish with Execution

I was asked to use JSON-formatted ECEF data to render a mesh in Three.js. Never touched ECEF before — no idea how to even start. But I…

May 22, 2025 · 1 min read · 0 claps #tech #tech-leadership #curiosity

TCH

GI Gibson Joseph · YavarTechWorks

How to build a talking avatar in a Next.js application #1.

Hi developers 👋, I am gibson. In this article, we will learn how to build a talking avatar in a Next.js application.

May 06, 2025 · 6 min read · 2 claps #nextjs #avatar #reactjs

TCH

DI Divin Divakaran

Creating Animated 3D Text in React Three Fiber with Custom Font and Lights

Ever wanted to bring your “Hello World” to life in full 3D? In this tutorial, we’ll walk through how to create an interactive 3D text scene…

Apr 08, 2025 · 3 min read · 205 claps #react #react-three-fiber #threejs

TCH

DU Duchan Jo

Three.js로 만드는 태양계 시뮬레이션

안녕하세요. 우주를 생각하면 언제나 기대감과 설렘이 가득합니다. 그래서 오늘은 더욱 흥미로운 주제가 될 거 같습니다.

Nov 23, 2024 · 12 min read · 0 claps #solar-system #simulation #threejs

MDA

ES Eswar Barripati

Introduction to A-Frame: A Powerful Tool for Web-Based Virtual Reality

In recent years, virtual reality (VR) has gained significant traction across various industries, from gaming and entertainment to education…

Jul 12, 2024 · 3 min read · 3 claps #a-frame #webxr #webvr