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
@clem-dev
The echo chamber of a (not so) lonely developer. Freelance WebGL Developer, curious about everything related to frontend technologies. Passionate about creating things π§Ά Currently lead developer at kindeo.com π₯¨ π«π· https://clem-dev.fr/
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
With β¨ @magic-juan.bsky.social β¨
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
Also, a massive thank you to @creativecodingclub.com for the amazing "ScrollTrigger Express" course! Itβs super binge-able and saved me so much time while teaching best practices βplus, it was really (really) fun to watch. Highly recommend it! π
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
Starting with a rant (cannot help it π«π·), why not give your user the ability to do basic editing such as ~strikethrough~!? π
Posting here feels like dating, you have to shake off that fear of rejection. So, following my own advice, I am going to try posting more ~inspirational dating~ tips like this one (jk).
I wrote a book about TypeScript.
It took 9 months.
And it's free.
www.totaltypescript.com/books/total-...
Googly eyes π€ͺ
madclem.github.io/googly/
#pixijs #webgl
Not cringy at allβour dev community really needs more humanists, so congratulations on speaking up!
A big 'thank you' for making the jump to Bluesky so much easier for the rest of us, your starter pack convinced me to finally jump on board π π