New Game Mode Creator

What problem does it solve?

Creating new game modes in a structured and maintainable way can be challenging, especially when dealing with lifecycle management, inter-component communication, and performance. This Skill guides the creation of new game modes by extending a common GameMode abstract class, ensuring consistency, reusability, and proper resource management.

Core Features & Use Cases

• Abstract Class Inheritance: Enforces a standardized structure by requiring implementation of methods like init(), cleanup(), handleQuestion(), and updateUI(), promoting consistency.
• Event Bus Communication: Promotes decoupled communication between game components using a central eventBus, preventing tight coupling and improving maintainability.
• Lazy Loading Integration: Ensures new game modes are integrated with the existing lazy loading system for optimized performance, reducing initial load times.
• Use Case: You want to introduce a new "Survival Mode" to the game. Activate this Skill to create the new mode, inheriting from GameMode.js, implementing its unique logic, and integrating it seamlessly into the application's lifecycle and event system.

Quick Start

1. Create a new file: js/modes/SurvivalMode.js

2. Extend the GameMode class:

import GameMode from '../core/GameMode.js';

export default class SurvivalMode extends GameMode { constructor(options) { super(options); } init() { /* Initialize game state / } cleanup() { / Remove event listeners, clear timers / } handleQuestion(question) { / Process question / } handleCorrectAnswer() { / Update score / } handleWrongAnswer() { / Reduce lives / } updateUI() { / Update display / } showResults() { / Display final score */ } }

3. Register your mode in GameModeManager.js and lazy-loader.js.