Hasan Aboul Hasan's banner

Hasan Aboul Hasan

@hasan_ab_hasan • 1,608 subscribers

I build AI projects and share along the way. 14+ yrs in Tech · 1M+ on YouTube Building https://t.co/h1oTwb1rJg · https://t.co/tVQgJDJWcH · https://t.co/zIAswSwMWi · https://t.co/skQc0nxnqr

Shorts

I built a full 3D #lego brick builder using Claude 4.6. Took 12 iterations. Runs entirely in the browser. You pick a brick size, pick a color, and click to place. Snap-to-grid, collision detection, ghost preview, it feels like building with real bricks. But the fun part? Hit one of the template buttons and watch it auto-build a pyramid, a rocket, a house, or an Eiffel Tower. Bricks fly in from random directions, spin through the air, and snap into place with particle bursts. tech stack: → #Threejs for the full 3D scene → #Raycasting for click-to-place → Custom wedge geometry for slope bricks → Quadratic Bézier curves for the fly-in animations → #2d canvas particle system layered on top of the 3D scene → #InstancedMesh for the base plate studs The product potential: this could become a real educational toy. Kids (or adults) building in the browser, sharing creations, loading custom templates. No install, no app store. ( LEGO you may like this one! ) Want to try it? Link in the first comment 👇

I built a full 3D #lego brick builder using Claude 4.6. Took 12 iterations. Runs entirely in the browser. You pick a brick size, pick a color, and click to place. Snap-to-grid, collision detection, ghost preview, it feels like building with real bricks. But the fun part? Hit one of the template buttons and watch it auto-build a pyramid, a rocket, a house, or an Eiffel Tower. Bricks fly in from random directions, spin through the air, and snap into place with particle bursts. tech stack: → #Threejs for the full 3D scene → #Raycasting for click-to-place → Custom wedge geometry for slope bricks → Quadratic Bézier curves for the fly-in animations → #2d canvas particle system layered on top of the 3D scene → #InstancedMesh for the base plate studs The product potential: this could become a real educational toy. Kids (or adults) building in the browser, sharing creations, loading custom templates. No install, no app store. ( LEGO you may like this one! ) Want to try it? Link in the first comment 👇

13,740 次观看

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

I wanted to learn #Threejs properly. So naturally, instead of just learning it, I built an entire interactive guide with live playgrounds for 8 topics. Geometry, materials, cameras, lighting, controls, post-processing, all with examples you can play with in the browser. You can literally drag, rotate, and break things in real time while learning. I spent more time building the playgrounds than writing the explanations. Classic move 😅 More sections coming. I plan to keep this thing alive and growing. If you wanna try, link in the first comment 👇

I wanted to learn #Threejs properly. So naturally, instead of just learning it, I built an entire interactive guide with live playgrounds for 8 topics. Geometry, materials, cameras, lighting, controls, post-processing, all with examples you can play with in the browser. You can literally drag, rotate, and break things in real time while learning. I spent more time building the playgrounds than writing the explanations. Classic move 😅 More sections coming. I plan to keep this thing alive and growing. If you wanna try, link in the first comment 👇

Hasan Aboul Hasan

22,128 次观看 • 2 个月前

没有更多内容可加载