amaranthine - Stardance

Ship

@amaranthine on Father's Day Gift · 1 day ago

made a small interactive father's day gift for my dad!! It's a cozy isometric bedroom where someone can click on objects and they reveal personal notes tied to real memories.

The hardest part was honestly getting the positioning of objects right bc percentages are kinda weird when css contain feature adds invisible letterboxing and throws off all the coords

really proud of the consistent theme and the end result given how close it is to father's day!

to test it: open the site, click the "click here!" button, then click any object in the room (teddy bear, plant, clock, computer, canvas, tea mug, blanket, window, pens, or the photos on the wall). each one has a diff note !!

1 devlog
4h

Try project → See source code →

Open comments for this post

@amaranthine on Father's Day Gift · 1 day ago

4h 2m 59s logged

I kinda forgot about father’s day since my summer was so packed, so I decided to lock in tonight to make him something cute and small.

Basically, I made web app that allows my dad to look through my room for objects that carry my memories (did not draw the bedroom- found it online) and basically click on it to get small cute notes!

Features:

click objects to get notes
heart cursor
purple theme!!!!
hovering over hearts on main page makes them spin

Most of the time I spent was just for locating where each object was and making it work for all of them, but it was fun!

Demo link: https://fathers-day-gift-tawny.vercel.app/