Track your gacha game pity count and calculate wish probabilities instantly. A free, browser-based tool for tracking banners without needing to install anything.
AI Generation Prompt
Technical Specification: Anime RPG Gacha Pity Tracker & Probability Calculator
Overview
A clean, browser-based utility tool designed to help players of anime-style RPGs track their 'pity' count (number of pulls without a 5-star item) and calculate the probability of obtaining specific items.
Core Constraints
- NO STORAGE: No
localStorage,sessionStorage, or cookies. Use an in-memory object to manage state. - SINGLE FILE: All HTML, CSS, and Vanilla JS must reside in one file.
- LIGHT MODE: Maintain a crisp, professional light-mode aesthetic.
- NO BRANDING: Do not use copyrighted names or imagery from specific games.
Features
- Live Pity Tracker: A dedicated counter to add/subtract pulls. Visual indicator showing how far away the 'hard' pity threshold is.
- Probability Engine: A statistical calculator that takes current pity and 'wishes remaining' as inputs to output a percentage chance of success.
- Session Export/Import: Since storage is blocked, include a button to export the current session state to a JSON file (and a corresponding import button) to allow data persistence.
- Responsive Interface: Adaptive layout that switches from a side-by-side dashboard on desktop to a stacked view on mobile.
UI/UX Layout
- Header: Simple, clean title and a quick navigation bar (Tracker, Calculator, Data Management).
- Dashboard (Main):
- Card-based layout for 'Current Pity'.
- Large buttons for '+1' and '+10' pulls.
- Progress bar visualizing progress toward 80/90 pulls.
- Calculation Section:
- Inputs: Current Pity, Target Wishes, Success Chance (Adjustable).
- Output: A bold 'Probability of Success' percentage card.
- Animations:
- Smooth CSS transitions when the progress bar updates.
- Subtle fade-in animations for results cards.
- Click feedback on buttons using
transform: scale(0.98).
Color Palette (Light Mode)
- Primary Background:
#FFFFFF(Pure White) - Surface Background:
#F8FAFC(Soft Gray/Blue) - Primary Accent (Pity Bar):
#6366F1(Indigo/Blurple) - Secondary Accent (Success Text):
#10B981(Emerald) - Text:
#1E293B(Slate Dark) - Border:
#E2E8F0(Light Slate)
Development Directives
- State Management: Create a global
appStateobject to storecurrentPity,history, andbannerSettings. - Vanilla JS: Use
document.querySelectorandaddEventListenerfor all interactivity. Do not use frameworks. - Responsive CSS: Use CSS Flexbox and Grid. Ensure the progress bar is always 100% width on small screens.
- Accessibility: Ensure all inputs have labels and contrast ratios meet WCAG 2.1 AA standards.
- No Popups: Replace
alert()with a custom<dialog>element or a styleddivthat togglesdisplay: block/none.
Spread the word
Files being used
Frequently Asked Questions
Everything you need to know about using this application.
How does this gacha pity tracker calculate my odds?
This tool utilizes standard binomial distribution algorithms to simulate the likelihood of obtaining a featured unit based on your current pity count. By inputting your current number of wishes and your accumulated pity, the calculator determines the probability of success over a specific number of attempts. Because gacha mechanics often involve 'soft' and 'hard' pity thresholds, the calculator dynamically adjusts the weight of each pull. This ensures you get a realistic projection of your success rate, helping you plan your resource allocation more effectively without relying on guesswork.
Is my tracking data stored anywhere?
For privacy and security, this application operates strictly in-memory. We do not use local storage, session storage, cookies, or any database to save your personal session information. Once you close or refresh your browser tab, all entered data is immediately cleared. To persist your data, we provide a robust 'Export to JSON' feature. This allows you to download your current pity progress as a local file, which you can then import again in future sessions. This design ensures complete user control over sensitive session data.
Does this tool work for different banner types?
Yes, the tool is designed to be highly versatile. You can toggle between different banner types such as character or weapon banners, each having distinct pity rules and drop rates. The input fields allow you to define the pity threshold, making it compatible with various gacha games that share similar mechanics. By customizing the threshold settings, users can adapt the calculator to changing game updates. This flexibility makes it a comprehensive tool for players who manage resources across multiple banners simultaneously.
Are there any risks to using this probability calculator?
There are absolutely no risks to using this application. Since this tool is entirely client-side and does not interface with any game servers, login credentials, or private game files, your account remains 100% secure. You are simply inputting numbers into a localized calculator. Furthermore, the application is sandboxed within your browser. It does not require any background processes, API keys, or invasive permissions. It is a pure utility designed to help you organize your strategy and manage expectations for your in-game summons.
