Raphaël Améaume
@raphaelameaume.com
Freelance Creative Technologist. Building Fragment, a web development environment for creative coding. he/him
https://raphaelameaume.com
https://fragment.tools
https://raphaelameaume.com
https://fragment.tools
Pinned
Raphaël Améaume
@raphaelameaume.com
· Mar 24
fragment
A web development environment for creative coding.
fragment.tools
These past months, I've been rewriting the entire core of Fragment with the latest version of @svelte.dev!
It's 100% compatible with the previous version but has a bunch of new exciting features.
Let's look at one thing a day everyday (until I don't have anything new to show).
fragment.tools
It's 100% compatible with the previous version but has a bunch of new exciting features.
Let's look at one thing a day everyday (until I don't have anything new to show).
fragment.tools
Reposted by Raphaël Améaume
the joy of using fragment 🥰
January 10, 2026 at 12:30 PM
the joy of using fragment 🥰
Genuary 05 - Write Genuary without using a font
Exported SVG of my handwriting from
@tldraw.com, using it as a texture source in WebGL.
Could have been a fragment shader but my original idea was different so that's a lot of instanced planes
#genuary #genuary2026 #genuary5 #madewithfragment
Exported SVG of my handwriting from
@tldraw.com, using it as a texture source in WebGL.
Could have been a fragment shader but my original idea was different so that's a lot of instanced planes
#genuary #genuary2026 #genuary5 #madewithfragment
January 10, 2026 at 11:26 AM
Genuary 05 - Write Genuary without using a font
Exported SVG of my handwriting from
@tldraw.com, using it as a texture source in WebGL.
Could have been a fragment shader but my original idea was different so that's a lot of instanced planes
#genuary #genuary2026 #genuary5 #madewithfragment
Exported SVG of my handwriting from
@tldraw.com, using it as a texture source in WebGL.
Could have been a fragment shader but my original idea was different so that's a lot of instanced planes
#genuary #genuary2026 #genuary5 #madewithfragment
Can't wait for the rest! It's the 9th and I'm already 5 days late... 😭
January 9, 2026 at 5:44 PM
Can't wait for the rest! It's the 9th and I'm already 5 days late... 😭
The joy of seeing people creating things with Fragment 🥹
Genuary 2026 day 1 – One color, one shape
#genuary #genuary2026 #genuary1
#generativeart #creativecoding #madewithfragment
#genuary #genuary2026 #genuary1
#generativeart #creativecoding #madewithfragment
January 9, 2026 at 5:43 PM
The joy of seeing people creating things with Fragment 🥹
Reposted by Raphaël Améaume
The dot product is used everywhere in games, often with unit vectors to determine how aligned they are.
But if it’s never really clicked for you, this thread is full of visual examples.
But if it’s never really clicked for you, this thread is full of visual examples.
January 8, 2026 at 3:02 PM
The dot product is used everywhere in games, often with unit vectors to determine how aligned they are.
But if it’s never really clicked for you, this thread is full of visual examples.
But if it’s never really clicked for you, this thread is full of visual examples.
Reposted by Raphaël Améaume
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
#genuary #genuary2 #genuary2026
January 6, 2026 at 10:07 PM
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
#genuary #genuary2 #genuary2026
Reposted by Raphaël Améaume
Le vélo à Paris c'est la liberté, qu'il vente ou qu'il neige ! ❄️
January 5, 2026 at 8:25 PM
Le vélo à Paris c'est la liberté, qu'il vente ou qu'il neige ! ❄️
Genuary 04 - Low res
Low resolution analog postcards from my trip to Japan last year
#genuary #genuary2026 #genuary4 #madewithfragment
Low resolution analog postcards from my trip to Japan last year
#genuary #genuary2026 #genuary4 #madewithfragment
January 5, 2026 at 8:39 PM
Genuary 04 - Low res
Low resolution analog postcards from my trip to Japan last year
#genuary #genuary2026 #genuary4 #madewithfragment
Low resolution analog postcards from my trip to Japan last year
#genuary #genuary2026 #genuary4 #madewithfragment
Reposted by Raphaël Améaume
We had a good run
2026 could be great. We simply don't know.
January 3, 2026 at 4:08 PM
We had a good run
Reposted by Raphaël Améaume
Genuary 2026, day 5: Write “Genuary”. Avoid using a font. 🤓
Used Flexflex. Technically, it's not a font, it's a JS library!
#genuary #genuary2026 #genuary5
#generativeart #p5js #creativecoding
Used Flexflex. Technically, it's not a font, it's a JS library!
#genuary #genuary2026 #genuary5
#generativeart #p5js #creativecoding
January 5, 2026 at 3:58 PM
Genuary 2026, day 5: Write “Genuary”. Avoid using a font. 🤓
Used Flexflex. Technically, it's not a font, it's a JS library!
#genuary #genuary2026 #genuary5
#generativeart #p5js #creativecoding
Used Flexflex. Technically, it's not a font, it's a JS library!
#genuary #genuary2026 #genuary5
#generativeart #p5js #creativecoding
Reposted by Raphaël Améaume
GLSL Web CRT Shader
I’m releasing my GLSL Web CRT Shader as open source.
blog.gingerbeardman.com/2026/01/04/g...
Have fun with it! 😎
I’m releasing my GLSL Web CRT Shader as open source.
blog.gingerbeardman.com/2026/01/04/g...
Have fun with it! 😎
January 4, 2026 at 6:20 PM
GLSL Web CRT Shader
I’m releasing my GLSL Web CRT Shader as open source.
blog.gingerbeardman.com/2026/01/04/g...
Have fun with it! 😎
I’m releasing my GLSL Web CRT Shader as open source.
blog.gingerbeardman.com/2026/01/04/g...
Have fun with it! 😎
Reposted by Raphaël Améaume
Genuary 2026, day 4: Lowres. ☁️
Clouds come from the following paintings:
-Lakeside Landscape from Tavastia, Hjalmar Munsterhjelm
-Syyspilviä, Berndt Lindholm
-Cloud Study, Eero Järnefelt
-Landscape from Savo, Fridolf Weurlander
#genuary #genuary2026 #genuary4
#generativeart #p5js #creativecoding
Clouds come from the following paintings:
-Lakeside Landscape from Tavastia, Hjalmar Munsterhjelm
-Syyspilviä, Berndt Lindholm
-Cloud Study, Eero Järnefelt
-Landscape from Savo, Fridolf Weurlander
#genuary #genuary2026 #genuary4
#generativeart #p5js #creativecoding
January 4, 2026 at 8:24 PM
Genuary 2026, day 4: Lowres. ☁️
Clouds come from the following paintings:
-Lakeside Landscape from Tavastia, Hjalmar Munsterhjelm
-Syyspilviä, Berndt Lindholm
-Cloud Study, Eero Järnefelt
-Landscape from Savo, Fridolf Weurlander
#genuary #genuary2026 #genuary4
#generativeart #p5js #creativecoding
Clouds come from the following paintings:
-Lakeside Landscape from Tavastia, Hjalmar Munsterhjelm
-Syyspilviä, Berndt Lindholm
-Cloud Study, Eero Järnefelt
-Landscape from Savo, Fridolf Weurlander
#genuary #genuary2026 #genuary4
#generativeart #p5js #creativecoding
Genuary 03 - Fibonacci forever
Regular dodecahedron and some periodic movement based on the Fibonacci sequence.
#genuary #genuary3 #genuary2026 #madewithfragment
Regular dodecahedron and some periodic movement based on the Fibonacci sequence.
#genuary #genuary3 #genuary2026 #madewithfragment
January 4, 2026 at 6:57 PM
Genuary 03 - Fibonacci forever
Regular dodecahedron and some periodic movement based on the Fibonacci sequence.
#genuary #genuary3 #genuary2026 #madewithfragment
Regular dodecahedron and some periodic movement based on the Fibonacci sequence.
#genuary #genuary3 #genuary2026 #madewithfragment
Genuary 02 - Twelve principles of animation
#genuary #genuary2 #genuary2026 #madewithfragment
Live version in the link below ⬇️
#genuary #genuary2 #genuary2026 #madewithfragment
Live version in the link below ⬇️
January 3, 2026 at 12:22 PM
Genuary 02 - Twelve principles of animation
#genuary #genuary2 #genuary2026 #madewithfragment
Live version in the link below ⬇️
#genuary #genuary2 #genuary2026 #madewithfragment
Live version in the link below ⬇️
Reposted by Raphaël Améaume
#genuary 2: 12 principles of animation. Here's some anticipation and overshoot done in a p5.strands shader. #p5 #p5v2 openprocessing.org/sketch/2838235
January 2, 2026 at 1:40 PM
#genuary 2: 12 principles of animation. Here's some anticipation and overshoot done in a p5.strands shader. #p5 #p5v2 openprocessing.org/sketch/2838235
Genuary 01 - One color, one shape
January 1, 2026 at 3:46 PM
Genuary 01 - One color, one shape
Oh well I didn’t know that one either! Thanks for sharing!
December 19, 2025 at 7:18 AM
Oh well I didn’t know that one either! Thanks for sharing!
Reposted by Raphaël Améaume
Switching to rgba() wasn't needed even before the `from` syntax (which I prefer nowadays, but before we had it, I used `color-mix()`)
bsky.app/profile/anat...
bsky.app/profile/anat...
#tinyCSStip
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
December 18, 2025 at 3:02 PM
Switching to rgba() wasn't needed even before the `from` syntax (which I prefer nowadays, but before we had it, I used `color-mix()`)
bsky.app/profile/anat...
bsky.app/profile/anat...
Can't count how many times I needed to add transparency a specific colour in CSS and switched to rgba() format.
TIL the syntax I'm using is legacy *and* there's a new "from" syntax to do just that 💯
TIL the syntax I'm using is legacy *and* there's a new "from" syntax to do just that 💯
A few months ago, I said something about AI using the legacy color syntax, and it turns out *a lot* of people still use it too.
That inspired two articles on @piccalil.li, and now this video as well.
youtu.be/Uynb7Ci8JMg
(articles: piccalil.li/blog/a-pragm... & piccalil.li/blog/a-pragm...)
That inspired two articles on @piccalil.li, and now this video as well.
youtu.be/Uynb7Ci8JMg
(articles: piccalil.li/blog/a-pragm... & piccalil.li/blog/a-pragm...)
Stop using the legacy color syntax
YouTube video by Kevin Powell
youtu.be
December 18, 2025 at 8:42 AM
Can't count how many times I needed to add transparency a specific colour in CSS and switched to rgba() format.
TIL the syntax I'm using is legacy *and* there's a new "from" syntax to do just that 💯
TIL the syntax I'm using is legacy *and* there's a new "from" syntax to do just that 💯
Reposted by Raphaël Améaume
6 years of thinking I can make a better portfolio.
1 year of actually building it.
My new portfolio is LIVE 🚀
Please, don't break anything!
👉 bruno-simon.com
1 year of actually building it.
My new portfolio is LIVE 🚀
Please, don't break anything!
👉 bruno-simon.com
December 9, 2025 at 2:00 PM
6 years of thinking I can make a better portfolio.
1 year of actually building it.
My new portfolio is LIVE 🚀
Please, don't break anything!
👉 bruno-simon.com
1 year of actually building it.
My new portfolio is LIVE 🚀
Please, don't break anything!
👉 bruno-simon.com
Just released Fragment v0.2.11
I decided to drop support for glslify in shader files. It doesn't seem to be used anymore thanks to include directives and it accounted for 66 dependencies alone on a total of 118.
Otherwise, fixes and docs improvements, read more here
github.com/raphaelameau...
I decided to drop support for glslify in shader files. It doesn't seem to be used anymore thanks to include directives and it accounted for 66 dependencies alone on a total of 118.
Otherwise, fixes and docs improvements, read more here
github.com/raphaelameau...
Release v0.2.11 · raphaelameaume/fragment
What's Changed
fix: prevent tsconfig.json creation when running JavaScript sketches by @raphaelameaume in #215
feat: add defineConfig helper by @raphaelameaume in #216
feat: support TS config file...
github.com
December 5, 2025 at 8:06 AM
Just released Fragment v0.2.11
I decided to drop support for glslify in shader files. It doesn't seem to be used anymore thanks to include directives and it accounted for 66 dependencies alone on a total of 118.
Otherwise, fixes and docs improvements, read more here
github.com/raphaelameau...
I decided to drop support for glslify in shader files. It doesn't seem to be used anymore thanks to include directives and it accounted for 66 dependencies alone on a total of 118.
Otherwise, fixes and docs improvements, read more here
github.com/raphaelameau...