blender → three.js

blender + three.js is a wonderful thing

잊고 있다가 3개월만에 기억남 ㅋㅋ 포트폴리오 GitHub repo 여기요!... Blender + Three.js + Krita ✨show more

Check out my new game demo made using Three.js... and Blender 🔶 —live now! #gamedev #solodev #argentina #indiegameshow more

Testing the upcoming Mesh-to-Splat tool from Three.js Blocks 👀... It’ll be available through the three-blocks CLI, Blender add-on, and Cinema 4D add-on, with support for both 3DGS and 4DGS. And yes… Three.js Blocks will be back in just a few days :)show more

Here's another cool use-case. Since Claude can read what's... in a Blender scene, I asked it to recreate the scene as an interactive Three.js webpage. It one-shotted it pretty well 🧑‍🍳show more

Tried recreating an old Blender experiment using CustomShaderMaterial with... Three.js . Turned out pretty cool! Might be a bit too intense for aging CPUs, though. Give it a spin if you're curious #glsl #shader #webglshow more

Testing off-axis projection demo. Basic scene layout in Blender... glb -> detailed splat via World Labs Three.js for engine MediaPipe for face tracking Next step is to add a character you can move around in the environmentshow more

测试偏轴投影演示。 Blender 中的基础场景布局 GLB -> 通过 World Labs 详细喷溅... Three.js 发动机 面向追踪的 MediaPipeshow more

Something is cooking! Earlier this month at my Awwwards... talk the audience was amazed when I added Wiggle Bones to my demo Here's a prototype featuring the technique in different objects. Will be sharing a live link very soon ;) Done with Three.js and @blender as usualshow more

Still one of my fav projects I worked on... in the day job – an interactive experience showing low-carbon technology for the home Custom 3D models created in Blender 🔶 and everything is rendered in the browser using Three.js and the awesome react-three-fibershow more

With everyone busily using LLMs + Blender/Three.js to make... 3D models, I thought I'd try a different geometric representation. This dragon isn't a mesh, NeRF, 3DGS, or video model: it's 27kb of GLSL code (generated via LLM), defining a closed-form implicit surface. 🧵 [1/n]show more

How I built with Claude 👇 Prompt: "Design an... agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒show more

A reference sheet can now become a complete 3D... asset and an interactive website. I generated the multi-view temple concept with GPT Image 2.0, then gave it to Codex + GPT-5.6 Ultra through Blender MCP. Blender was controlled entirely from the terminal. The model, materials, cameras, renders and exports were all generated through Python scripts. Codex then created a Three.js viewer where I can rotate the temple, switch between every angle and hide each architectural layer. The result still needs refinement, especially around the roofs and ornaments, but the complete image → Blender → web workflow is working. All from one prompt 👇show more

Nah no, this is not a pre-made or baked... Blender model. It is created entirely from scratch using extruded geometry and procedural textures for the mustard hatching pattern on the model... all done with Google Gemini 3 pro AI. In fact, every Three.js 3D model you see on this website has been vibe coded with AI 😎 Live: Code:show more

Gemini 4 Argon, everyone!!! 🤯 It literally created a... ridiculously realistic 3D fluffy pumpkin plushie without using Blender at all. In fact, it generated it as a procedural GLB model with 28 volumetric fur shells, 60,000 GPU-instanced 3D fur strands, and even real-time air-jet physics, all built with Three.js and GLSL. You can literally blow the fur around in real time. 💨 Totally nuts.show more

还在慢慢学 Three.js。最近才发现，实现真实好看的纹理效果，不只是把图片贴上去，还要理解 UV、色彩空间、贴图类型、mipmap 和各向异性过滤。很多细节以前都忽略了，继续补课中。 最近在试图把所有之前在blender里面的工具都用three.js再写一遍，然后在网页运行🤓

Opus5.5とBlenderで作った城をthree.jsに移植して歩けるようにしてもらったが、ポン出しだとまだアラが目立つけど根気よくやればできるんじゃないかという気がしてくる

If you think this is just another silly demo... made with AI, read this post. You might change your mind, because this demo is about MATH. What you see on the screen is not a render from Blender (obviously, it’s not that good). It’s a three.js app built with Toolcraft. Available on the web and rendered in real time(link in the comments). But Blender still has a lot to do with it. Blender has Geometry Nodes - a powerful node-based system for creating and manipulating procedural geometry. In other words, it’s math. And math is a universal language. And who do you think is pretty good at math? >>> AI. Now you can download or buy Blender files from marketplaces, and when they contain Geometry Nodes for procedural animations, objects, surfaces, or effects, you can transfer that logic to the web. Make it real-time, make it interactive. Materials are a separate story, of course. They can still suck unless you use the right tricks: PBR, HDRIs, material blending, displacement, and faked surface relief. So why is Blender important here? Blender is open source, and many tools around it are open source too. An AI trained on their code. That means it can translate the math from one environment to another quite accurately. If you’ve been struggling to reproduce some idea with AI that you had in your head or seen in some references, and it has something to do with Geometry Nodes, and you can find that idea or a close one in the Blender ecosystem - it means you can transfer it to the web. Thank me later.show more

不行了，我要5毛钱押注未来，不做iOS了，从头学起，转行硬件佬和AI机器人🤓 刚刚发现可以用 three.js 在网页上渲染机器人，并像使用 Blender 一样控制它，但是更加轻量。 好玩儿。 沉迷其中，好久没写iOS了🤡

分享一个开源 Skill：3D 镭射卡片 解析一下：三层图 + Blender 视差 + 镭射材质... + Three.js 可交互页面。 用 YOYO 跑了一张，效果就是一张能转的全息闪卡。不得不说，这套特别适合饭圈，把哥哥的照片放进去，就能做成一张定制小卡。show more