Oh CSS... it's been a while.
Friday experiment at Kindeo: a word flipper!
Fun fun with @magic-juan.bsky.social

madclem.github.io/flapper

Excited for this new cover coming soon at kindeo.com.
From text to 'poster-like' design:

- Split text into lines
- Use planes & reconstruct a master plane
- Deform its y-vertices

Challenge: #WebGL texts are tricky; fonts' unique ascends/descends don’t do well with vertex deformation.

#pixijs

So happy we could spend these past few weeks reworking our landing page at kindeo.com with @magic-juan.bsky.social
A deep dive into animations on scroll using #gsap, scroll triggers and #lenis... What a fun project it turned out to be!

Check it out: kindeo.com

Can get pretty funky

Bubbly Transitions 👈👉
madclem.github.io/bubbly-trans...

Behind the Scenes: How we managed our background transitions using 2D geometries at Kindeo.
#webgl #2d #pixijs #web #creativecoding

An iteration of last week’s experiment 🌀
A single Text component, with bounds dynamically redefined into multiple rectangles using its RenderTexture pixel data.
A prerequisite for a satisfying physics experiment 🤓

#pixijs #webgl #physics #experiment #javascript

WIP - Experimenting with a fast way to detect rectangular shapes on a texture.
Not the most robust approach by any means, but it’s efficient and does the trick for my basic needs! 😄

Render texture filtering set to NEAREST ☝️
#pixijs #webgl #frontend

Googly eyes 🤪
madclem.github.io/googly/
#pixijs #webgl