game-object-components

Document Phaser 4 game object mixins for rendering, transforms, and WebGL features.

Updated Mar 13, 2026
One-click install
npx skills add https://github.com/Dominik-Steinweg/Fragdachse --skill game-object-components-dominik-steinweg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: game-object-components
Source: https://github.com/Dominik-Steinweg/Fragdachse/tree/main/.agents/skills/game-object-components
Command: npx skills add https://github.com/Dominik-Steinweg/Fragdachse --skill game-object-components-dominik-steinweg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a comprehensive reference for the Phaser 4 mixin system, helping developers understand how to correctly apply, configure, and troubleshoot shared game object behaviors like transforms, rendering, and physics-independent properties.

Core Features & Use Cases

  • Component Reference: Detailed documentation on all available mixins including Alpha, Depth, Flip, Lighting, and Transform.
  • System Architecture: Explains the Phaser 4 class-based mixin system, property copying, and render flag management.
  • Use Case: Use this skill to determine the correct component to use for a specific visual effect, such as applying per-corner alpha in WebGL or setting up a custom render node for advanced graphics.

Quick Start

Use the game-object-components skill to explain how to correctly implement a custom game object using the Transform and Texture components.

Frequently Asked Questions about game-object-components

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure shared rendering behaviors for game objects in Phaser 4?

To configure shared rendering behaviors in Phaser 4, use the class-based mixin system to apply components like Alpha, Depth, and Transform to game objects. This system copies properties and manages render flags for consistent visual effects across instances.

What is the Phaser 4 mixin system and how does it manage game object components?

The Phaser 4 mixin system is a class-based architecture that copies properties and methods from components like Alpha, Flip, and Lighting into game objects. It handles render flag management and display list integration for shared object behaviors.

How do I apply per-corner alpha and lighting effects to a custom game object in WebGL?

Apply per-corner alpha and lighting effects in WebGL by integrating the Alpha and Lighting mixins into your custom game object. These components provide the necessary API configuration for WebGL-specific visual properties and custom render nodes.

Can I chain setter methods when configuring texture and transform components in Phaser 4?

Yes, you can chain setter methods when configuring texture and transform components in Phaser 4. The mixin system supports setter chaining to streamline the configuration of coordinate transformations and texture assignments on game objects.

Does Phaser 4 support physics-independent properties through the game object component system?

Yes, Phaser 4 supports physics-independent properties through its game object component system. Mixins like Depth, Flip, and Transform handle visual and spatial properties independently, allowing rendering and coordinate transformations without requiring a physics body.

Why are my custom render nodes not displaying correctly on the Phaser 4 display list?

Custom render nodes may fail to display correctly if the mixin system's render flags are not properly managed during component configuration. Ensure your custom game object correctly integrates display list management alongside the Texture and Transform components.