Magimals Toxic

Magimals Toxic

A wild RPG adventure focused on tactics, exploration, strategy, and collecting unique creatures.

๐Ÿ… Badges

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">

๐Ÿ‘€ Media

๐ŸŽต Songs

The project provides downloadable soundtrack files in several audio formats, together with video versions.

๐ŸŽจ Logo

Magimals Toxic logo

๐Ÿ”ƒ Summary

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.

๐Ÿ”— Links

Main Website Source Repository Contributing License Privacy Policy

๐ŸŽฎ Game Introduction

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.

๐Ÿš€ Quick Start & Local Run

The game is designed as a client-side web application, so it can be run locally without a large development environment.

Run locally

  1. Clone the repository.
  2. Enter the project directory.
  3. Open index.html in a modern browser.
  4. Alternatively, serve the directory with a local development server.
git clone https://github.com/WebDesignerCameron/magimals-toxic
    cd magimals-toxic
    npx serve .

๐Ÿ—๏ธ Game Architecture

HTML5 Canvas

The game uses native browser technologies and Canvas rendering for its game world.

CSS Grid

Responsive layouts are built with modern CSS layout capabilities.

Vanilla JavaScript

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.

๐Ÿ“ˆ GitHub Stats

TypeRepository
Game VersionPrerelease
Branches2(1 inactive)
Pull Requests11
Closed PRs11
Merged PRs9

Repository statistics may change as development continues.

โš’๏ธ Working On

๐Ÿ’ฏ Features

๐Ÿšฆ Development notice: Magimals Toxic is still under development, so individual features and mechanics may change.

Maps

The world consists of four islands containing routes, paths, shores and cities. Their details can evolve during development.

Creatures

More than 100 Magimals are planned, each with its own abilities, characteristics and skills.

Adventure

The progression system is designed around exploration, challenges and rewarding advancement through the world.

๐Ÿฆ– Backstory

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.

๐ŸŒŽ World

Players travel across four distinct islands on their journey toward the final confrontation.

๐Ÿ’Ž Gems

Three powerful gems must be collected from different islands.

Starter Island

Home of Hometon, the player's starting village.

Granite Island

A grassy plateau where the Grass Gem can be obtained.

Montacia Island

A mountainous region featuring the Oscilla Mountains.

Final Island

A dangerous volcanic location hiding the game's final threat.

๐Ÿงช Deep-Dive Gameplay Mechanics

Grid-Based Navigation

Turn-Based Combat

  1. Choose an action such as attacking, using a move, using an item, or escaping.
  2. The game calculates the resulting action and damage.
  3. Status effects are processed at the end of the turn.

๐Ÿ› ๏ธ Technical Architecture

Magimals Toxic is designed around lightweight web standards rather than a large game framework.

The Three-Pillar Stack

HTML5

Semantic markup and Canvas-based rendering.

CSS3

Grid and Flexbox provide responsive interfaces.

ES6+ JavaScript

Modular game logic, input handling, combat and audio systems.

State Management

Browser localStorage is used to preserve game progress, including party data, player position and completed objectives.

โ“ Frequently Asked Questions

Can I run the game offline?

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.

How can I reset my saved game?

Clear the relevant browser localStorage data through the browser's Developer Tools, or use the game's New Game option when available.

How many Magimals can I catch?

The underlying collection supports a dynamic number of creatures, while the active battle team is limited to six.

Why might an old browser have problems?

The game uses modern JavaScript features, so an up-to-date browser is recommended.

๐Ÿงฎ Advanced Battle Math

Stats

Confidence

Confidence = (Level / Opponent Level) ร— 1.1

Core Damage

Damage = (Power ร— (Attack / Opponent Defense)) ร— Modifier

Modifier

Damage modifiers can account for same-type bonuses, elemental effectiveness and critical hits.

๐ŸŽ’ Item & Consumables Directory

๐Ÿงช Bio-Toxins & Curatives

๐ŸŽฏ Capture

โค๏ธ Healing

โฌ†๏ธ Level Up

โฑ๏ธ Speedrunning & Optimization

The grid-based world and deterministic systems provide opportunities for optimized speedrunning routes.

  1. Choose a fast starter to improve early encounter efficiency.
  2. Use efficient movement routes to reduce unnecessary encounters.

โŒจ๏ธ Complete Keyboard Interface

Action Primary Secondary
Move Up W โ†‘
Move Down S โ†“
Move Left A โ†
Move Right D โ†’
Select Space Enter
Inventory I E

โ™ฟ Accessibility

Single-tap controls are provided to make movement and interaction easier for players who have difficulty with conventional controls.

๐ŸŒ Cross-Browser Compatibility

Browser Minimum Status
Google Chrome 92+ Verified
Mozilla Firefox 90+ Verified
Apple Safari 15+ Verified
Microsoft Edge 92+ Verified

๐Ÿ“ฆ Magimals Storage

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": []
    }

๐Ÿง  Memory Management

The engine is designed for long browser sessions and includes lifecycle management intended to prevent unnecessary resource retention.

Engine Initialization

  1. DOM content loads.
  2. Saved game data is checked.
  3. The Canvas viewport is initialized.
  4. Sprites and textures are loaded.
  5. Input handlers are registered.
  6. The main animation loop starts.

๐Ÿ˜Š Credits

Thanks to all contributors who have helped develop Magimals Toxic, and to everyone who has taken the time to explore the project.

๐Ÿ‘จโ€๐Ÿ’ป About WebDesignerCameron

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.โ€

Core Competencies

Key Projects