Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Some work in progress with Troika text renderer for #threejs and a custom (shader-based) fluid solver.

Felix Martinez

1,619 subscribers

31,366 views • 2 years ago •via X (Twitter)

Science & Technology Education Arts #threejs

Anya Rossi• Live Now

Private livecam show

10 Comments

Felix Martinez2 years ago

damn! didn't remember about Twitter video compression 🙃

mab newemka ✨2 years ago

Nice!

Felix Martinez2 years ago

haha yeah, alphabet soup comes to mind quite easy while working on it 😅

Zolden2 years ago

It's a good depiction of my brain trying to remember the right word to make the sentence elegant and smart.

Felix Martinez2 years ago

I feel you

Robert Borghesi2 years ago

Crazy

Felix Martinez2 years ago

thanks ;)

Brian Jordan2 years ago

That is some nice fluid!

Felix Martinez2 years ago

Thanks Brian! Still need to work on it, but looks good enough 😅

BR_in_flames2 years ago

nice stuff! how do you do it?

Related Videos

shader effects for 3d gaussian splats are a fun way to add reality bending effects to your 3d scans. made using sparkjs which is an open source 3dgs renderer for threejs.

shader effects for 3d gaussian splats are a fun way to add reality bending effects to your 3d scans. made using sparkjs which is an open source 3dgs renderer for threejs.

Bilawal Sidhu

45,359 views • 6 months ago

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 views • 9 months ago

For my last post of the sabbatical I thought I'd share a simplicial fluid solver I implemented using Houdini's new linear solver. Based off the paper: "Stable, Circulation-Preserving, Simplicial Fluids" Hip file here:

For my last post of the sabbatical I thought I'd share a simplicial fluid solver I implemented using Houdini's new linear solver. Based off the paper: "Stable, Circulation-Preserving, Simplicial Fluids" Hip file here:

Jake Rice

32,951 views • 2 years ago

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

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

Palash Bansal

55,327 views • 2 years ago

“Win-Win” A demo with a little text mode window manager that I use for some of my text projects. Comes with custom styles and shadows. ↓

“Win-Win” A demo with a little text mode window manager that I use for some of my text projects. Comes with custom styles and shadows. ↓

ertdfgcvb 𓅰 𓅬 𓅭 𓅮 𓅯

13,174 views • 1 year ago

$Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl$

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl

Aj

658,290 views • 2 years ago

Interactive rug shader - A Three.js port of @_Dervishh's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Interactive rug shader - A Three.js port of @_Dervishh's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,380 views • 1 year ago

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .

Aaron Wacker

47,394 views • 6 months ago

Introducing Kissan (Farmer's) GPT. A ChatGPT and Whisper based assistant for underserved agriculture domain of India. Work-in-progress. Expect bugs. (It uses ChatGPT-3.5-turbo and expecting results to improve after GPT-4 and adding custom embeddings.)

Introducing Kissan (Farmer's) GPT. A ChatGPT and Whisper based assistant for underserved agriculture domain of India. Work-in-progress. Expect bugs. (It uses ChatGPT-3.5-turbo and expecting results to improve after GPT-4 and adding custom embeddings.)

Pratik Desai

227,989 views • 3 years ago

been making a ton more progress with the first person animations for locomotion lately! there's now a full suite of idle/movement/jumping/falling animations, quick item switch animations, and some work-in-progress mining animations that are sped up based on the tool type!

been making a ton more progress with the first person animations for locomotion lately! there's now a full suite of idle/movement/jumping/falling animations, quick item switch animations, and some work-in-progress mining animations that are sped up based on the tool type!

James P.

61,338 views • 1 year ago

I wrote a custom shader graph shader for flickering hologram screens in Unity. Supports both still images and video files. Tutorial in the link #indiedevhour #adventuregame

I wrote a custom shader graph shader for flickering hologram screens in Unity. Supports both still images and video files. Tutorial in the link #indiedevhour #adventuregame

Jussi Kemppainen | Drivers of the Apocalypse

71,545 views • 3 years ago

Mario Kart 3.JS - DEVLOG 2 Today's work : improved kart drift VFX, i'm still thinking of how will I have my trail particles, but it's in progress. Got the exact drift Shader from Mario Kart World using circle geometry. And mostly... #threejs #webGL #threejsjourney

Mario Kart 3.JS - DEVLOG 2 Today's work : improved kart drift VFX, i'm still thinking of how will I have my trail particles, but it's in progress. Got the exact drift Shader from Mario Kart World using circle geometry. And mostly... #threejs #webGL #threejsjourney

Alex

24,041 views • 1 year ago

Something I made a little while ago -- a blur implementation in the shader editor. Uses a custom node with a kernel to easily do sharpening etc with it too! It's interesting to play with for camera distance based blurring :3 #blender3d #b3d

Something I made a little while ago -- a blur implementation in the shader editor. Uses a custom node with a kernel to easily do sharpening etc with it too! It's interesting to play with for camera distance based blurring :3 #blender3d #b3d

ruki

41,629 views • 3 years ago

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant

Garrett Johnson

40,395 views • 1 year ago

Working on a fully custom gobal wind shader for grass in Unreal Engine

Working on a fully custom gobal wind shader for grass in Unreal Engine

Leôn

17,564 views • 6 months ago

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding

Lisha

16,793 views • 10 months ago

A little work in progress on my new #threejs project showing how Screen Space Global Illumination also works wonders in open scenes. Here, I'm using SSGI with CSM, SSS (screen space shadows), and a custom atmospheric fog for more realism. Adjusting the time of day in a scene like this is like a dream come true 😍. More details soon. #webgpu #tsl #creativecoding #threejsJourney

A little work in progress on my new #threejs project showing how Screen Space Global Illumination also works wonders in open scenes. Here, I'm using SSGI with CSM, SSS (screen space shadows), and a custom atmospheric fog for more realism. Adjusting the time of day in a scene like this is like a dream come true 😍. More details soon. #webgpu #tsl #creativecoding #threejsJourney

Anderson Mancini

11,017 views • 9 months ago

Happy #IndieAnimationDay! We're developing a classically animated action-adventure #indiegame with Knights of the Light Table based on the expansive world of Beyond the Western Deep! Here's some more work-in-progress combat for you (idle anims and hit-reacts coming soon)!

Sensitive content

Happy #IndieAnimationDay! We're developing a classically animated action-adventure #indiegame with Knights of the Light Table based on the expansive world of Beyond the Western Deep! Here's some more work-in-progress combat for you (idle anims and hit-reacts coming soon)!

Beyond the Western Deep

64,452 views • 3 years ago

binbun3 shared a texture-based transition shader in Godot, using gradients to shape and drive the effect, with clean UV handling for radial transitions. See more:

binbun3 shared a texture-based transition shader in Godot, using gradients to shape and drive the effect, with clean UV handling for radial transitions. See more:

Jettelly Inc.

38,580 views • 7 months ago