LIVE PREVIEWBUY FOR $20

Mind Battle — Trivia Quiz

A elegant, totally featured HTML5 trivia quiz sport constructed for business distribution. Zero exterior JavaScript dependencies. Works on any gadget, in any trendy browser, straight from a static file host.

Overview

Mind Battle challenges gamers to reply 5-question multiple-choice ranges throughout two sport modes — Youngsters’s and Common — every break up into Straightforward, Medium, and Exhausting difficulties for a complete of 1,001 ranges (500 Youngsters’s + 501 Common). A full coin economic system, a every day streak system, an built-in configurable advert framework, and 5 selectable themes make Mind Battle an entire, ready-to-ship product.

In regards to the Recreation

• Entry level is index.html — no construct step required
• Pure vanilla HTML5, CSS3, and ES6+ JavaScript — no libraries, no frameworks, no bundle supervisor
• Totally responsive format — crisp rendering at each display dimension and pixel density
• Internet Audio API sound engine — sound results are synthesized in actual time; background music performs from a bundled, compressed audio loop (script/audio/background-music.mp3)
• All sport state persevered to localStorage with swish degradation when storage is unavailable
• Helps mouse, contact, and stylus enter through the Pointer Occasions API, plus full keyboard controls

Themes

5 free themes can be found to all gamers, every with an identical background picture. The energetic theme is saved to localStorage and utilized earlier than first paint on each return go to.

• Black — pure darkish minimalism with silver-white accents (default)
• Cartoonic — comic-book cream with purple & blue ink and the Bangers font
• Journal — editorial ivory paper with burgundy & navy accents
• Purple — deep violet foyer with electrical purple accents
• White — pure white with black textual content & black components

Modes & Ranges

• Two sport modes: Youngsters’s and Common, every with Straightforward, Medium, and Exhausting difficulties
• 5 questions per degree; 167 ranges per issue (Youngsters’s Exhausting has 166) — 1,001 ranges in whole
• All query knowledge lives in script/js/questions.js (the QC_DATA object) — no exterior degree recordsdata to load
• All query knowledge is static and totally editable — append or edit ranges straight in script/js/questions.js
• Degree progress and unlock state are saved per mode + issue in localStorage
• Finishing the ultimate degree of a mode/issue reveals the Champion display

The best way to Play

1. Decide a mode (Youngsters’s / Common) and an issue (Straightforward / Medium / Exhausting) from the foyer.
2. Select a degree from the Degree Choose grid and press Play.
3. Learn every query fastidiously and faucet the reply you consider is right.
4. Every query has 4 multiple-choice choices — just one is right.
5. Reply all 5 questions in a degree to finish it, earn cash, and get a star score.
6. Press Subsequent Degree to proceed, Replay to retry, or head again to the foyer any time.

Controls

• Mouse / Contact: Click on or faucet to pick out a solution choice and use the on-screen buttons.
• Keyboard (desktop):
  • 1–4 — choose reply choices 1 by means of 4
  • H — use a 50/50 trace
  • S — skip the present query
  • P — pause / resume the sport
  • ESC — shut the top-most overlay, or open pause whereas in a sport
• Trace (50/50): Removes two flawed reply choices. You get 3 free hints per degree (reset on each new degree) plus any hints you might have bought or earned — the button reveals the mixed whole.
• Skip: Skips the present query (counts as flawed) and prices 1 trace.
• Reset: Restart the present degree from query 1.

Cash & Rewards

• Finishing a degree awards cash: a base reward plus a star bonus (1★ +5, 2★ +15, 3★ +30).
• Watching a rewarded advert earns 50 cash (foyer ”+ Earn” button or store button).
• Every day streak: declare as soon as per day; rewards develop from 20 as much as 100 cash throughout a 7-day cycle.
• The store sells trace packs and a session “No Adverts” move: 50/50 Trace ($30), Trace Pack ×3 ($75), Trace Mega Pack +10 ($20), No Adverts for the session ($300).

Settings

All settings are accessible from the foyer settings button and are saved routinely to localStorage.

• Sound Results: Toggle procedural sport sounds.
• Background Music: Toggle the background music loop.
• Quantity: Regulate the sound/music quantity degree.
• Present Timer: Toggle the elapsed-time counter within the sport header.
• Particle Results: Toggle particle suggestions.
• Cartoonic Theme: Toggle the comic-book look with the Bangers font.
• Auto-Fill Trace: Toggle trace auto-fill conduct (legacy setting).
• Reset All Progress: Clears all saved progress, cash, and settings from localStorage.

Advert Monetization

Mind Battle ships with a totally built-in, configurable advert system prepared to hook up with any advert community.

Essential: Advert community integrations corresponding to Google AdSense, AdMob, and ironSource are third-party exterior companies not affiliated with or included on this product. Every community operates independently and has its personal account registration course of, eligibility necessities, approval insurance policies, and doubtlessly related prices. Mind Battle supplies the advert slot infrastructure solely — patrons are solely answerable for acquiring their very own accounts, assembly every community’s necessities, and complying with their respective phrases of service.

• All advert conduct is managed from config/adverts.js (window.ADS_CONFIG) — modifications apply on the following advert, no rebuild wanted.
• An interstitial advert reveals at sport begin when the variety of video games performed matches levelFrequency (e.g. 3 = each third sport begin). Set levelFrequency: 0 to disable interstitials totally. The counter is persevered in localStorage and resets after every advert.
• No adverts are proven when returning to the foyer — interstitials fireplace solely at sport begin.
• Adverts are displayed in a full-screen overlay with a sandboxed iframe, a countdown timer, and a skip button that seems after a configurable delay (default 2s).
• Advert content material is loaded from script/adverts/advert.html — the file comprises clearly marked remark blocks displaying precisely the place to stick your advert community’s loader script and advert unit code.
• Advert completion is signaled from the advert slot through window.guardian.postMessage('AD_COMPLETE', '*').
• Rewarded (opt-in) adverts: watch to earn 50 cash, look ahead to +3 hints, or watch to skip a degree. Every could be disabled individually in config/adverts.js.
• Gamers can spend 300 cash within the store to disable adverts for his or her present session.

Advert Community FAQ

Do advert networks require registration or approval? Sure. Each third-party advert community (Google AdSense, AdMob, ironSource, and others) runs its personal account registration and approval course of. Approval is dealt with totally by the community — it’s not assured by this product or its writer, and overview instances fluctuate by supplier.

What does Mind Battle present? The advert placement infrastructure solely — the overlay, iframe slot, countdown, skip button, and rewarded-ad flows. Connecting a community is your duty: create an account, meet the supplier’s eligibility necessities, and comply with its insurance policies and phrases.

Are there extra prices? Advert networks could have their very own charges or cost phrases. Any prices are set by the community, not by this product.

Tech Stack

Necessities & Compatibility

• Any trendy browser: Chrome 88+, Firefox 85+, Safari 14+, Edge 88+, Samsung Web 14+
• No server-side code required — deploy to any static file host (GitHub Pages, Netlify, S3, cPanel, and many others.)
• No set up, no construct step, no CLI instruments required
• Web connection required for Google Fonts (loaded through CDN) to render appropriately; see the developer documentation for offline font bundling directions
• Totally responsive — adapts to desktop, pill, and cell screens
• Web Explorer shouldn’t be supported
• All localStorage operations degrade gracefully when storage is unavailable (e.g. personal shopping mode)

Source