#threejs

DRDaniel Romitellicraftedbydaniel.hashnode.dev

Per‑Region PBR From One Photo: The Cropping Trick That Stops RGB‑X From Bleeding Materials Across Boundaries

The roof was reflecting light like a painted wall. The input photo was fine. The segmentation was fine. The diffusion pipeline ran without errors. And yet the output didn’t pass the most basic human test: “does this look like the same material if I m...

1d ago10 min read

SKSoham Kolireactportfolio.hashnode.dev

React Portfolio Template — Dark/Light Mode, Bilingual (EN+FR) & TypeScript

If you've ever spent weeks building your personal portfolio from scratch — tweaking layouts, setting up routing, wiring up i18n, debugging responsive breakpoints — you know how much time it takes befo

3d ago3 min read

JWJohn Walleythatorjohn.hashnode.dev

crashcat

I saw an X post the other day that mentioned a Javascript physics engine called crashcat. I initially thought it might be fun to have a 3D model of Austin or something, pull in real weather info from Open-Meteo, and fake some wind physics, etc. again...

Feb 161 min read

TITech Insights Hubtopperblog.hashnode.dev

Three.js 3D Graphics: WebGL Made Easy

Three.js 3D Graphics: WebGL Made Easy Why This Tool Matters Essential for modern development. Quick Start const start = () => 'ready'; Implementation Production-ready patterns. Best Practices What works in real applications. FAQ Q: When to use? Perf...

Feb 121 min read

MGMalcolm Githukamalcolmgithuka.hashnode.dev

31 Days In: My Code Challenge Journey with Brandify's Progress and Insights

We all start a new year with different resolutions, whether personal, professional, spiritual etc. This year I decided to try out 100 days of code. But I did not want to just code for the sake of it. I know most use the challenge as a way to learn a ...

Feb 27 min read

JWJohn Walleythatorjohn.hashnode.dev

ASCII Webcam Ridiculousness

I was looking at three.js a while back, and came across this example https://threejs.org/examples/?q=ascii#webgl_effects_ascii This inspired a couple of experiments. Browser-based ASCII Webcam My first attempt was making something work in a browser....

Feb 21 min read

SHShafiul Hasan Fahimfahim-46b.hashnode.dev

The Architect’s Grid: Building my dev-portfolio

Portfolio | Live link: fahim-46b.pages.dev Overview This project is a high-performance, interactive portfolio designed to showcase the intersection of creative frontend development and disciplined software engineering. Built with React 19, Three.js, ...

Jan 183 min read

Nnbmnotbigmuzzy.hashnode.dev

Virtual 3D Museum - Three.js

So, I was shitcanned recently and said to myself: "Hey, why not actually learn something new and interesting for once?" Three.js has been high on my list for a long time. I tried to make a pinball game a couple of years back, failed miserably, and ne...

Jan 142 min read

DPDipankar Paulblog.iamdipankarpaul.com

Mastering Camera Movement in Three.js

Hey there! 👋 Welcome back to my Three.js learning journey. So far, I've covered the basics, geometries, materials, lighting, OrbitControls, and transformations. Today, I'm diving into something that completely changed how I think about 3D scenes: ca...

Jan 1210 min read

DPDipankar Paulblog.iamdipankarpaul.com

Understanding Transformations in Three.js

Transformations are the foundation of all 3D movement and animation. Whether you're building a game, creating an architectural visualization, or designing an interactive product showcase, understanding how to position, rotate, and scale objects is es...

Jan 99 min read

Tag feed

Tag feed

#threejs

Per‑Region PBR From One Photo: The Cropping Trick That Stops RGB‑X From Bleeding Materials Across Boundaries