正在加载视频...

视频加载失败

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

Made some improvements to my #threejs pipeline and shader editor, with render passes. Also, direct import of 3d Objects from glTF.

Palash Bansal

3,275 subscribers

55,327 次观看 • 2 年前 •via X (Twitter)

教育艺术科学技术 #threejs

Anya Rossi• Live Now

Private livecam show

10 条评论

simon harris 的头像

simon harris2 年前

Is this for asset pipelines or render pipelines? Either way it’s awesome

Palash Bansal 的头像

Palash Bansal2 年前

Right now for rendering, maybe some geometry nodes and other things can be added later.

Jan 的头像

Jan2 年前

damn

Anderson Mancini 的头像

Anderson Mancini2 年前

Fantastic work my friend. 👏🏻👏🏻👏🏻😍

nin 的头像

nin2 年前

This is really nice!!

Phobon 的头像

Phobon2 年前

Awesome! I think a really good node graph tool for three is something that would be really powerful - this looks super neat 💪

Stanftf.eth 的头像

Stanftf.eth2 年前

What’s the name of this node editor?

Palash Bansal 的头像

Palash Bansal2 年前

Its in development, still thinking of a name..

ヘブン的头像

ヘブン2 年前

Excuse me. Is this beautiful editor your own project? I want to know the name of it.

Palash Bansal 的头像

Palash Bansal2 年前

Yes, I am working on it, will release it soon.

相关视频

Here's the Blender to Pixel Art pipeline tutorial. This shader should be super helpful for pixel artists learning how to pixel objects that look correct with 3D rotation. It's also just really nice to be able to see how lighting would accurately work on objects that are complex.

Here's the Blender to Pixel Art pipeline tutorial. This shader should be super helpful for pixel artists learning how to pixel objects that look correct with 3D rotation. It's also just really nice to be able to see how lighting would accurately work on objects that are complex.

Dream Mix Games

29,019 次观看 • 1 年前

Made some major improvements to my WebGPU water shader (thanks Ghislain Girardot for the feedback!) Fixed a bug where waves weren't propagating and implemented JONSWAP spectrum for more realistic wave grouping. Hitting ~70FPS @ 2K res on my Macbook M1 Pro #threejs #webgpu #shaders

Made some major improvements to my WebGPU water shader (thanks Ghislain Girardot for the feedback!) Fixed a bug where waves weren't propagating and implemented JONSWAP spectrum for more realistic wave grouping. Hitting ~70FPS @ 2K res on my Macbook M1 Pro #threejs #webgpu #shaders

Dan Greenheck

18,852 次观看 • 9 个月前

Here's an improved version of it, swapped out studio lighting with an hdri, and some improvements on the jelly as well will add to my threejs agent skills soon

Here's an improved version of it, swapped out studio lighting with an hdri, and some improvements on the jelly as well will add to my threejs agent skills soon

Scott

21,496 次观看 • 12 天前

Since my newest Sonic render has made many wondering how I made my render look like Sonic Adventure 2D drawings, here's a turnaround video of the same Sonic 3D model and pose used to make the render! Warning, some angles may look strange XD. #sonicthehedgehog #art #3dartwork

Since my newest Sonic render has made many wondering how I made my render look like Sonic Adventure 2D drawings, here's a turnaround video of the same Sonic 3D model and pose used to make the render! Warning, some angles may look strange XD. #sonicthehedgehog #art #3dartwork

J.C. Thornton

47,426 次观看 • 1 个月前

$I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!$

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!

Danny Limanseta

203,685 次观看 • 5 个月前

made my threejs "pixel screen" shader more generic. give it a 2D grid of pixels and it does the rest. so obviously, bad apple.

made my threejs "pixel screen" shader more generic. give it a 2D grid of pixels and it does the rest. so obviously, bad apple.

Codetard

19,438 次观看 • 1 年前

Marvel Rivals white rim light effect in blender Eevee from this weekend. Simple camera based with geo nodes and shader editor no lighting involved. Then comped with some chromatic aberration Was doing some render ended up trying that out Nodes screen in thread below🧵

Marvel Rivals white rim light effect in blender Eevee from this weekend. Simple camera based with geo nodes and shader editor no lighting involved. Then comped with some chromatic aberration Was doing some render ended up trying that out Nodes screen in thread below🧵

Paul Ruano-Borbalan

104,967 次观看 • 1 年前

got bored, went back to frontiers unity I managed to implement some objects in (fuck the jump panels) and made a better-ish cyloop shader

got bored, went back to frontiers unity I managed to implement some objects in (fuck the jump panels) and made a better-ish cyloop shader

strix

12,041 次观看 • 18 天前

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs

Junichiro Horikawa

27,374 次观看 • 1 年前

🧊 Technical Showcase: A full WebGPU 3D engine that maps shader geometry to your DOM elements. Martin's gpu-curtains gives you lights, shadows, compute shaders, glTF, and instancing, but the real trick is how it turns your divs into scrollable, resizable shader planes without any coordinate math. The successor to curtains.js, rebuilt from scratch. 🔗 #WebGPU #CreativeCoding #Shaders #WebDev #3D

🧊 Technical Showcase: A full WebGPU 3D engine that maps shader geometry to your DOM elements. Martin's gpu-curtains gives you lights, shadows, compute shaders, glTF, and instancing, but the real trick is how it turns your divs into scrollable, resizable shader planes without any coordinate math. The successor to curtains.js, rebuilt from scratch. 🔗 #WebGPU #CreativeCoding #Shaders #WebDev #3D

