Sc

Scroll bar scuba dude swimming as you scroll

Hacker News

Scroll bar scuba dude swimming as you scroll

Hi! Instead of a boring scrollbar I made a scuba dude that swims down the page when you scroll. The idea came from nostalgia; remember SkiFree game on Windows? I wanted a skier skiing down my site. Building the skier mechanics in pure javascript turned out to be difficult so I started with a runner, added a santa hat, and recently built scuba buddy. You can try it directly as soon as you start to scroll down the page, and see the other animations with the "Change Animation" button. Technical details: entirely javascript, takes scroll depth value (window.scrollY) and inputs that into math.sin() functions. This lets CSS (transform: rotate() property) create rotations of the various stick-figure's html elements, giving the character animation based on the input which is a user scrolling. It is pretty cumbersome to sync correctly when building the animations. It's difficult to get the upper and lower arms / legs to stay connected and have the animation transitions appear smooth. Posted the runner about year ago here on hn. https://news.ycombinator.com/item?id=43237581 Should I re-try the skiier or something else? Thank for checking it out!

Share card

Actual performance

3points
4comments
Did not reach leaderboard

Launch Intel predictions

Analyze your own launch →
Indie HackersFits the IH revenue-focused audience · Strong signals: started · Missing: supports, reddit linkedin, podcasting
82%82% predicted probability of success on Indie Hackers, based on ML models trained on real launch data.
best fitHighest predicted score across all platforms for this description.
Hacker NewsStrong engagement from HN community · Strong signals: ide, io · Missing: https docs, excited, just released
60%60% predicted probability of success on Hacker News, based on ML models trained on real launch data.
nativeThis product was originally launched on this platform.
Product HuntOn track for Day 1 leaderboard · Strong signals: user, new · Missing: mac, agents, macos
53%53% predicted probability of success on Product Hunt, based on ML models trained on real launch data.
TrustMRRLess likely to generate early MRR · Missing: mobile apps, ios, personal
35%35% predicted probability of success on TrustMRR, based on ML models trained on real launch data.
AppSumoMay struggle as an AppSumo deal · Strong signals: soon · Missing: plus, platform, intuitive
26%26% predicted probability of success on AppSumo, based on ML models trained on real launch data.
Acquire.comPre-revenue stage for this audience · Missing: arr, mrr, revenue
14%14% predicted probability of success on Acquire.com, based on ML models trained on real launch data.
BetaListMay not resonate with beta-testers · Missing: web3, chat, crypto
0%0% predicted probability of success on BetaList, based on ML models trained on real launch data.

Incorrect prediction on native model

Similar products

Co
Continuously scroll a given string56%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Continuously scroll a given string

Hacker News1
T-
T-scroll48%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

T-scroll

Hacker News21
Sc
Scroll stdout48%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Scroll stdout

Hacker News1
Sc
Scroll now supports checklists38%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Scroll now supports checklists

Hacker News1
Ro
Rostra – Scroll the Greats48%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Rostra – Scroll the Greats

Hacker News1
Unscroll
Unscroll50%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Free yourself from the scroll

Indie Hackers1community
Sc
Scroll Percentage in Title Bar35%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Scroll Percentage in Title Bar

Hacker News1
Sc
Scroll through time44%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Scroll through time

Hacker News13
Tu
Turn your scroll thumb into a navigation bar with NavThumb44%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Turn your scroll thumb into a navigation bar with NavThumb

Hacker News1
Th
The World Wide Scroll52%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

The World Wide Scroll

Hacker News5