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.bsky.social
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 โจ
07.01.2025 11:21 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Excited 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! ๐
16.12.2024 10:37 โ ๐ 1 ๐ 0 ๐ฌ 1 ๐ 0So 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
07.11.2024 14:44 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Bubbly 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~!? ๐
31.10.2024 09:27 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Posting 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).
31.10.2024 09:27 โ ๐ 1 ๐ 0 ๐ฌ 1 ๐ 0I 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 ๐ ๐