HSR Warp Simulator

screenshot of HSR Warp Simulator
svelte
vite

Just a Realistic Gacha Simulator for Honkai: Star Rail, Simulate your luck indefinitely through a web-based Application.

Overview

Honkai: Star Rail Warp Simulator is a project that simulates the gacha system in the game Honkai: Star Rail. It uses a similar algorithm to the Genshin Impact Wish Simulator and most of the code is copied from there. The simulator allows users to experience the gacha system and provides features such as different banner types, a pity system, warp details for each banner, a shop section, bank data to show obtained items, different gacha histories for each banner type, a phonograph to select and play music, gacha milestone bonuses, shared pity, pity counters, site localization, mobile-friendly layout, screenshot and download functionality for wish results, and a link generator to share gacha results. The simulator saves all data to LocalStorage and indexedDB.

Features

  • All banner types available (Starter, Regular, Character, and Light Cone Event)
  • Pity System almost like the real game
  • Warp Details for each banner
  • Shop section with Gacha Currencies, Top Up function, and more
  • Bank Data to show obtained items (Characters and Light Cones)
  • Different gacha histories for each banner type
  • Phonograph to select and play music
  • Gacha Milestone Bonus, exchangeable for Star Rail Pass at the Shop section
  • Shared Pity to the same banner type, allowing continuous gacha on different patches without resetting pity
  • Pity Counter to track current pity information
  • Site Localization to reach non-English speakers
  • Mobile-Friendly layout with responsive design for landscape and portrait orientations
  • Screenshot and download wish results as local images
  • Link generator to share gacha results through the internet

Summary

The Honkai: Star Rail Warp Simulator is a gacha system simulator for the game Honkai: Star Rail. It provides various features such as different banner types, a pity system, warp details, a shop section, bank data, gacha histories, a phonograph, gacha milestone bonuses, shared pity, pity counters, site localization, mobile-friendly layout, screenshot and download functionality, and a link generator. The simulator aims to provide users with a realistic gacha experience and allows them to track and save their gacha results.

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.

Pwa

A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.