An unofficial web-based port of the rhythm game osu!, inspired by osu! Lazer and designed for easy beatmap browsing and viewing-all in your browser.

Try Websu! here.

Features

• Osu! Lazer 'Triangles' Intro
  Experience the iconic animated intro from osu! for instant nostalgia.

• Osu! Lazer User Interface
  Enjoy a sleek, modern UI modeled after osu!lazer for a familiar and intuitive experience.

• Beatmap Selection

  • Load .osz beatmap archive files directly from your local storage.
  • Search and download beatmaps online using the Mino API.

• Beatmap Storage
  Beatmaps are saved in your browser’s Indexed DB for quick access and offline viewing.

• Beatmap Viewer
  Watch a full run of any loaded beatmap.

What Doesn't Work Yet

• Gameplay
  Interacting with hit circles (clicking, scoring, etc.) is not yet implemented. You can view beatmaps but not play them.

Installation

1. Clone the repo:

   git clone https://github.com/jpbhatt21/websu.git
   cd websu

2. Install dependencies:

   npm install

Usage

npm run dev

Preview

• Intro Sequence

  

• Home Screen

  

• Settings Menu

  

• Beatmap Selection

  

• Online Beatmap Search

  

Roadmap

• Implement interactive beatmap gameplay (clicking, scoring, etc.)
• Add support for more osu! game modes (osu!mania, osu!taiko, osu!catch)
• User profiles and high score tracking

Credits

• Intro music: triangles (osu !Lazer) - cYsmix
• Intro sequence: Inspired by the osu! Lazer 'triangles' intro sequence - ppy
• Understandig bezier curves: A Primer on Bézier Curves - pomax
• Beatmap Mirror API: Mino
• Icons: SVG Repo
• And finally, ppy

License

This project is not affiliated with or endorsed by osu! or ppy.
MIT License