WebGL / WebGPU

10,971 次观看 • 7 个月前

I wanted to show some examples of how I usually use (or don't) 3D elements in my drawing process. Sometimes I also use photos of my own hands or objects I have around my house.

I wanted to show some examples of how I usually use (or don't) 3D elements in my drawing process. Sometimes I also use photos of my own hands or objects I have around my house.

Waltzpurgis

23,548 次观看 • 4 个月前

My wife and daughter told me about Crocs Jibbitz, so I built a 3D editor to place them naturally and pick your favorites before buying. Ready to integrate into an e-commerce service? Why not it's a prototype anyway, made possible thanks to Omma AI + #threeJS.

My wife and daughter told me about Crocs Jibbitz, so I built a 3D editor to place them naturally and pick your favorites before buying. Ready to integrate into an e-commerce service? Why not it's a prototype anyway, made possible thanks to Omma AI + #threeJS.

Joseph Azar

15,221 次观看 • 2 个月前

Finally solved all the big things needed to prove occlusion culling is viable in the Hyperfy engine. All culling happens directly at render time and instantly, we've taken over the Three.js render pipeline to use our spatial hierarchy and manually issue renders, postprocessing and shadow passes with both frustum and occlusion culling. Our pipeline now aligns much more closely to unity/unreal because we collect visible objects and issue custom instanced draws on the fly for only those objects every single frame. This is one of the biggest issues engines on the web like three, babylon and playcanvas have and imo the reason people coming from unity/unreal don't take them seriously. There's a lot to unpack here, maybe i'll make a thread soon.

Finally solved all the big things needed to prove occlusion culling is viable in the Hyperfy engine. All culling happens directly at render time and instantly, we've taken over the Three.js render pipeline to use our spatial hierarchy and manually issue renders, postprocessing and shadow passes with both frustum and occlusion culling. Our pipeline now aligns much more closely to unity/unreal because we collect visible objects and issue custom instanced draws on the fly for only those objects every single frame. This is one of the biggest issues engines on the web like three, babylon and playcanvas have and imo the reason people coming from unity/unreal don't take them seriously. There's a lot to unpack here, maybe i'll make a thread soon.

Ash

15,118 次观看 • 1 年前

AI video has a control problem. Most AI tools generate in 2D. Filmmakers think, stage, and direct in 3D. Today we're introducing Flow Studio 3D Editor + Canvas. Build and direct your scene in 3D. Then use Canvas to render and refine the final look with leading AI models. Stay in 2D when speed matters. Move into 3D when you need precision. AI can build the scene. You still call the shots. Start directing:

AI video has a control problem. Most AI tools generate in 2D. Filmmakers think, stage, and direct in 3D. Today we're introducing Flow Studio 3D Editor + Canvas. Build and direct your scene in 3D. Then use Canvas to render and refine the final look with leading AI models. Stay in 2D when speed matters. Move into 3D when you need precision. AI can build the scene. You still call the shots. Start directing:

Autodesk Flow Studio

35,317 次观看 • 1 个月前

Just tried vibecoding with ThreeJS again (after more than 6 months) and I have to say that the models have gotten much better at coding with ThreeJS and creating 3D models from scratch.

Just tried vibecoding with ThreeJS again (after more than 6 months) and I have to say that the models have gotten much better at coding with ThreeJS and creating 3D models from scratch.

Danny Limanseta

204,438 次观看 • 5 个月前

This week, I overhauled concurrent heap defragmentation (akin to garbage collection) in my voxel game, achieving microsecond-level pause times and O(1) scalability across all platforms. Since existing research didn't fit my needs, I built my own defragmentation algorithm from first principles. The new system is a game-changer for the Gamecube and Dreamcast, where memory can easily become a bottleneck. These improvements eliminate stutters, even with millions of allocated objects like chunks and entities. In the first clip, the PC version runs 100,000 objects (render distance: 32) with no issues. The second clip in the reply ramps up to half a million objects (render distance: 64) and still holds steady — pause times stayed rock solid.

This week, I overhauled concurrent heap defragmentation (akin to garbage collection) in my voxel game, achieving microsecond-level pause times and O(1) scalability across all platforms. Since existing research didn't fit my needs, I built my own defragmentation algorithm from first principles. The new system is a game-changer for the Gamecube and Dreamcast, where memory can easily become a bottleneck. These improvements eliminate stutters, even with millions of allocated objects like chunks and entities. In the first clip, the PC version runs 100,000 objects (render distance: 32) with no issues. The second clip in the reply ramps up to half a million objects (render distance: 64) and still holds steady — pause times stayed rock solid.

A Flock of Meese

38,548 次观看 • 1 年前

I 3D scanned my stump and my ax and my wood and recorded my ax motions and splitting sounds and made it into a super satisfying firewood splitting simulator (vibecoded with Antigravity/Claude in threejs)

I 3D scanned my stump and my ax and my wood and recorded my ax motions and splitting sounds and made it into a super satisfying firewood splitting simulator (vibecoded with Antigravity/Claude in threejs)

Gavin Shapiro 🐧

133,686 次观看 • 3 个月前

follow up with the second prompt "Twelve principles of animation", I made a silly dancefloor to show the different principles, also added some insights, some are actually very hard to render ^^' #genuary #genuary2 #genuary2026

follow up with the second prompt "Twelve principles of animation", I made a silly dancefloor to show the different principles, also added some insights, some are actually very hard to render ^^' #genuary #genuary2 #genuary2026

Nicolas Barradeau

16,899 次观看 • 8 个月前