iToverDose/Software· 25 APRIL 2026 · 16:06

This interactive swing boat turns doomscrolling into a physics lesson

An engineer transformed the mindless rhythm of doomscrolling into a mesmerizing physics simulation. A red swing boat reacts to scroll gestures, offering a playful critique of digital habits with real-time pendulum dynamics.

DEV Community2 min read0 Comments

Doomscrolling feels like riding a swing that never stops. You start with purpose, but momentum takes over—your finger moves up and down, your focus narrows, and your mind numbs under the relentless rhythm. What if that motion could do more than drain your attention? What if it could teach you physics instead?

That’s the idea behind Doomswing, an experimental project that turns the compulsive act of scrolling into a visual analogy for pendulum motion. Built as a single HTML file with no external dependencies, it transforms the frustration of endless scrolling into an engaging simulation where a red swing boat reacts in real time to your gestures.

A swing that mirrors your scrolling habit

The project began as a lighthearted critique of digital behavior. Doomscrolling—endlessly skimming feeds for fleeting dopamine hits—often feels involuntary, like a ride you can’t exit. By representing scrolling as a physical swing, the creator highlights how repetitive motions can escalate beyond control. The longer you scroll, the higher the swing goes, until the movement becomes dizzying.

Visually, the scene is simple: a dark background, a red swing boat suspended in mid-air, and brief messages that escalate from subtle warnings to urgent pleas to stop. The messages aren’t just text—they’re cues tied to the swing’s energy level, growing sharper as the motion intensifies.

Physics in action: how the swing responds to you

Under the hood, Doomswing uses real pendulum physics. The boat’s movement isn’t just a visual trick—it follows equations of gravity, damping, and angular momentum. When you scroll, the wheel event captures your gesture and converts it into angular velocity. Scroll faster, and the swing climbs higher. Stop scrolling, and the boat continues to sway, gradually losing energy as a real swing would.

The entire simulation runs within a single file. The swing is rendered as an inline SVG, allowing CSS and JavaScript to manipulate its position directly. The preventDefault method blocks actual page scrolling, ensuring the experience stays contained within the simulation. No distractions—just you, the swing, and the growing tension of the moment.

Why this matters beyond the novelty

Doomswing isn’t just a clever demo—it’s a commentary on how digital interfaces shape behavior. By giving form to an abstract habit, it makes the invisible visible. The project invites reflection: when we mindlessly scroll, are we just passengers on a ride we never wanted to take?

It also serves as a reminder that technology can be both playful and educational. The same mechanics that make apps addictive can be repurposed to teach, to warn, or even to entertain—if we choose to design with intention. Whether Doomswing sparks a conversation about screen time or simply offers a moment of whimsy, its strength lies in turning a familiar frustration into something tangible and thought-provoking.

AI summary

Doom swing projesiyle kaydırma alışkanlığınızın zihinsel etkilerini fiziksel bir harekete dönüştürün. Tek tıkla deneyin ve dijital sağlığınıza dikkat edin.

Comments

00
LEAVE A COMMENT
ID #ZFLIZS

0 / 1200 CHARACTERS

Human check

2 + 2 = ?

Will appear after editor review

Moderation · Spam protection active

No approved comments yet. Be first.