winter-game

byRushith P

Create a highly engaging web-based drawing game called "DrawTo". GAME CONCEPT DrawTo is an infinite drawing challenge where players must trace or redraw shapes that appear directly in the center of the screen. The game should feel modern, addictive, satisfying, and rewarding, similar to a casual mobile game. VISUAL DESIGN - Clean White and Blue premium theme. - Smooth modern UI with rounded corners. - Attractive animations and transitions. - Responsive design for desktop, tablet, and mobile. - Soft shadows and glowing effects. - Professional game-quality appearance. CORE GAMEPLAY - A shape should POP UP dynamically in the center of the screen. - The shape appears with a smooth animation (scale-in or fade-in). - Players must redraw the displayed shape on a transparent drawing layer. - Accuracy is calculated automatically in real-time while drawing. - Accuracy percentage should update live. - No submit button required. - The game automatically detects when the required accuracy is achieved. SHAPE SYSTEM Generate an endless variety of shapes: Basic Shapes: - Circle - Square - Rectangle - Triangle - Diamond Advanced Shapes: - Pentagon - Hexagon - Octagon - Star - Arrow - Heart - Cross - Trapezium - Crescent - Kite Special Shapes: - Lightning Bolt - Crown - Flower - Spiral - Random Polygon Infinite Variation: - Random size - Random position - Random rotation - Random complexity This should create thousands of unique levels. DIFFICULTY SYSTEM Beginner: Level 1–10 Required Accuracy: 50–60% Easy: Level 11–25 Required Accuracy: 60–70% Medium: Level 26–50 Required Accuracy: 70–80% Hard: Level 51–100 Required Accuracy: 80–90% Extreme: Level 101+ Required Accuracy: 90–95% SHAPE MEMORY MODE Level 1–5: Shape remains visible. Level 6–15: Shape fades to 50% opacity after 3 seconds. Level 16–30: Shape fades to 20% opacity. Level 31+: Shape disappears completely after 3 seconds. This introduces memory-based gameplay. LIVES SYSTEM Start with: ❤️ ❤️ ❤️ Lose a life when: - Timer reaches zero. - Accuracy remains below the required threshold. Game ends when all lives are lost. SCORING SYSTEM Base Score: +100 points per level. Accuracy Bonus: +50 to +500 points. Combo Bonus: x2 multiplier after 5 consecutive wins. x3 multiplier after 10 consecutive wins. Perfect Trace: 95%+ accuracy grants bonus rewards. LEVEL COMPLETION When required accuracy is reached: - Display "Level Complete!" - Play success animation. - Show earned points. - Clear previous drawing automatically. - Spawn a new shape. - Advance to next level instantly. STAR RATING SYSTEM ⭐ = 60%+ ⭐⭐ = 80%+ ⭐⭐⭐ = 95%+ ACHIEVEMENTS Unlock badges such as: - First Trace - Accuracy Master - 10 Levels Completed - 50 Levels Completed - Combo King - Perfect Tracer - Shape Master BONUS LEVELS Every 10 levels: - Double Score Round - Speed Round - Invisible Shape Challenge - Memory Challenge - Giant Shape Round USER INTERFACE Display: - Level - Score - High Score - Accuracy % - Timer - Lives - Combo Streak - Progress Bar - Current Difficulty GAME EFFECTS Success: - Glow effect - Particle burst - Confetti animation Failure: - Shake animation - Warning animation Shape Appearance: - Pop-up animation - Fade animation - Smooth transitions SOUNDS Include: - Drawing sound - Success sound - Failure sound - Achievement sound - Level Up sound Provide: - Sound toggle button DATA STORAGE Use Local Storage to save: - High Score - Highest Level - Achievements - Statistics STATISTICS PAGE Track: - Total Shapes Drawn - Average Accuracy - Total Play Time - Highest Combo - Levels Completed CONTROLS Desktop: - Mouse support Mobile: - Touch support Buttons: - Clear Drawing - Restart Game - Pause Game - Resume Game - Sound Toggle TECHNICAL REQUIREMENTS - HTML - CSS - Vanilla JavaScript - No external libraries - Optimized performance - Well-commented code - Modular structure FINAL EXPERIENCE The game should feel like a premium mobile arcade game that is simple to learn but difficult to master. Players should always feel motivated to continue playing through rewards, achievements, progression systems, visual effects, and an endless variety of unique shapes.