HTML5 Canvas
The game uses native browser technologies and Canvas rendering for its game world.
A wild RPG adventure focused on tactics, exploration, strategy, and collecting unique creatures.
Add the Magimals Toxic badge to your project with:
<img src="https://cdn.jsdelivr.net/gh/WebDesignerCameron/src@main/projects/magimals-toxic/assets/Images/svg/badge.svg"
alt="Magimals Toxic">
The project provides downloadable soundtrack files in several audio formats, together with video versions.
Magimals Toxic is the official website and game project created by WebDesignerCameron together with its contributors.
The repository contains the main project documentation as well as links to additional documentation and resources.
Magimals Toxic is an RPG combining tactics, strategy, exploration and monster collection. Players progress through a carefully designed world while travelling toward the Oscilla Mountains and uncovering the game's story.
The game is designed as a client-side web application, so it can be run locally without a large development environment.
index.html in a modern browser.git clone https://github.com/WebDesignerCameron/magimals-toxic
cd magimals-toxic
npx serve .
The game uses native browser technologies and Canvas rendering for its game world.
Responsive layouts are built with modern CSS layout capabilities.
The game avoids large external frameworks and relies on native ES6+ JavaScript.
The project intentionally has no heavy external dependencies, helping it load quickly in the browser.
Repository statistics may change as development continues.
The world consists of four islands containing routes, paths, shores and cities. Their details can evolve during development.
More than 100 Magimals are planned, each with its own abilities, characteristics and skills.
The progression system is designed around exploration, challenges and rewarding advancement through the world.
Long ago, ancient Magimals inhabited the Earth and sought powerful forces they could exploit. Their history eventually became intertwined with humanity and the Magimals encountered in the modern world.
Players travel across four distinct islands on their journey toward the final confrontation.
Three powerful gems must be collected from different islands.
Home of Hometon, the player's starting village.
A grassy plateau where the Grass Gem can be obtained.
A mountainous region featuring the Oscilla Mountains.
A dangerous volcanic location hiding the game's final threat.
Magimals Toxic is designed around lightweight web standards rather than a large game framework.
Semantic markup and Canvas-based rendering.
Grid and Flexbox provide responsive interfaces.
Modular game logic, input handling, combat and audio systems.
Browser localStorage is used to preserve game
progress, including party data, player position and completed
objectives.
Yes. The game is client-side. A local copy of the project and its required source files can be used without an active internet connection.
Clear the relevant browser localStorage data through the browser's Developer Tools, or use the game's New Game option when available.
The underlying collection supports a dynamic number of creatures, while the active battle team is limited to six.
The game uses modern JavaScript features, so an up-to-date browser is recommended.
Confidence = (Level / Opponent Level) ร 1.1
Damage = (Power ร (Attack / Opponent Defense)) ร Modifier
Damage modifiers can account for same-type bonuses, elemental effectiveness and critical hits.
The grid-based world and deterministic systems provide opportunities for optimized speedrunning routes.
| Action | Primary | Secondary |
|---|---|---|
| Move Up | W | โ |
| Move Down | S | โ |
| Move Left | A | โ |
| Move Right | D | โ |
| Select | Space | Enter |
| Inventory | I | E |
Single-tap controls are provided to make movement and interaction easier for players who have difficulty with conventional controls.
| Browser | Minimum | Status |
|---|---|---|
| Google Chrome | 92+ | Verified |
| Mozilla Firefox | 90+ | Verified |
| Apple Safari | 15+ | Verified |
| Microsoft Edge | 92+ | Verified |
Magimals are represented using structured data containing identifiers, names, types, statistics and move pools.
{
"magimalId": "MAGI_num",
"name": "Whatever",
"primaryType": "Type1",
"secondaryType": "Type2",
"stats": {
"hp": 60,
"attack": 60,
"defense": 60,
"speed": 60,
"spatk": 60,
"spdef": 60
},
"movePool": []
}
The engine is designed for long browser sessions and includes lifecycle management intended to prevent unnecessary resource retention.
Thanks to all contributors who have helped develop Magimals Toxic, and to everyone who has taken the time to explore the project.
WebDesignerCameron (Cameron) is an independent developer and businessman based in Manchester, UK, with a focus on web development, games and technical projects.
โI am an independent businessman with big dreams and big capabilities.โ