Math Flow | HTML5 Educational Game

Math Flow turns math practice into an arcade game your players will actually want to keep playing. Instead of static worksheets, players fly a trail of glowing question nodes through a procedurally generated space background — solving equations, racing the clock, building combos, and leveling up as the difficulty adapts to them in real time. Built entirely in vanilla JavaScript (ES modules) with zero build step and zero external frameworks, it drops straight into any website, LMS, or Cordova/Capacitor shell and just runs. Key Features Adaptive difficulty engine — question types (addition, subtraction, multiplication, division, algebra, greater/less-than comparisons, and more) ramp in and retire automatically as the player levels up, so the challenge never feels flat or unfair. Node-trail gameplay — questions appear as sized, color-coded shapes along a path; node size and shape adapt to the question itself for a satisfying, readable flow. Score, XP & combo system — a continuous XP curve rewards speed and accuracy, with streak-based combo bonuses that make fast, correct answers feel great. Three difficulty modes — Easy, Normal, and Hard, each with its own countdown timer pacing. 75 unlockable achievements — one-off milestones that reward consistent play. Tiered skill badges — Bronze → Silver → Gold → Platinum badges that rank up as lifetime accuracy and volume improve. Daily streaks & 5-a-day tasks — a Duolingo-style daily task list and streak counter to keep players coming back. Rolling accuracy stat — accuracy is calculated from the player’s most recent answers (not a lifetime average), so the number shown always reflects current performance. Symbol Mode input — an on-screen keypad supporting both numeric and symbol entry, alongside full physical keyboard support. Procedural space visuals — parallax stars, nebulas, planets, and asteroids rendered live on canvas — no static background images, no two playthroughs look identical. Smooth camera system — auto-follow, zoom, and screen-shake feedback on every answer. Pooled particle effects — floating score/XP text, bursts, and shockwaves, optimized with object pooling for smooth performance. Background music with automatic fallback — ships with a background track and gracefully falls back to a generative ambient audio loop if the audio file can’t load, so there’s never silence. Local save & progress — all progress (level, XP, achievements, badges, streaks, history) is persisted automatically via localStorage. Fully responsive — playable on desktop and mobile, with layout and keypad positioning that adapt to smaller screens. Reduced-motion support — respects the player’s OS-level reduced-motion preference. ️ Technical Highlights 100% vanilla JavaScript — no React, no jQuery, no build tools required. Clean, modular ES module architecture (core / gameplay / managers / render / utils) — easy to read, easy to extend. Canvas 2D rendering for gameplay, DOM for UI chrome — best of both worlds for performance and easy restyling via CSS. Deterministic RNG utilities for reproducible daily content. Automated unit tests included (Node.js test runner) covering question generation and scoring logic. Well-commented source files throughout. What’s Included Full game source code (HTML, CSS, JS) All game assets (icons, background music, artwork) Automated test suite Documentation covering project structure and how to customize the game Perfect For Educational websites and math tutoring platforms Schools and e-learning portals looking for an engaging practice tool App developers wrapping the game into a mobile app shell Parents/educators wanting a customizable, ad-free math game Requirements Any modern browser (Chrome, Firefox, Safari, Edge) No server-side requirements — runs as a static site Basic HTML/CSS/JS knowledge if you want to customize colors, question types, or difficulty pacing Support Questions before or after your purchase? Reach out through my CodeCanyon profile page and I’ll be happy to help. If you enjoy Math Flow, please consider leaving a rating — it really helps!  

(Only For Premium Category Products !)

1. All digital products are the most recent version, with no possibility of free updates. After payment, you can request an update to the most recent version for 5 days if a new version is released. We free support within 5 days.

2. If a license is required (Excludes WHMCS license , we provide only method not license), please contact us via email or ticket for assistance with activation. Our license is only valid for activation and does not include support.

3. We provide Mobile, PHP script installation services for $19.90 / ₹1700. Please create a backup after installation as we do not support re-installation. For mobile app source code, we do not offer installation services.

4. If you have any questions, please contact us by email [email protected] or create a ticket on this page

5. Please note that any digital products presented on the website do not contain malicious code, viruses or advertising. You will receive the original files from the developers. We do not sell any products that have been downloaded from other websites.

6. The response time can last up to 6 hours.

(Only For Membership Category Products !)

Benefits of our Membership Plans

• Instant access to all plugins and all themes including all future releases
• Unlimited domain usage
• Regular Updates as of when available. Usually, updates are released daily.
• Before purchasing, please read the Terms and Conditions & Refund Policy.
• If you have any questions, please first read the FAQs.
• If you haven’t found the answer to your question, please contact us, and we will respond ASAP.
• Please note that any digital products on the website do not contain malicious code, viruses, or advertising. We buy the original files from the developers. We do not sell any products downloaded from other sites.
• Buy or download for FREE by subscribing to our VIP Membership Plan. Join the club of more than 1100+ happy members. This is the same theme as sold by the developer.

Updates:

• We offer frequent updates for one year from the date of purchase. After this period, you have to purchase the item again to receive further updates, we also offer lifetime updates as a second option.
• We regularly update products as soon as we are notified about an update, we go and download it from the author and update it on our site, but In case the current version of the product is not the latest, You can request an update for the product by contact form.
• We send regular emails advising when products have been updated so please be sure to provide an active email address when you sign up.

Support:

• Our support team is available 24/7, if you have any questions or need help in installing or configuring digital products purchased on the website, please don’t hesitate to contact form.
• Please note that we are not developers of the provided products, so our technical support capabilities are limited. We do not change product functionality and do not fix developer bugs.

For more information please read FAQs & About Us.

(Only For WHMCS Category Products !)

• We Only provide WHMCS Module, how you can  nulled any module step only !
• Instant access to all plugins and all themes 
• Unlimited domain usage
• Regular Updates as of when available. Usually, updates are released daily.
• Before purchasing, please read the Terms and Conditions & Refund Policy.
• If you have any questions, please first read the FAQs.
• If you haven’t found the answer to your question, please contact us, and we will respond ASAP.
• Please note that any digital products on the website do not contain malicious code, viruses, or advertising. We buy the original files from the developers. We do not sell any products downloaded from other sites.