compliments with cats banner

compliments with cats

3 devlogs
2h 3m 39s

simple cute website, a button and some texts , once the button is pressed you get a cute compliment.
each time you refresh the page there are new cat images, once you move your mouse the cat is gonna follow it, hover over background cats for fun…

simple cute website, a button and some texts , once the button is pressed you get a cute compliment.
each time you refresh the page there are new cat images, once you move your mouse the cat is gonna follow it, hover over background cats for fun facts, and watch the global counter track everyones clicks. also includes little sparkle effects and mobile support

Demo Repository

Loading README...

stormzzyyne

Hya, just made the site work way better on phones now. also added some sparkle effects when u click the button which looks pretty cool. oh and theres a global counter now that tracks everyones clicks so pls dont spam it lol theres only 1k free clicks a day from counterapi ;)

btw i forgot to update the demo on github, just fixed it now

Attachment
Attachment
Attachment
0
stormzzyyne

hya, added hover tooltips to the background cats. now when u mouse over them u get random cat facts. added like 30 facts total, made sure the tooltips dont go off screen and if a cats too close to the top it shows below instead. also made the cats image go brighter when hovering over them
༼ つ ◕_◕ ༽つ

Attachment
0
stormzzyyne

hiii, so i looked at the network tab and realized that every time the cat moved it was requesting each png over and over again so the new update preloads all the sprites at the start so it doesn’t spam requests anymore

Attachment
0
stormzzyyne

Shipped this project!

Hiii, this is a cute website that gives you random compliments while a cute cat follows your mouse around.
What have I learned from this ?
how to make smooth animations using requestAnimationFrame.
learned how to calculate angles and distances for sprite changes
honestly I fell good about this and hope yall like it