Small playful projects are great places to keep the operational path visible too. A short note on asset size, load time, and fallback behavior when effects are unavailable would turn the visual experiment into a useful reference for making delight survive slower devices and constrained connections.
The "faster to drop in a vector than reinvent it in CSS" realization is the one that saves hobby projects β and the blacklight toggle changing text and borders along with the light is a nice touch most people would skip.
Genuinely curious about mini Catbot's cursor-following: is that requestAnimationFrame, or CSS transitions on transform? The latter is way cheaper but tends to look floaty if the easing isn't right.
Three.js makes total sense here! Tracking the mouse's (x,y) coordinates for a 3D object is so much smoother and more performant than trying to hack complex 3D math into plain CSS. Great choice!
Small playful projects are great places to keep the operational path visible too. A short note on asset size, load time, and the fallback behavior when effects are unavailable would turn the visual experiment into a useful reference for making delight survive slower devices and constrained connections.
The blacklight toggle is a great touch, but the Mini Catbot following the cursor is the real MVP. Also, the "Gemini for mockup -> Illustrator for vector" pipeline is a smart way to speed up the creative process without losing that personal touch.
We're a place where coders share, stay up-to-date and grow their careers.
Wow πβ€οΈ
This is so cute and creative! πΈβ¨
I love the blacklight idea, and Mini Catbot is such a fun touch.
Following the cursor and batting at the button makes the page feel really alive. Great work! π
Thank you @nyaomaru !
Happy to see Catbot again! π» I missed her. Looking forward to seeing her develop even more!
Thanks @webdeveloperhyper ! Catbot was napping.
Small playful projects are great places to keep the operational path visible too. A short note on asset size, load time, and fallback behavior when effects are unavailable would turn the visual experiment into a useful reference for making delight survive slower devices and constrained connections.
Whoah! its back! ^_^ Congratulation!
Hahaha... too many projects. XD
The "faster to drop in a vector than reinvent it in CSS" realization is the one that saves hobby projects β and the blacklight toggle changing text and borders along with the light is a nice touch most people would skip.
Genuinely curious about mini Catbot's cursor-following: is that requestAnimationFrame, or CSS transitions on transform? The latter is way cheaper but tends to look floaty if the easing isn't right.
the cat is built in three.js and is triggered by the position of the client mouse, (x,y)
Three.js makes total sense here! Tracking the mouse's (x,y) coordinates for a 3D object is so much smoother and more performant than trying to hack complex 3D math into plain CSS. Great choice!
Small playful projects are great places to keep the operational path visible too. A short note on asset size, load time, and the fallback behavior when effects are unavailable would turn the visual experiment into a useful reference for making delight survive slower devices and constrained connections.
Yeah. I suppose I wasn't thinking about optimizing, just wanted it to work! ("on my computer")? hahahaha π
The blacklight toggle is a great touch, but the Mini Catbot following the cursor is the real MVP. Also, the "Gemini for mockup -> Illustrator for vector" pipeline is a smart way to speed up the creative process without losing that personal touch.