Create a fully working, single-file HTML, CSS, and vanilla JavaScript web
application titled "Chicken Lead Hack v4" (simulator only). The design must be a
premium, "cyberpunk hacker" theme with advanced animations and a professional,
game-like UI.
1. Core Concept & Theme
Title: Chicken Lead Hack v4 (Simulator)
Theme: Dark, futuristic, cyberpunk aesthetic. Use neon blue (#00e5ff) and magenta
(#ff00c8) as the primary glow and accent colors.
UI Style: Use glassmorphism (frosted glass effect) for all main panels. The
background should feature a subtle, slowly moving gradient animation and a static
CRT scanline overlay for a retro-tech feel.
Fonts: Use 'Rajdhani' for headings and general UI text. Use 'Roboto Mono' for all
numerical data (multiplier, history) to enhance the hacker terminal look.
2. Layout & Responsiveness
Desktop Layout: A two-column dashboard layout. The left column should contain the
main game interaction panel. The right column should contain the mode selector and
the prediction history panel.
Mobile Layout: The layout must be fully responsive. On smaller screens, the columns
should stack vertically into a single, scrollable view.
Header: A clean header at the top with the application title.
3. On-Load Experience & Initial View
A mandatory welcome dialog must appear first, blocking the main UI.
Dialog Content:
It must feature a glitching text animation for the title "WELCOME".
Include links to "Join Telegram" and "Subscribe on YouTube." These links must use
embedded SVG icons for a clean look. When users click the Telegram dismiss dialog
open the hack page
A "Proceed to App" button dismisses the dialog.
UI Entrance: Upon dismissing the dialog, the main application UI (header, left
panel, right panel) should animate into view with a staggered, sequential effect.
4. Main Interaction Flow & UI Components
Mode Selection: Three buttons: "Easy (recommended)", "Medium", and "Hard". The
currently selected mode must have a prominent, glowing border or background effect.
Game Panel: This panel appears only after a mode is selected. It must contain:
A large, animated roulette-style spinner wheel. It should have a subtle, constant
idle rotation.
A large multiplier display below the spinner, starting at 0.00x.
A "Predict" button with a strong call-to-action style (gradient background, glowing
shadow).
Prediction Cycle (Step-by-Step):
Click "Predict": The button becomes disabled. A "Please wait" dialog appears for
exactly 3 seconds. The dialog's subtitle should cycle through hacker-themed texts
like "Analyzing Game Patterns...", "Bypassing Security...", "Calculating
Probabilities...".
Dialog Closes: The prediction result is ready to be displayed.
Multiplier Animation: Animate the number counting up smoothly from 0.00 to the
final predicted value, using an "ease-out" timing function.
Spinner Animation: The spinner wheel should perform several fast, dramatic spins
before smoothly slowing down to a final position that visually corresponds to the
result.
History: The final result is immediately added to the top of a vertical history log
on the right side of the screen.
5. Advanced Animations & Special Effects
🎉 Confetti Celebration: For "super" high-value wins (defined as a multiplier of 15x
or greater), trigger a full-screen, physics-based confetti animation.
Implementation: Use an HTML <canvas> element for high performance.
Effect: The confetti should be multi-colored (matching the theme colors), appear to
shoot up from the bottom of the screen, and then gracefully fall and fade out.
Result Styling: The final multiplier text's color and glow effect must change based
on its value:
Low (e.g., < 2x): Green
Medium (e.g., 2x - 5x): Yellow
High (e.g., 5x - 15x): Red
Super (e.g., >= 15x): Bright Magenta with an intense glow animation.
6. Game Logic & Data
Use the following lists of multipliers for each mode:
Easy: [1.02, 1.08, 1.14, 1.21, 1.29, 1.37, 1.49, 1.56, 1.67, 1.84, 1.94, 2.09,
2.29, 2.69, 2.95, 3.24, 3.58, 3.98, 4.45, 5.01, 5.68, 6.49, 7.49, 8.74, 10.33,
12.39, 15.15, 18.94, 24.35]
Medium: [1.08, 1.22, 1.38, 1.57, 1.79, 2.06, 2.38, 2.78, 3.27, 3.89, 4.67, 5.67,
6.98, 8.73, 11.11, 14.44, 19.25, 26.48, 37.83]
Hard: [1.19, 1.47, 1.84, 2.32, 2.97, 3.84, 5.05, 6.73, 9.13, 12.65, 17.92]
Probability: Implement a biased probability so that smaller multipliers are
significantly more common than large ones. A power function
on Math.random() (e.g., Math.pow(Math.random(), 3.5)) should be used to achieve
this realistic distribution.
7. Technical Constraints & Requirements
Single File Solution: All HTML, CSS, and JavaScript must be contained within a
single index.html file.
No External Assets: All assets must be self-contained. Use embedded SVGs for icons
and Base64 encoded data URLs for any sound effects.
Vanilla JavaScript: Do not use any external libraries or frameworks (e.g., no
jQuery, React, Vue, etc.).
Audio: Include embedded sound effects for UI clicks, prediction start, and
different tiers of win results to enhance the user experience.
Telegram link :- https://t.me/+7iIHsNoRQ4YzNmI1
YouTube link :-https://youtube.com/@funmodz786?si=Ns2TdJaDKAuu8Ehi