Emilian Kasemidev-quixote.hashnode.dev·Jan 12, 2025Understanding 3D Cameras: A Developer's Guide with Three.js ExamplesLet me try to explain how cameras work in 3D graphics systems. In Three.js, for example (but the knowledge is transferable to any 3D graphics system, except the canvas which is specific to the browser) we have the scene that holds all the 3D objects,...3d development
Emilian Kasemidev-quixote.hashnode.dev·Jan 12, 2025Understanding 3D Lighting: A Developer's Guide to Different Light TypesToday I want to talk about lighting in 3D scenes using Three.js and React Three Fiber for real examples. Lighting is super important for making your 3D projects look realistic and visually appealing. There are a few different types of lights you can ...3d web development
Emilian Kasemidev-quixote.hashnode.dev·Jan 4, 2025Understanding Level of Detail (LOD) in Three.jsImagine you're looking at a cityscape from a mountaintop. The distant skyscrapers might seem like mere silhouettes, but as you parachute down, you start noticing windows, doors, and even people. You don't need to see every window from the mountaintop...1 likeemilian kasemi
Emilian Kasemidev-quixote.hashnode.dev·Jan 3, 2025Making 3D Worlds Come Alive with Real-time Reflections in Three.jsImagine standing beside a pristine lake on a calm day. The water mirrors the sky, trees, and mountains so perfectly that you feel as though you're experiencing two worlds at once - the real one and its ethereal reflection. This vivid reflection isn't...1 likeThreeJS
Adnan Pashaadnanfolio.hashnode.dev·Dec 27, 2024Version 1 - The Humble BeginningAlright folks, here’s where it all started - a blank screen and whole lot of dreams. I wanted a portfolio that screams “Adnan built this, and it is awesome!!!!“ With react as my wingman, I set out to create something simple yet functional. It was jus...1 likeportfolio
Francesco Di Donatodidof.hashnode.dev·Nov 29, 2024Optimize Three.js: 4 Key TechniquesCode can be art. Whether it's in clever syntax, elegant data structures, or refined interactions, there’s beauty only programmers see—and that’s fine. But code can also create something visually stunning, something everyone can appreciate. This is wh...10 likesThreeJS
The3Guynormalmeshinthreejs.hashnode.dev·Nov 9, 2024Understanding MeshNormalMaterial in THREE.JS💡what you will learn What is MeshNormalMaterial About Normal Vector Why Normals are Important How to Create a Normal THREE Normal Helpers When to Use 💡Normal Vector In 3D normal is a vector that is perpendicular to the surface or a face of ...1 likeThreeJS
Salim Rutagandafizzyd.hashnode.dev·Oct 12, 2024Revolutionizing Web Design with 3D: Next.js, Prismic.io, Three.js, and FramerIn today's digital age, immersive websites are the future. My latest project, a 3D website built with Next.js, Prismic.io, Three.js, and Framer, showcases the power of interactive web design. It’s fast, dynamic, and designed to captivate users. Tech ...Web Development
Rajni RetheshforMiddleware - Be Productive, Not Busy!middlewarehq.com·Oct 9, 2024Ideal Software Delivery Pipeline: A Three.js Dora Metrics case studySimple and boring? Nah, that’s not anyone’s vibe anymore. These days, people want dynamic, interactive experiences on their smartphones and websites. And as the demand for mind-blowing visuals grows, the tech geniuses step up to create some serious m...100 Days of Dora Metrics Case StudiesThreeJS
Christopher Duranchriisduran.hashnode.dev·Oct 7, 20243D Earth Visualization with Three.js: A GitHub-Inspired ApproachRecently, i had the idea of implementing a 3D Earth on my website using Three.js. I was inspired by GitHub's landing page, where they use a similar visualization. I wanted to take that idea a step further by adding the ability to define specific pla...1 likePremium Projects 💲Node.js
