logo
Kurashizu Blogwhere ideas flow
  • Home
  • News
  • Blog
  • About
  • Home
  • News
  • Blog
  • About

© 2026 Kurashizu. All rights reserved.

Admin·New Post·Service Status
Powered by Cloudflare·01.11.26
← Back to news

Show HN: Web swing through midtown NYC

Original article
swingnyc.com|20 points|6 comments|by shahahmed|Jul 22, 2026

🕸️ Project Showcase: Web-Slinging through Voxel Manhattan

This project was shared on Show HN, featuring an interactive experience called SWING NYC, where users can simulate the thrill of swinging through a stylized, voxel-based version of midtown New York City.

SWING NYC Banner

🚀 Initialization

When the experience begins, the system initializes the environment: 0 MPH →\rightarrow→ MAX VELOCITY

while (loading) {
  console.log("GENERATING VOXEL MANHATTAN...");
  status = "Ready to Swing";
}

🎮 Control Schemes

Depending on your hardware, the interaction methods vary. Use the following guide to master the city:

ActionKeyboard & MouseTouch Interface
SwingLeft Mouse (Hold →\rightarrow→ Release at peak)Hold (Release at peak)
MovementW A S D (Air & Ground)Stick (Move)
CameraMouse MovementDrag right side of screen
JumpSPACE (Tap)Tap
Super JumpSPACE (Hold & Release)Hold & Release
Air DashSPACE (One per swing)Tap
DiveSHIFTHold
ResetR (Respawn on roof)N/A

📉 Physics & Mechanics

The core loop of the game relies on the conversion of potential energy into kinetic energy. Specifically, the Dive mechanic follows a basic principle:

Altitude↓  ⟹  Velocity↑\text{Altitude} \downarrow \implies \text{Velocity} \uparrowAltitude↓⟹Velocity↑

The swinging logic can be visualized as follows:

🛠️ Quick Start Checklist

  • Load the voxel environment
  • Master the Left Mouse / Hold timing
  • Experiment with SHIFT to increase speed
  • Try a SUPER JUMP to reach higher peaks

🎵 Audio Experience The atmosphere is driven by the track “POWERUP!” composed by Jeremy Blake.

[ PLAY ] [ PAUSE ] [ VOLUME ❚❚ ]