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
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
While I have always tried to keep the number of dependencies low, this investigation shows that there is still room for improvement there. Starting with glslify 👀
September 9, 2025 at 8:24 AM
While I have always tried to keep the number of dependencies low, this investigation shows that there is still room for improvement there. Starting with glslify 👀
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
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
I added support for @threejs.org Lights and Cameras to ThreeTools over the last weeks, available now for all beta users!
It means you can now tweak your lights in realtime to make your scene look even better ✨
three.tools
It means you can now tweak your lights in realtime to make your scene look even better ✨
three.tools
April 17, 2025 at 8:13 AM
I added support for @threejs.org Lights and Cameras to ThreeTools over the last weeks, available now for all beta users!
It means you can now tweak your lights in realtime to make your scene look even better ✨
three.tools
It means you can now tweak your lights in realtime to make your scene look even better ✨
three.tools
Props groups 🖖
Props can also be organised with groups! Groups are subsets of props that can be displayed in different modules.
props.color.group = "cubes";
Thanks to this, you can organise the layout to better reflect your workflow by having props wherever you want them to be.
Demo ⬇️
Props can also be organised with groups! Groups are subsets of props that can be displayed in different modules.
props.color.group = "cubes";
Thanks to this, you can organise the layout to better reflect your workflow by having props wherever you want them to be.
Demo ⬇️
March 27, 2025 at 1:32 PM
Props groups 🖖
Props can also be organised with groups! Groups are subsets of props that can be displayed in different modules.
props.color.group = "cubes";
Thanks to this, you can organise the layout to better reflect your workflow by having props wherever you want them to be.
Demo ⬇️
Props can also be organised with groups! Groups are subsets of props that can be displayed in different modules.
props.color.group = "cubes";
Thanks to this, you can organise the layout to better reflect your workflow by having props wherever you want them to be.
Demo ⬇️
Props folders 🗄️
After many unsuccessful attempts in the past years, I finally managed to make folders work as I wanted, thanks to @svelte.dev runes and snippets!
props.color.folder = "materials";
And it's fully reactive like any other props attributes!
Docs: github.com/raphaelameau...
After many unsuccessful attempts in the past years, I finally managed to make folders work as I wanted, thanks to @svelte.dev runes and snippets!
props.color.folder = "materials";
And it's fully reactive like any other props attributes!
Docs: github.com/raphaelameau...
March 26, 2025 at 1:55 PM
Props folders 🗄️
After many unsuccessful attempts in the past years, I finally managed to make folders work as I wanted, thanks to @svelte.dev runes and snippets!
props.color.folder = "materials";
And it's fully reactive like any other props attributes!
Docs: github.com/raphaelameau...
After many unsuccessful attempts in the past years, I finally managed to make folders work as I wanted, thanks to @svelte.dev runes and snippets!
props.color.folder = "materials";
And it's fully reactive like any other props attributes!
Docs: github.com/raphaelameau...
Reactive props ⚡
Props are now reactive by default!
You can update a prop value in your code and the UI will react accordingly. And it works with any prop attributes!
This brings a whole new dimension to Fragment as you can also create props on the fly and build reactive interfaces!
Demo ⬇️
Props are now reactive by default!
You can update a prop value in your code and the UI will react accordingly. And it works with any prop attributes!
This brings a whole new dimension to Fragment as you can also create props on the fly and build reactive interfaces!
Demo ⬇️
March 25, 2025 at 11:24 AM
Reactive props ⚡
Props are now reactive by default!
You can update a prop value in your code and the UI will react accordingly. And it works with any prop attributes!
This brings a whole new dimension to Fragment as you can also create props on the fly and build reactive interfaces!
Demo ⬇️
Props are now reactive by default!
You can update a prop value in your code and the UI will react accordingly. And it works with any prop attributes!
This brings a whole new dimension to Fragment as you can also create props on the fly and build reactive interfaces!
Demo ⬇️
Props persistence 💫
Props values are now persisted across refreshes through local storage. They will only get overridden if you change their initial values in the code.
Props values are now persisted across refreshes through local storage. They will only get overridden if you change their initial values in the code.
March 24, 2025 at 1:33 PM
Props persistence 💫
Props values are now persisted across refreshes through local storage. They will only get overridden if you change their initial values in the code.
Props values are now persisted across refreshes through local storage. They will only get overridden if you change their initial values in the code.
Great write-up (as usual ✨)!
Love the woven crochet effect and the Lego one!
I used the same technique to create the image filter for the Institute of Design
raphaelameaume.com/work/institu...
Love the woven crochet effect and the Lego one!
I used the same technique to create the image filter for the Institute of Design
raphaelameaume.com/work/institu...
February 5, 2025 at 8:08 AM
Great write-up (as usual ✨)!
Love the woven crochet effect and the Lego one!
I used the same technique to create the image filter for the Institute of Design
raphaelameaume.com/work/institu...
Love the woven crochet effect and the Lego one!
I used the same technique to create the image filter for the Institute of Design
raphaelameaume.com/work/institu...