MNMohamed Nasrinmohnasr137.hashnode.dev·5d ago · 2 min read5 Web 3D Experiments I Built with Three.jsI recently revisited some of my older Web 3D experiments and pushed them further with improvements, new rendering techniques, and browser previews. Here are the projects, from simpler experiments to m00
YPYap Pat Yihinyappatyih.hashnode.dev·Oct 2 · 8 min readThe night my post pages scored 39First published on yappatyih.com. TL;DR This site draws a particle world behind every page, tens of thousands of points in the shape of my mark, in three.js. I chose it knowing the cost and wrote the 00
MKMary Khachatryaninnixiefx.hashnode.dev·Oct 2 · 5 min readLoad and Verify an Exported Particle Effect in Three.jsA particle effect can look correct in an editor and still fail at the runtime boundary. The browser may be loading the wrong directory. A referenced asset may be absent. An effect may be unsupported b00
MKMary Khachatryaninnixiefx.hashnode.dev·Oct 1 · 8 min readEvaluating a three.quarks Alternative with NixieFX and Three.jsParticle tools are easy to compare by feature lists and difficult to compare at the integration boundary. The practical questions are more specific: What artifact does the authoring tool export? Can t00
ASArtur Smirnov (g.a.d.)ingadwebsites.hashnode.dev·Sep 30 · 9 min readRay-tracing a diamond in a three.js shader: a 3D ring you can take apartThis is a concept site for a jewellery brand. It shows one engagement ring, a one-carat round brilliant on a gold band, and there is no photo anywhere on the page. The ring is geometry and shaders: yo00
ASArtur Smirnov (g.a.d.)ingadwebsites.hashnode.dev·Sep 30 · 8 min readA detailing-studio website where scrolling polishes the car: how it works in three.jsLUSTRE is a concept site I made for a car detailing studio. The brand is made up and there is no client behind it; it's a demo of one idea. Detailing is hard to sell with photos. In a phone-sized pict00
DGDominik Grońskiingrodev.hashnode.dev·Sep 28 · 7 min readWhy your three.js scene gets a bad PageSpeed score (and it is not JavaScript)Your 3D scene runs smoothly on your machine. Sixty frames, no jank. You drop the page into PageSpeed Insights and get a 48. Total Blocking Time is red, and the main-thread breakdown shows one long tas00
ZZyVOPinblog.zyvop.com·Sep 23 · 7 min readThreeUI: Getting-Started Walkthrough & Architecture ReviewScope note: "threeui" names several unrelated projects. This review covers the active one: ThreeUI by Meng To / designcodeio (threeui.com, github.com/MengTo/threeui) — a React + Three.js/WebGL compone00
ASAndrii Shuptainandriishupta.hashnode.dev·Sep 21 · 9 min readDirecting a 3D Web Experience with AI🔗 Links Cathedral of Threads — live experience Source code on GitHub Astro documentation GSAP documentation Three.js documentation Webflow Cloud documentation The same opening scene in da00
SSSneha Satapathyindelvia.hashnode.dev·Sep 20 · 15 min readBuilding an Interactive 3D Solar System Visualizer with Three.js and CodexBuilding a Solar System visualizer sounds fairly straightforward at first: put the Sun in the middle, add the planets, give them orbits, and let the user move the camera around. Once I actually starte00