正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

blender → three.js

xavier (jack)

33,779 subscribers

94,758 次观看 • 1 年前 •via X (Twitter)

艺术科学技术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

blender + three.js is a wonderful thing

blender + three.js is a wonderful thing

Pilgrim

67,485 次观看 • 6 个月前

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

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

lucas

53,169 次观看 • 4 个月前

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

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

𝗕𝗮𝗻𝗱𝗶𝗻𝗼𝗽𝗹𝗮

36,580 次观看 • 1 年前

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 :)

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 :)

Renaud

15,783 次观看 • 1 个月前

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 🧑‍🍳

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 🧑‍🍳

siddharth ahuja

45,273 次观看 • 1 年前

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 #webgl

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 #webgl

Fabio Ottaviani

19,164 次观看 • 1 年前

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 environment

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 environment

Ian Curtis

430,723 次观看 • 5 个月前

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

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

AI老黄

59,847 次观看 • 5 个月前

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 usual

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 usual

xavier (jack)

167,048 次观看 • 2 年前

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-fiber

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-fiber

Robin Hawkes

26,548 次观看 • 3 年前

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 🛒

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 🛒

FHILY👑

76,325 次观看 • 3 个月前

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:

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:

The Bugged Dev

54,391 次观看 • 8 个月前

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

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

独立开发者William

15,768 次观看 • 4 个月前

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.

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.

Alex Barashkov

28,300 次观看 • 1 个月前

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

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

独立开发者William

32,141 次观看 • 4 个月前

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

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

比特小师妹｜KiKi

12,242 次观看 • 5 天前

Blender MCPとFable5の組み合わせ良すぎる！ ClaudeCodeから自由に画像、メッシュ、テクスチャ、ベイク、リギング、アニメーション入れられる Mixamoなしでアニメーションできるの熱い ComfyUI Video2MotionCaptureを使うと動画で作ったモーションをglbに当てられるので、結構なんでもいける気がするテクスチャ生成もそのままBlenderMCPでいけるので微調整もできそう添付の前半はThree.jsで歩かせているところ、後半の左がVideo2MotionCapture、右がBlenderでマッピングしてもらったもの ClaudeCode経由で下記でしたベース画像: Codex ImageGen テクスチャ: Codex ImageGen メッシュ: ComfyUI TRELLIS2 ダンス用動画: Gemini 基本モーション: Blender ダンス: ComfyUI Video2MotionCapture

Blender MCPとFable5の組み合わせ良すぎる！ ClaudeCodeから自由に画像、メッシュ、テクスチャ、ベイク、リギング、アニメーション入れられる Mixamoなしでアニメーションできるの熱い ComfyUI Video2MotionCaptureを使うと動画で作ったモーションをglbに当てられるので、結構なんでもいける気がするテクスチャ生成もそのままBlenderMCPでいけるので微調整もできそう添付の前半はThree.jsで歩かせているところ、後半の左がVideo2MotionCapture、右がBlenderでマッピングしてもらったもの ClaudeCode経由で下記でしたベース画像: Codex ImageGen テクスチャ: Codex ImageGen メッシュ: ComfyUI TRELLIS2 ダンス用動画: Gemini 基本モーション: Blender ダンス: ComfyUI Video2MotionCapture

kk@study

65,433 次观看 • 2 个月前

How we run bug fixing loops at Amplitude: - Bug found in Slack > agent ships a fix in minutes - One-off fixes > a system that remembers every bug it's seen - Manual review > risk-scored auto-approval - Testing hygiene still matters, automation isn't a substitute for it If you'd like to learn how to do the same, we've written it up as a dating-manual ebook (“Falling in Love with Loops”) and built the site as a teenage bedroom in Blender + Three.js. Walk the room, click the book to read it, there's a game hidden in the TV: Every product team will run on loops like this. Might as well fall in love now! ❤️🥰

How we run bug fixing loops at Amplitude: - Bug found in Slack > agent ships a fix in minutes - One-off fixes > a system that remembers every bug it's seen - Manual review > risk-scored auto-approval - Testing hygiene still matters, automation isn't a substitute for it If you'd like to learn how to do the same, we've written it up as a dating-manual ebook (“Falling in Love with Loops”) and built the site as a teenage bedroom in Blender + Three.js. Walk the room, click the book to read it, there's a game hidden in the TV: Every product team will run on loops like this. Might as well fall in love now! ❤️🥰

Spenser Skates

18,069 次观看 • 1 个月前

学了十年 Blender 的人，今天都沉默了。有位开发者开源了个工具，能把任意一张照片变成一个可以走进去的 3D 世界。而且带有物理碰撞的网格、环境背景 splat、循环音效，全套。只需要 5 分钟出结果。它叫 image-blaster。 - 动态物体自动生成 3D 模型，静态场景生成 Gaussian splat - 支持直接嵌进 Unity、Unreal、Godot，或 Blender、Three.js - 底层调了 World Labs、Hunyuan 3D、ElevenLabs，不用手动拼工具链 GitHub：游戏关卡原型、建筑渲染、机器人训练环境，有图就能跑。

学了十年 Blender 的人，今天都沉默了。有位开发者开源了个工具，能把任意一张照片变成一个可以走进去的 3D 世界。而且带有物理碰撞的网格、环境背景 splat、循环音效，全套。只需要 5 分钟出结果。它叫 image-blaster。 - 动态物体自动生成 3D 模型，静态场景生成 Gaussian splat - 支持直接嵌进 Unity、Unreal、Godot，或 Blender、Three.js - 底层调了 World Labs、Hunyuan 3D、ElevenLabs，不用手动拼工具链 GitHub：游戏关卡原型、建筑渲染、机器人训练环境，有图就能跑。

高军

38,853 次观看 • 3 个月前

刚看到 Fable 5 在波音 747 建模测试上的表现，真的有点吓人。这不是简单的画图，而是用 Three.js 写的完整 3D 模型： - 机身、机翼、尾翼结构完整 - 四个引擎、起落架、舷窗细节到位 - 红蓝条纹涂装、蓝色尾翼配色准确 - 可以 360° 旋转查看，光影效果在线关键是，这只是一个 prompt 生成的代码。以前做这种 3D 展示，得找专业建模师用 Blender/Maya 建好模型，再导入引擎。现在 AI 直接写 Three.js 代码，浏览器就能跑。这已经不是"辅助编程"了，这是直接替代了一整个工作流。你们觉得这种 3D 建模能力，能用在哪些场景？

刚看到 Fable 5 在波音 747 建模测试上的表现，真的有点吓人。这不是简单的画图，而是用 Three.js 写的完整 3D 模型： - 机身、机翼、尾翼结构完整 - 四个引擎、起落架、舷窗细节到位 - 红蓝条纹涂装、蓝色尾翼配色准确 - 可以 360° 旋转查看，光影效果在线关键是，这只是一个 prompt 生成的代码。以前做这种 3D 展示，得找专业建模师用 Blender/Maya 建好模型，再导入引擎。现在 AI 直接写 Three.js 代码，浏览器就能跑。这已经不是"辅助编程"了，这是直接替代了一整个工作流。你们觉得这种 3D 建模能力，能用在哪些场景？

Vincent

16,645 次观看 • 3 个月前