Lightnews — Scholar-powered news

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

raphaelameaume.com

Posts Media Videos Starter Packs

Pinned

Raphaël Améaume @raphaelameaume.com · Mar 24

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

2 5 43

Reposted by Raphaël Améaume

Paris en Selle @parisenselle.fr · 6d

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

4 33 46

Raphaël Améaume @raphaelameaume.com · 10d

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

Eric Van Holtz @ericvanholtz.com · 10d

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.

2 1

Raphaël Améaume @raphaelameaume.com · 12d

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!

Raphaël Améaume @raphaelameaume.com · 12d

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.

2 2

Raphaël Améaume @raphaelameaume.com · 12d

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.

2 1

Reposted by Raphaël Améaume

giom @guilanier.bsky.social · Sep 9

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

2 1 10

Raphaël Améaume @raphaelameaume.com · 13d

wow this is beautiful!

Reposted by Raphaël Améaume

OKAY DEV® @okaydev.co · 14d

🚀 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

4 18

Reposted by Raphaël Améaume

mrdoob @mrdoob.com · 21d

Messenger

It's a small planet, but someone's gotta make the deliveries.

messenger.abeto.co

7 44

Reposted by Raphaël Améaume

dan @danabra.mov · 23d

i wrote about atproto and why it matters

Open Social — overreacted

The protocol is the API.

overreacted.io

110 480 2.6K

Raphaël Améaume @raphaelameaume.com · Sep 9

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 👀

Screenshot of fragment dependencies list using https://node-modules.dev/ showing top level dependencies have a small number of dependencies except for glslify and body-parser

Raphaël Améaume @raphaelameaume.com · Sep 9

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.

1 2

Raphaël Améaume @raphaelameaume.com · Sep 5

Thank you for sharing!

Raphaël Améaume @raphaelameaume.com · Sep 5

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

2 8

Raphaël Améaume @raphaelameaume.com · Sep 3

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

Raphaël Améaume @raphaelameaume.com · Aug 7

So good 👏

Raphaël Améaume @raphaelameaume.com · Aug 6

Those breakdowns are super interesting, thanks for sharing!!

1 1

Raphaël Améaume @raphaelameaume.com · Jul 30

Beautiful work Etienne! Love it 😍

Raphaël Améaume @raphaelameaume.com · Jul 17

Oh my bad!

Raphaël Améaume @raphaelameaume.com · Jul 17

Have you already looked into SvelteKit? It can do SSG and SSR with just a single flag.

1 3

Reposted by Raphaël Améaume

Maxime @maxime.bsky.social · Jul 15

floating soft glass

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

r3f.maximeheckel.com/webgpu/glass

3 2 27

Raphaël Améaume @raphaelameaume.com · Jul 16

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...)

1 1

Raphaël Améaume @raphaelameaume.com · Jul 16

Sounds interesting! 👀

Reposted by Raphaël Améaume

Etienne Jacob @bleuje.com · Jul 13

I wrote this article explaining algorithms for physarum-style simulations
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

4 28 90