skills.rest
Dominik-Steinweg
Dominik-SteinwegCOMMUNITY
Explore all skills by this author →
GitHub

scale-and-responsive

Configure Phaser 4 canvas scaling and responsive layout via ScaleManager.

Updated Mar 13, 2026
Search Tags:#canvas#responsive#scaling#gamedev#phaser#fullscreen
One-click install
npx skills add https://github.com/Dominik-Steinweg/Fragdachse --skill scale-and-responsive-dominik-steinweg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: scale-and-responsive
Source: https://github.com/Dominik-Steinweg/Fragdachse/tree/main/.agents/skills/scale-and-responsive
Command: npx skills add https://github.com/Dominik-Steinweg/Fragdachse --skill scale-and-responsive-dominik-steinweg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill resolves the complexity of managing game canvas dimensions, aspect ratios, and browser-based scaling, ensuring your Phaser 4 game looks perfect on any device or screen size.

Core Features & Use Cases

  • Scale Management: Configure various scale modes like FIT, RESIZE, and EXPAND to handle different display requirements.
  • Responsive Handling: Implement dynamic resizing, fullscreen toggling, and orientation-aware UI adjustments.
  • Use Case: Use this skill to set up a 16:9 game that automatically letterboxes on ultra-wide monitors while maintaining crisp pixel art rendering via integer zoom.

Quick Start

Configure the scale object in your Phaser game config with mode Phaser.Scale.FIT and autoCenter Phaser.Scale.CENTER_BOTH to ensure your game scales perfectly within its parent container.

Frequently Asked Questions about scale-and-responsive

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

FAQPage Schema
What is the best way to handle fullscreen transitions and orientation changes in Phaser?▼

Configure Phaser 4 game canvas scaling by setting the scale object in your game config with a specific scale mode like FIT, RESIZE, or EXPAND to manage dynamic resizing across different display requirements.

How do I keep a 16:9 aspect ratio game centered on ultra-wide monitors?▼

Configure Phaser 4 game canvas scaling by setting the scale object in your game config with a specific scale mode like FIT, RESIZE, or EXPAND to manage dynamic resizing across different display requirements.

Does Phaser 4 support integer zoom for crisp pixel art rendering during browser resizing?▼

Configure Phaser 4 game canvas scaling by setting the scale object in your game config with a specific scale mode like FIT, RESIZE, or EXPAND to manage dynamic resizing across different display requirements.

What is the difference between Phaser Scale FIT RESIZE and EXPAND modes?▼

Configure Phaser 4 game canvas scaling by setting the scale object in your game config with a specific scale mode like FIT, RESIZE, or EXPAND to manage dynamic resizing across different display requirements.

Why does my Phaser game canvas not center correctly after dynamic browser resizing?▼

Configure Phaser 4 game canvas scaling by setting the scale object in your game config with a specific scale mode like FIT, RESIZE, or EXPAND to manage dynamic resizing across different display requirements.

How do I manage coordinate transformation logic for responsive Phaser game UI?▼

Configure Phaser 4 game canvas scaling by setting the scale object in your game config with a specific scale mode like FIT, RESIZE, or EXPAND to manage dynamic resizing across different display requirements.

Related Skills

Explore More Software Engineering Skills→
diegolinharesdiegolinhares

scale-and-responsive

Scale and resize Phaser 4 game canvas using ScaleManager.

Community
Intermediate
tja688tja688

scale-and-responsive

Configure Phaser 4 canvas scaling, responsive layouts, and fullscreen transitions.

Community
Intermediate
Yakoub-aiYakoub-ai
17

phaser-coder

Implement Phaser 4 game features with TypeScript and class-based scenes.

Official
Advanced
ArtRivArtRiv

scale-and-responsive

Configure Phaser ScaleManager for responsive canvas sizing and centering.

Community
Intermediate