About Otaku Blitz

A static anime quiz playground built with modern web technologies

What is Otaku Blitz?

Otaku Blitz is a lightweight, browser-based anime quiz platform featuring three unique game modes. Built as a static site with Astro, it requires no database, no server, and no complex infrastructure — just pure client-side fun with localStorage persistence and Google Sheets for global leaderboards.

Whether you're a casual fan or a hardcore otaku, there's a challenge waiting for you. Test your knowledge, climb the leaderboards, and discover new anime along the way!

Game Modes

Description Game

Guess the character from 5 progressive clues. Earlier correct answers score higher (1.0 → 0.2). Card flips to reveal character image.

  • 5 clues per question
  • Progressive scoring
  • Character image reveal
  • Troll mode available

Zoomed Image Game

Identify characters from heavily zoomed-in image portions. Smooth zoom-out animation reveals full image on answer.

  • Variable zoom levels
  • Smooth zoom animation
  • Instant feedback
  • Unique positions per question

Colour Guessing Game

Match the exact color of transparent anime image areas using Hue, Saturation & Brightness controls.

  • Circular hue picker
  • Saturation & brightness sliders
  • Percentage-based scoring
  • Hold-to-compare feature

Key Features

Zero Setup

No accounts, no emails, no passwords. Just enter a nickname and start playing instantly.

Local Progress

Your question progress saves automatically in your browser. Pick up where you left off anytime.

Global Leaderboards

Compete with players worldwide. Best scores per game category + Combined average.

Troll Mode

Toggle fun/misleading questions for a laugh. Separate progress tracking for each mode.

Miscellaneous Mode

Mixed questions from all anime, shuffled across series. Independent progress tracking.

Fully Responsive

Works beautifully on desktop, tablet, and mobile. Touch-friendly controls for all games.

Technical Details

⚙️ Stack

  • Astro 7 Static site generator
  • TypeScript Type safety
  • Tailwind CSS 4 Utility-first styling
  • Vanilla JS Client-side game logic
  • Google Apps Script Serverless backend
  • Google Sheets Persistent leaderboard storage

🏗️ Architecture

  • Data-driven from JSON files in database/
  • No global question search — each game/anime combo has own question.json
  • Progress tracked by stable question IDs (not array indices)
  • New questions added at top of JSON — automatically played first after cycle
  • Player identity via Apps Script (fallback to local generation)
  • All external calls through Apps Script Web App (no exposed credentials)

Roadmap

📋

More Anime Series

Adding Attack on Titan, My Hero Academia, Demon Slayer, Jujutsu Kaisen, and more

📋

Additional Game Modes

New mechanics like Audio Guessing, Silhouette Recognition, and Timeline Ordering

📋

Daily Challenges

Special daily questions with bonus rewards and streak tracking

📋

Player Profiles

Detailed stats, achievement badges, and personal history pages

📋

Multiplayer Modes

Real-time head-to-head battles and cooperative play

Ready to Play?

Jump into the action and test your anime knowledge today!