Overview:
The Genshin Impact Wish Simulator is a web-based simulator that aims to provide a realistic experience of the gacha system in the popular game Genshin Impact. Created by a developer who is not an expert in writing clean code, this simulator offers a range of features to enhance the wishing experience for players. Users are encouraged to provide feedback to help improve the simulator, and stars on the repository are appreciated.
Features:
- All banner types available, including Beginner, Standard, Event, and Weapon Banners
- Dual or Single Character Event Banners
- Epitomized Path System for Weapon Banners (starting from version 2.0)
- Pity System that closely resembles the real game
- Comprehensive selection of banners, allowing users to switch and do gacha on every banner (starting from version 1.0)
- Gacha Milestone Bonus, offering Starglitter and Stardust that can be exchanged for Aquaint or Intertwined Fate at the Shop section
- Shop section offering gacha currencies, outfits, and Welkin Purchasable Outfits and Blessing of the Welkin Moon
- Shared Pity with the previous banner, allowing users to continuously gacha on different patches without resetting the pity
- Wish Details available for each banner
- Gacha History showing all items (Weapons, Characters, and Outfits) that have been obtained through gacha or purchasement
- Screenshot and download wish result as an image locally
- Pity Counter for users to track their current information and history of their pity
- Site Localization to reach non-English speakers
- Mobile-friendly with a responsive layout for both landscape and portrait orientation
- Link generator for users to share their gacha results online
- User data is saved to local storage and indexedDB
- 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 is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
- 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 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.