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,621 subscribers

31,348 views • 1 year ago •via X (Twitter)

Science & Technology Education Arts #threejs

Anya Rossi• Live Now

Private livecam show

10 Comments

Felix Martinez1 year ago

damn! didn't remember about Twitter video compression 🙃

mab newemka ✨1 year ago

Nice!

Felix Martinez1 year ago

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

Zolden1 year ago

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

Felix Martinez1 year ago

I feel you

Robert Borghesi1 year ago

Crazy

Felix Martinez1 year ago

thanks ;)

Brian Jordan1 year ago

That is some nice fluid!

Felix Martinez1 year ago

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

BR_in_flames1 year ago

nice stuff! how do you do it?

Related Videos

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader

Codetaur

26,118 views • 13 days ago

i built a magnetostatic solver + field renderer for arbitrary geometries

i built a magnetostatic solver + field renderer for arbitrary geometries

bebeal

114,285 views • 2 months ago

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,239 views • 3 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 • 7 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,947 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

From fluid state to structured text. No idea where this would end. #troikatext #threejs #shaders

From fluid state to structured text. No idea where this would end. #troikatext #threejs #shaders

Felix Martinez

29,688 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

657,599 views • 2 years 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,219 views • 3 months ago

Interactive rug shader - A Three.js port of Dervish'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 Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,266 views • 1 year 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,954 views • 3 years 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,538 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

Wave Lights Demo and Source Code: #threejs #webgl #shader

Wave Lights Demo and Source Code: #threejs #webgl #shader

Sabo Sugi

24,312 views • 1 month ago

ascii fluid. in threejs / tsl / webgpu

ascii fluid. in threejs / tsl / webgpu

Codetaur

58,950 views • 2 months ago

moving shader controls inside the CRT's ui. built with threejs / webgpu

moving shader controls inside the CRT's ui. built with threejs / webgpu

Codetaur

20,046 views • 12 days 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

Trails Stream (Updated) Demo and Source Code: #threejs #webgl #shader

Trails Stream (Updated) Demo and Source Code: #threejs #webgl #shader

Sabo Sugi / Mondragon Framer Template

18,213 views • 1 month ago

This shader is massive, and has over 100 properties you can play with to get anything from wispy trails and lit smoke, to a fully 3D flamethrower (and more): I've created a custom ShaderGUI/editor to improve the UX. 🤓 Foldout groups, info boxes, tooltips... still a work in progress! #unity3d #gamedev #realtimevfx

This shader is massive, and has over 100 properties you can play with to get anything from wispy trails and lit smoke, to a fully 3D flamethrower (and more): I've created a custom ShaderGUI/editor to improve the UX. 🤓 Foldout groups, info boxes, tooltips... still a work in progress! #unity3d #gamedev #realtimevfx

Mirza Beig

32,950 views • 1 year 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