README.md

Realistic Genshin Impact Wish Simulator

I'm not expert, I can't write clean code, but I try to create this Genshin Impact Wish Simulator. I can claim this is the most Realistic one for web version. However, I still need your feedbacks to improve the wishing experience. If you like this Simulator, please give a star to this repository.

Screenshots

Main Banner

Layout on Mobile Version

Epitomized Path

Inventory

Switch banner

Shop

For more preview, please visit the live version at https://wishsimulator.app

---

Features

1. All banner types available ( Beginner, Standard, Event and Weapon Banner )
2. Dual or Single Character Event Banner.
3. Epitomized Path System for Weapon Banner start from version 2.0 - latest.
4. Pity System almost like the real game.
5. The most complete banners of all existing simulator, user can switch and do gacha on every banner starts from version 1.0 - latest.
6. Gacha Milestone Bonus, Starglitter and Stardust, exchangable to Aquaint or Intertwined Fate at the Shop section
7. Shop section, Serving Gacha Currencies, Outfit and Welkin
8. Purchasable Outfits and Blessing of the Welkin Moon
9. Shared Pity with previous banner, User can continuously gacha on different patch without reseting pity.
10. Wish Details for each banner.
11. Different banner type has different Gacha History
12. Inventory to show all items ( Weapons, Characters and Outfits ) that already owned by gacha or purchasement
13. Screenshot and download wish result as Image localy.
14. Pity Counter, User can track their current information and history of their pity
15. Site Localization, So I hope this Wish Sim can reach more people even they aren't english speaker.
16. Mobile Friendly, responsive layout both landscape and portrait orientation.
17. Link generator if user want to share their gacha result through internet.
18. All user data will be saved to local storage and indexedDB.

Pity System

I don't know how HoyoVerse's algorithm is, so I tried to create mine as realistic as possible with the following points based on in-game wish details. I also use GI Gacha Dataset as reference on creating the wishing probability.

if you feel luckier when you roll in this simulator, I can tell you it's just a feeling, In the simulator you can do a thousand or more rolls without limit, In real games your wishes are limited by the game currencies, therefore more chance to get multiple *5 item in this wish simulator

1. Probability for *4 item

   • 4* Item guaranteed at 10 roll and promoted *4 item guaranteed at 20 roll.
   • Probability to get *4 item is 5.1%, at pity 9 the rate increased to 56.1% and at pity 10 or more, the rate is 100% (guaranteed)

   Pity	1	2	3	4	5	6	7	8	9	10	11
   Rate	5.1%	5.1%	5.1%	5.1%	5.1%	5.1%	5.1%	5.1%	56.1%	100%	100%

2. Character Event and Standard Wish Probability

   • *5 Item guaranteed at 90 roll and promoted *5 item guaranteed at 180 roll.
   • Probability to get *5 item is 0.6%, at pity 74 the rate starts to increase by 6% and then guaranteed at pity 90.

   Pity	1-73	74	75	76	77	78	79	80	81	82	83	84	85	86	87	88	89	90
   Rate	0.6%	6.6%	12.6%	18.6%	24.6%	30.6%	36.6%	42.6%	48.6%	54.6%	60.6%	66.6%	72.6%	78.6%	84.6%	90.6%	96.6%	100%

3. Weapons Wish Probability

   • *5 Item guaranteed at 80 roll and promoted *5 item guaranteed at 160 roll.
   • Probability to get *5 item is 0.7%, at pity 63 the rate starts to increase by 7%, after pity 73 the rate increased by 3.5% and then guaranteed at pity 80.

   Pity	1-62	63	64	65	66	67	68	69	70	71	72	73	74	75	76	77	78	79	80
   Rate	0.7%	7.7%	14.7%	21.7%	28.7%	35.7%	42.7%	49.7%	56.7%	63.7%	70.7%	77.7%	81.2%	84.7%	88.2%	91.7%	95.2%	98.7%	100%

4. When you guaranteed for *5 and *4 item at the same time, your next pull priority is *5 item and *4 item will appear next at pity 11. For example: On Character Event Banner, you doesn't get *5 item until pity 89 and your *4 pity is 9, So your next pull will looks like screenshot below.

   

Development

This app build with Svelte-Kit based on Javascript programming language.

Once you've cloned this project, install all dependencies with npm install (or pnpm install or yarn). Once all dependencies already installed, then you can start a development server or build for production:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

How to Update new banner

• The guide to Add New Banner are moved to Wiki, Read Here

Building

Before creating a production version of your app, install an adapter for your target environment, then run the command below. As default, this project use Vercel Adapter and can be deployed to Vercel.com

npm run build

Deployment

Before Deploy to online server, please setup the environment variables by renaming file .env.example to .env and change the variables if needed. Then, if you want to serve some assets through cdn, please provide your Github Repo's informations that you use to save your assets, simply you can fork this repository then put your github username to environment variables.

The site will use jsDelivr free cdn service. You also can use another CDN Service like Statically and PageCDN for free or use paid service from Azure, AWS and GCP, but You must to setup the configuration yourself.

** You can still deploy the app without even set the environment variables

---

Contributing

I'm welcome to all contributors! Feel free to open new Issue if you find any problem or just want to give any suggestions.

Thank You to all Contributors

Notes :

The data and assets used for this Project are taken from Hoyo Wiki, Genshin Fandom Wiki, Honey Impact and recorded from the game itself with several modification.
Important thing: This App is not affiliated with Hoyoverse, all assets used for this application belongs to Hoyoverse, so if you want to use assets from this repository, please credit them too.