@Sirokos profile picture
Felix Martinez @Sirokos
Joined February 2009
  • Tweets 1,336
  • Following 493
  • Followers 1,620
223 Photos and videos
Pinned Tweet
Felix Martinez@Sirokos
10 Sep 2024
Got some time to tidy up a bit this exploration and publish a live link! SPH is a little monster that needs to be harnessed :) Link: fluid.felixmartinez.dev (double click to play with the presets) #threejs #realtime #troikatext
3:32
6
29
344
21,100
Lately exploring the 3D fluid rendering and how wasm and webgpu interact. Quite a lot of learnings, this is a little demo on the current progress.
0:59
2
5
60
7,106
Link to the demo (Desktop only) so you can try it in realtime -> fluid.kansei.graphics P.S. It is highly experimental and probably will have a lot of bugs, performance issues, so bear with me :)
1
1
395
Riding the wave of the pretext.js without pretext 😅
0:35
29
104
1,463
73,936
I've been improving the SPH over the last few days and fully ported it to pure WGSL (thanks Claude :). Now it has proper spatial hashing and the text renderer works nicely with my old implementation of MSDF glyphs. Let's see if Twitter compression doesn't f*ck the video up
2:07
1
1
27
1,629
A watch (vibe)coded in 30 min with #threejs and #troikatext Link: clock.felixmartinez.dev/ Click Ⓜ️ to show/hide controls
1:11
10
58
470
34,559
I did a rapid prototype using Cursor, which uses Google Maps to showcase the Gulf of Mexico, but you can name it as you want. I know I may be late to the party but I thought it was fun to share here. gulfof.vercel.app/
0:34
2
10
619
#genuary8 - "Draw one million of something" So a bunch of planes rendered with instancing on Kansei. Link and source: genuary25.felixmartinez.dev/… #genuary2025
0:48
1
7
23
901
#genuary2025 Day 7 - "Use software that is not intended to create art or images". I used plain text appended into an HTML div to create a 3D rotating cube with no libraries. Performance is better than I expected! Link: genuary25.felixmartinez.dev/…
0:15
7
12
590
Day 6 for #genuary2025 - "Make a landscape using only primitive shapes", boxes seems to be the most common approach this year. My take uses instanced boxes in #webGPU and FBM noise to drive the height. Link: genuary25.felixmartinez.dev/…
1:08
1
3
12
546
Added scrolling for 'infinite' landscape
0:35
360
Bit behind with #genuary2025 day 4 was "black on black" and I did some tweaking on my #webgpu msdf font renderer, playing with vertex shader transformations over instanced geometry. Link: genuary25.felixmartinez.dev/… Source: github.com/Siroko/genuary202… Time to jump onto day 5 and 6 😅
0:13
5
10
562
Day 3 and the "Exactly 42 lines of code" I went for a quick "Boids" implementation with vanilla canvas 2D on Typescript. #genuary2025 #genuary3
0:24
1
3
18
716
Link: genuary25.felixmartinez.dev/… Source code: github.com/Siroko/genuary202…
309
Day 2 of #genuary2025 for the prompt: Layers upon layers upon layers. I thought about replicating the good old Nanikawa effect on WebGPU, but I just had a couple of hours while flying on a plane to code it, so this is where I landed :) Link: genuary25.felixmartinez.dev/…
1:00
2
13
135
4,406
Day one for Genuary 2025. Prompt: Vertical or horizontal lines only. Link: genuary25.felixmartinez.dev/… A rainy day, is a quick entry done with my custom WebGPU engine. I will try to keep up with #genuary2025 this year, let's see how it goes 😅
0:20
2
7
80
2,008
Hire Hector while he is available. One of the best witch-crafters out-there for the 3D web.
Hat@hector_arellano
28 Oct 2024
I'm available starting now for Frontend/Creative work. If you have a project that could benefit from my skills please feel free to reach out!
0:30
8
49
3,159
Baby steps with WebGPU 🍼 I missed working with compute shaders since my last Unity project a couple years ago. Can't wait for it to be enabled by default all across the browsers landscape!
1:14
9
26
1,472
Felix Martinez retweeted
Hat@hector_arellano
14 Oct 2024
New Post... "Indirect Lighting on Particles in Real Time", based on the works from @edankwan miaumiau.cat/?p=1476
15
79
4,690
- Runtime SDF generation from arbitrary geometry in JavaScript? - Yes please!
Hat@hector_arellano
29 Jul 2024
Voxelization & Distance Fields from Meshes in WebGL, demo: hectorarellanodev.github.io/…, implementation post: miaumiau.cat/?p=1457. Thanks to: @edankwan @vlucendo @DougLilliequist and @Sirokos
0:18
5
22
991
Load more