Raphaël Améaume
raphaelameaume.com
Raphaël Améaume
@raphaelameaume.com
360 followers 240 following 58 posts
Freelance Creative Technologist. Building Fragment, a web development environment for creative coding. he/him https://raphaelameaume.com https://fragment.tools
Posts Media Videos Starter Packs
Pinned
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
fragment
A web development environment for creative coding.
fragment.tools
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
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
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
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.
Same with using external dependencies:
1. you start learning WebGL with three.js
2. you think you don't need threejs and start writing native webgl
3. you understand why three is good and eventually go back to it (or other existing frameworks)

It's part of the learning curve!
In my opinion, a good senior dev knows when to abstract and when it's not worth the effort or not the "right time" to abstract and you start duplicate/ copy-pasting things again.
Nice write up! And beautiful outputs too!

"The more senior the developer, the more likely they are to be critical of repetition"
→ I personally think that's more something you can see with junior dev acquiring a bit of experience. You start by abstracting everything first.
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
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
Reposted by Raphaël Améaume
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 👀
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...
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
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
Those breakdowns are super interesting, thanks for sharing!!
Beautiful work Etienne! Love it 😍
Have you already looked into SvelteKit? It can do SSG and SSR with just a single flag.
Reposted by Raphaël Améaume
floating soft glass

made with WebGPU, compute shader, and a fully custom material

r3f.maximeheckel.com/webgpu/glass
Interesting! I think easing functions can still fill a specific roles in animations but I'm now using a mix of easing functions, spring animations and physics simulations for natural look (position/velocity/acceleration) with specific behaviours (flee/follow...)
Sounds interesting! 👀