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
Discovered the work of Lygia Pape over the weekend, through the "Minimal" exhibition at Bourse de Commerce in Paris.
Love at first sight
Love at first sight
October 20, 2025 at 2:07 PM
Discovered the work of Lygia Pape over the weekend, through the "Minimal" exhibition at Bourse de Commerce in Paris.
Love at first sight
Love at first sight
Reposted by Raphaël Améaume
Cette semaine : RDV mercredi 15 octobre pour nous souvenir de notre ami Paul Varry, témoigner de notre soutien à ses proches et réclamer des actions concrètes contre les violences motorisées.
#StopViolenceMotorisée #JeSuisPaul
#StopViolenceMotorisée #JeSuisPaul
October 13, 2025 at 2:07 PM
Cette semaine : RDV mercredi 15 octobre pour nous souvenir de notre ami Paul Varry, témoigner de notre soutien à ses proches et réclamer des actions concrètes contre les violences motorisées.
#StopViolenceMotorisée #JeSuisPaul
#StopViolenceMotorisée #JeSuisPaul
Really looking forward to going to the KIKK Festival in two weeks in Namur, Belgium! After wanting to go for years and not being able to, this will be my first time there.
Hit me up if you're around and wanna talk about shaders and creative coding! 👋
www.kikk.be
Hit me up if you're around and wanna talk about shaders and creative coding! 👋
www.kikk.be
Home Page - Kikk Festival
A journey to the heart of the digital world, where 1s and 0s, truths and falsities, mix and mingle, raising the question of our perception.
www.kikk.be
October 10, 2025 at 8:15 AM
Really looking forward to going to the KIKK Festival in two weeks in Namur, Belgium! After wanting to go for years and not being able to, this will be my first time there.
Hit me up if you're around and wanna talk about shaders and creative coding! 👋
www.kikk.be
Hit me up if you're around and wanna talk about shaders and creative coding! 👋
www.kikk.be
Reposted by Raphaël Améaume
DevRel friends — where are you?
I’m building Okay Social as a space for the creative + dev community to reconnect.
If that mission resonates, I’d love your help spreading the word.
I’m building Okay Social as a space for the creative + dev community to reconnect.
If that mission resonates, I’d love your help spreading the word.
October 9, 2025 at 5:03 PM
DevRel friends — where are you?
I’m building Okay Social as a space for the creative + dev community to reconnect.
If that mission resonates, I’d love your help spreading the word.
I’m building Okay Social as a space for the creative + dev community to reconnect.
If that mission resonates, I’d love your help spreading the word.
Reposted by Raphaël Améaume
Among the work I'm most proud of, here's one small project I made years ago that's finally out there! Learned so much about frame buffers and shaders through it — dimsum009.resn.global
#webgl #threejs #creativecoding
#webgl #threejs #creativecoding
September 9, 2025 at 8:07 AM
Among the work I'm most proud of, here's one small project I made years ago that's finally out there! Learned so much about frame buffers and shaders through it — dimsum009.resn.global
#webgl #threejs #creativecoding
#webgl #threejs #creativecoding
Reposted by Raphaël Améaume
🚀 Big news! Okay Social is now open to everyone.
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
October 5, 2025 at 4:12 PM
🚀 Big news! Okay Social is now open to everyone.
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
Reposted by Raphaël Améaume
Messenger
It's a small planet, but someone's gotta make the deliveries.
messenger.abeto.co
September 28, 2025 at 11:14 PM
Reposted by Raphaël Améaume
i wrote about atproto and why it matters
Open Social — overreacted
The protocol is the API.
overreacted.io
September 26, 2025 at 3:33 PM
i wrote about atproto and why it matters
Fragment is not affected by yesterday's attack on npm packages. 3 compromised packages can show up in node_modules but "strip-ansi" and "ansi-regex" are on previous major versions and "debug" version was already locked to 4.4.1.
September 9, 2025 at 8:24 AM
Fragment is not affected by yesterday's attack on npm packages. 3 compromised packages can show up in node_modules but "strip-ansi" and "ansi-regex" are on previous major versions and "debug" version was already locked to 4.4.1.
I just released a new version of Fragment which includes support for the new version of P5.js 2.0. I also updated the examples and all the templates now have the same initial state!
A big thanks to @arnaudrocca.bsky.social who added the long awaited TypeScript support 🙏
github.com/raphaelameau...
A big thanks to @arnaudrocca.bsky.social who added the long awaited TypeScript support 🙏
github.com/raphaelameau...
Release v0.2.9 · raphaelameaume/fragment
What's Changed
fix: prevent mutation of state on interval input changes by @raphaelameaume in #192
fix: clone of objects and arrays on reset by @raphaelameaume in #193
fix: p5 renderers canvas des...
github.com
September 5, 2025 at 9:49 AM
I just released a new version of Fragment which includes support for the new version of P5.js 2.0. I also updated the examples and all the templates now have the same initial state!
A big thanks to @arnaudrocca.bsky.social who added the long awaited TypeScript support 🙏
github.com/raphaelameau...
A big thanks to @arnaudrocca.bsky.social who added the long awaited TypeScript support 🙏
github.com/raphaelameau...
Math visualisation for an upcoming installation I'm working on.
Compute the shortest distance between a 2D point and a curved path made of two segments and a quadratic bezier curve then project the point on path with linear interpolation.
#madewithfragment
Compute the shortest distance between a 2D point and a curved path made of two segments and a quadratic bezier curve then project the point on path with linear interpolation.
#madewithfragment
September 3, 2025 at 12:43 PM
Math visualisation for an upcoming installation I'm working on.
Compute the shortest distance between a 2D point and a curved path made of two segments and a quadratic bezier curve then project the point on path with linear interpolation.
#madewithfragment
Compute the shortest distance between a 2D point and a curved path made of two segments and a quadratic bezier curve then project the point on path with linear interpolation.
#madewithfragment
Reposted by Raphaël Améaume
floating soft glass
made with WebGPU, compute shader, and a fully custom material
r3f.maximeheckel.com/webgpu/glass
made with WebGPU, compute shader, and a fully custom material
r3f.maximeheckel.com/webgpu/glass
July 15, 2025 at 7:03 PM
floating soft glass
made with WebGPU, compute shader, and a fully custom material
r3f.maximeheckel.com/webgpu/glass
made with WebGPU, compute shader, and a fully custom material
r3f.maximeheckel.com/webgpu/glass
Reposted by Raphaël Améaume
I wrote this article explaining algorithms for physarum-style simulations
bleuje.com/physarum-exp...
bleuje.com/physarum-exp...
Algorithms for making interesting organic simulations
Article explaining simulation algorithms that produce complex organic behaviours, starting with the classic physarum algorithm from Jeff Jones.
bleuje.com
July 13, 2025 at 9:14 PM
I wrote this article explaining algorithms for physarum-style simulations
bleuje.com/physarum-exp...
bleuje.com/physarum-exp...
Reposted by Raphaël Améaume
today's a great day to make sure "require alt text before posting" is enabled in your settings and to continue to make bluesky more accessible and inclusive bsky.app/settings/acc...
July 9, 2025 at 1:39 PM
today's a great day to make sure "require alt text before posting" is enabled in your settings and to continue to make bluesky more accessible and inclusive bsky.app/settings/acc...
Reposted by Raphaël Améaume
Imagine a space built just for creatives.
No ads. No algorithms. No BS.
Just real connections, real work, real value.
That’s OKAY SOCIAL.
Creatives, devs, designers, businesses — get in early. Help shape it.
No ads. No algorithms. No BS.
Just real connections, real work, real value.
That’s OKAY SOCIAL.
Creatives, devs, designers, businesses — get in early. Help shape it.
June 25, 2025 at 7:29 AM
Imagine a space built just for creatives.
No ads. No algorithms. No BS.
Just real connections, real work, real value.
That’s OKAY SOCIAL.
Creatives, devs, designers, businesses — get in early. Help shape it.
No ads. No algorithms. No BS.
Just real connections, real work, real value.
That’s OKAY SOCIAL.
Creatives, devs, designers, businesses — get in early. Help shape it.
Reposted by Raphaël Améaume
📝 New Blog Post 📝
I finally sat down to write about what I learned building a Volumetric Lighting effect for the web
In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project
blog.maximeheckel.com/posts/shapin...
I finally sat down to write about what I learned building a Volumetric Lighting effect for the web
In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project
blog.maximeheckel.com/posts/shapin...
On Shaping Light: Real-Time Volumetric Lighting with Post-Processing and Raymarching for the Web - The Blog of Maxime Heckel
A deep dive into Volumetric Lighting implemented via Post-Processing leveraging a custom shader with raymarching to create beautiful light and atmospheric effect for your React Three Fiber and Three.j...
blog.maximeheckel.com
June 10, 2025 at 3:12 PM
📝 New Blog Post 📝
I finally sat down to write about what I learned building a Volumetric Lighting effect for the web
In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project
blog.maximeheckel.com/posts/shapin...
I finally sat down to write about what I learned building a Volumetric Lighting effect for the web
In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project
blog.maximeheckel.com/posts/shapin...
Reposted by Raphaël Améaume
PSA: broken/desperate organizations – not individual developers – make shitty websites pketh.org/why-software...
May 25, 2025 at 2:02 AM
PSA: broken/desperate organizations – not individual developers – make shitty websites pketh.org/why-software...
Just published a new release of Fragment!
Including small fixes, dependencies update and a major cleanup of the NPM package.
Full changelog:
github.com/raphaelameau...
Including small fixes, dependencies update and a major cleanup of the NPM package.
Full changelog:
github.com/raphaelameau...
Release v0.2.6 · raphaelameaume/fragment
What's Changed
fix: return canvas in FragmentRenderer by @raphaelameaume in #164
fix: props disabled state by @raphaelameaume in #165
fix: IntervalInput clone error by @raphaelameaume in #166
docs...
github.com
May 20, 2025 at 8:23 AM
Just published a new release of Fragment!
Including small fixes, dependencies update and a major cleanup of the NPM package.
Full changelog:
github.com/raphaelameau...
Including small fixes, dependencies update and a major cleanup of the NPM package.
Full changelog:
github.com/raphaelameau...
Reposted by Raphaël Améaume
Comme cette illustration de Walker qui consiste à questionner un système ayant rendu "normal" le fait de stocker gratuitement un bien privé, aussi volumineux que dangereux, dans des rues souvent étroites. Et ça, ça mérite réflexion. 5/5
May 19, 2025 at 11:00 AM
Comme cette illustration de Walker qui consiste à questionner un système ayant rendu "normal" le fait de stocker gratuitement un bien privé, aussi volumineux que dangereux, dans des rues souvent étroites. Et ça, ça mérite réflexion. 5/5
Thanks to all the people who registered to ThreeTools, we are super happy with all the support we received this week!
Fixing the small issues now before moving onto the next thing...
Fixing the small issues now before moving onto the next thing...
May 16, 2025 at 8:35 AM
Thanks to all the people who registered to ThreeTools, we are super happy with all the support we received this week!
Fixing the small issues now before moving onto the next thing...
Fixing the small issues now before moving onto the next thing...
Less than 12 hours left to get access to ThreeTools beta, a Chrome extension to inspect and tweak any @threejs.org website in realtime in the browser.
→ three.tools
→ three.tools
May 14, 2025 at 10:17 AM
Less than 12 hours left to get access to ThreeTools beta, a Chrome extension to inspect and tweak any @threejs.org website in realtime in the browser.
→ three.tools
→ three.tools
Today is the day!
Inspect and tweak any @threejs.org website with ThreeTools Chrome extension.
Registrations for the beta open at 5:00PM (CET)
three.tools
Inspect and tweak any @threejs.org website with ThreeTools Chrome extension.
Registrations for the beta open at 5:00PM (CET)
three.tools
ThreeTools – Three.js Chrome Extension
Inspect and tweak any Three.js website.
three.tools
May 13, 2025 at 3:09 PM
Today is the day!
Inspect and tweak any @threejs.org website with ThreeTools Chrome extension.
Registrations for the beta open at 5:00PM (CET)
three.tools
Inspect and tweak any @threejs.org website with ThreeTools Chrome extension.
Registrations for the beta open at 5:00PM (CET)
three.tools
ThreeTools – Three.js Chrome Extension
Inspect and tweak any Three.js website.
three.tools
May 13, 2025 at 7:57 AM
Today is the day!
Inspect and tweak any @threejs.org website with ThreeTools Chrome extension.
Registrations for the beta open at 5:00PM (CET)
three.tools
Inspect and tweak any @threejs.org website with ThreeTools Chrome extension.
Registrations for the beta open at 5:00PM (CET)
three.tools
We are opening ThreeTools beta memberships again tomorrow at 5:00 PM CET, for a limited time only.
Until then, the new site will be greyed out.
Register on three.tools to get notified when it opens.
Until then, the new site will be greyed out.
Register on three.tools to get notified when it opens.
ThreeTools – Three.js Chrome Extension
Inspect and tweak any Three.js website.
three.tools
May 12, 2025 at 3:32 PM
We are opening ThreeTools beta memberships again tomorrow at 5:00 PM CET, for a limited time only.
Until then, the new site will be greyed out.
Register on three.tools to get notified when it opens.
Until then, the new site will be greyed out.
Register on three.tools to get notified when it opens.
Trying to expose the canvas from Fragment to another display:
PresentationAPI + WebRTC and MediaStream
➡️ Poor quality
PresentationAPI + Blob
➡️ Missing frames
PresentationAPI + DataURL
➡️ Poor performances
OffscreenCanvas can't be transferred through PresentationConnection.
Any ideas?
PresentationAPI + WebRTC and MediaStream
➡️ Poor quality
PresentationAPI + Blob
➡️ Missing frames
PresentationAPI + DataURL
➡️ Poor performances
OffscreenCanvas can't be transferred through PresentationConnection.
Any ideas?
May 6, 2025 at 9:54 AM
Trying to expose the canvas from Fragment to another display:
PresentationAPI + WebRTC and MediaStream
➡️ Poor quality
PresentationAPI + Blob
➡️ Missing frames
PresentationAPI + DataURL
➡️ Poor performances
OffscreenCanvas can't be transferred through PresentationConnection.
Any ideas?
PresentationAPI + WebRTC and MediaStream
➡️ Poor quality
PresentationAPI + Blob
➡️ Missing frames
PresentationAPI + DataURL
➡️ Poor performances
OffscreenCanvas can't be transferred through PresentationConnection.
Any ideas?