#threejs

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

DPDipankar Paulblog.iamdipankarpaul.com

Mastering Three.js Lighting: Illuminating Your 3D World

Welcome back! 👋 In my previous posts, I covered Three.js basics, geometries and materials. Today, I'm diving into lighting - one of the most important aspects of creating realistic 3D scenes. Good lighting can make or break your 3D scene. It's the d...

Jan 614 min read

DPDipankar Paulblog.iamdipankarpaul.com

Understanding Three.js Materials: From Basic to Physical

Welcome back! 👋 In my previous posts, I covered the basics of Three.js and different geometries. Today, I'm exploring materials - what makes objects look the way they do. If geometries are the shape of an object, materials are its appearance - the c...

Jan 414 min read

Tag feed

Tag feed

#threejs

crashcat

Three.js 3D Graphics: WebGL Made Easy

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

ASCII Webcam Ridiculousness

The Architect’s Grid: Building my dev-portfolio

Virtual 3D Museum - Three.js

Mastering Camera Movement in Three.js

Understanding Transformations in Three.js

Mastering Three.js Lighting: Illuminating Your 3D World

Understanding Three.js Materials: From Basic to Physical

#threejs

Search Hashnode

#threejs

crashcat

Three.js 3D Graphics: WebGL Made Easy

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

ASCII Webcam Ridiculousness

The Architect’s Grid: Building my dev-portfolio

Virtual 3D Museum - Three.js

Mastering Camera Movement in Three.js

Understanding Transformations in Three.js

Mastering Three.js Lighting: Illuminating Your 3D World

Understanding Three.js Materials: From Basic to Physical