Gameplay Accessibility (a11y)
Multi-Scale Gameplay is accessibility at the gameplay level, not just UI
What is Gameplay Accessibility?
Traditional accessibility (a11y):
- Screen readers for blind players
- Colorblind modes
- Rebindable controls
- Large UI fonts
Gameplay Accessibility (CASCADA's innovation):
- Mechanics adapt to device capabilities
- Control scale changes based on screen size
- Same world, different perspectives
- Full game on any device (not simplified mobile version!)
The Problem: Mobile Games are "Lesser"
Traditional Approach (Wrong):
Desktop Game:
├─ Complex mechanics
├─ Full strategy
├─ All features
└─ "Real" game
Mobile Game:
├─ Simplified mechanics
├─ Dumbed-down strategy
├─ Limited features
└─ "Casual" versionResult: Mobile players get an inferior experience
CASCADA's Solution: Equal but Different
Multi-Scale Approach (Right):
Desktop Player (MEGA mode):
├─ God's eye view
├─ Civilization management
├─ Grand strategy
└─ FULL game from strategic perspective
Mobile Player (NANO mode):
├─ Character control
├─ Individual actions
├─ Tactical decisions
└─ FULL game from tactical perspectiveResult: Both players have complete experience, just at different scales!
Real-World Analogy: Professional Tools
Creative Software DOES This Already
Adobe Photoshop:
iPad with Pencil:
├─ Detail work (brush strokes, fine adjustments)
├─ CONTROL: Precise, pixel-level
└─ DEVICE: Touch-optimized, portable
iMac 27" with Mouse:
├─ Overall composition (layouts, color balance)
├─ CONTROL: Strategic, canvas-level
└─ DEVICE: Keyboard shortcuts, large screenWhy don't games work like this?
CASCADA Makes Games Work Like Professional Tools
The Principle
╔══════════════════════════════════════════════════════╗
║ ║
║ Device Capability → Control Granularity ║
║ ║
║ Small screen → DETAIL work (NANO/MICRO) ║
║ Large screen → OVERVIEW (MACRO/MEGA) ║
║ ║
║ NOT because mobile is "worse" ║
║ BUT because mobile is BETTER at detail work! ║
║ ║
╚══════════════════════════════════════════════════════╝Mobile is NOT Inferior - It's SPECIALIZED
Small screen advantages:
- Closer to eyes → see details better
- Touch → direct manipulation
- Portable → can play anywhere
- PERFECT for micro-management!
Large screen advantages:
- Wide FOV → see entire battlefield
- Keyboard/Mouse → many shortcuts
- Multi-monitor → information panels
- PERFECT for macro-management!
Accessibility Benefits
1. Physical Accessibility
Players with limited dexterity:
MICRO/NANO modes (mobile):
├─ Simple touch controls
├─ One character to control
├─ No complex keyboard combos
└─ Accessible for players with motor disabilitiesPlayers with good dexterity:
MACRO/MEGA modes (desktop):
├─ Complex keyboard shortcuts
├─ Multi-unit control
├─ Fast-paced RTS
└─ Challenge for skilled players2. Cognitive Accessibility
Players who prefer simple tasks:
NANO mode:
├─ Focus on ONE thing
├─ Clear objectives
├─ Immediate feedback
└─ Less overwhelmingPlayers who prefer complexity:
MEGA mode:
├─ Manage EVERYTHING
├─ Strategic thinking
├─ Long-term planning
└─ Full complexity3. Device Accessibility
Players with only a phone:
- Get FULL game (not watered-down mobile version)
- Just at NANO/MICRO scale
- Can still win, compete, progress
Players with gaming PC:
- Get FULL game (not desktop-only features)
- Just at MACRO/MEGA scale
- Same world as mobile players!
Not "Responsive UI" - "Responsive Mechanics"
Traditional Responsive Design
┌─────────────────────────────────────┐
│ RESPONSIVE UI (what everyone does) │
└─────────────────────────────────────┘
Mobile (375px):
[●] Button (40px)
└─ Bigger touch target
Desktop (1920px):
[●] Button (24px)
└─ Smaller, more buttons fit
SAME MECHANICS. Different button sizes.CASCADA's Responsive Gameplay
┌─────────────────────────────────────┐
│ RESPONSIVE MECHANICS (CASCADA) │
└─────────────────────────────────────┘
Mobile (375px):
Control: Direct character movement
Mechanics: RPG-style combat
Complexity: Individual actions
Scope: 10x10 tile area
Desktop (1920px):
Control: Army commands
Mechanics: RTS-style battles
Complexity: Strategic decisions
Scope: Entire map
DIFFERENT MECHANICS. Same world.Examples of Gameplay Accessibility
Example 1: Trade Winds MMO
Mobile player (limited screen):
Role: Ship Captain
Controls: Steer ship, manage cargo
Complexity: Medium
Fun: Exploration, trading, pirates
FULL GAME: Yes! Complete experienceDesktop player (large screen):
Role: Trade Magnate
Controls: Manage trade routes, set policies
Complexity: High
Fun: Economics, strategy, empire building
FULL GAME: Yes! Complete experienceBoth play SAME WORLD:
- Mobile captain delivers cargo → affects desktop economy
- Desktop magnate sets prices → affects mobile trading
- Equal impact, different perspective
Example 2: God Game (Populous-style)
Tablet player:
Scale: MESO (city level)
Control: Place buildings, manage citizens
Mechanics: City builder
Accessible to: Casual players, kidsDesktop player:
Scale: MEGA (god view)
Control: Divine powers, world manipulation
Mechanics: God game
Accessible to: Hardcore strategy fansSame world, same session:
- Tablet player builds city → desktop player sees prosperity
- Desktop player blesses region → tablet player gets resources
- Both contribute equally!
Technical Implementation
How CASCADA Achieves This
1. Sphere of Influence System
- Each scale has its own "area of responsibility"
- NANO can't break MACRO (and vice versa)
- Actions cascade naturally between scales
2. Event CASCADA
- Small actions aggregate up
- Large decisions decompose down
- NO action is lost or ignored
3. Data Resolution
- NANO sees: Every detail
- MEGA sees: Statistics only
- Appropriate detail for screen size!
Important: Flexibility, Not Restrictions
CASCADA is RECOMMENDATORY, Not Mandatory
Key principle: The system recommends modes based on device, but doesn't forbid anything!
╔══════════════════════════════════════════════════════╗
║ ║
║ Mobile device → RECOMMENDS NANO/MICRO ║
║ BUT you CAN play MACRO/MEGA ║
║ ║
║ Desktop → RECOMMENDS MACRO/MEGA ║
║ BUT you CAN play NANO/MICRO ║
║ ║
║ DEVELOPER DECIDES: What's available ║
║ USER DECIDES: What they prefer ║
║ ║
╚══════════════════════════════════════════════════════╝Developer Control
Developer decides:
// You can configure mode availability
const modeRules = {
mobile: {
recommended: [GameModeAlias.NANO, GameModeAlias.MICRO],
allowed: [GameModeAlias.NANO, GameModeAlias.MICRO, GameModeAlias.MESO],
// MACRO/MEGA not forbidden, just not recommended
},
desktop: {
recommended: [GameModeAlias.MACRO, GameModeAlias.MEGA],
allowed: ALL_MODES, // User can choose any!
},
};Options:
Fully Open (Default)
- All modes available on all devices
- User chooses with TAB or 1-5 keys
- Auto-mode suggests best mode
Recommended But Not Forced
- System recommends mode based on device
- User can override (disable auto-mode)
- Warning if mode not optimal
Restricted (Developer Choice)
- Developer can forbid certain modes on certain devices
- Example: MEGA mode requires >1920px width
- Clear message why mode unavailable
User Control
User has freedom:
// Scenario: Mobile user wants to play RTS
Mobile player (375x667):
├─ Auto-mode suggests: NANO
├─ User presses "A" → Disable auto-mode
├─ User presses "4" → Switch to MACRO
└─ Now playing RTS on mobile!
Result:
✓ Challenging? Yes (small screen for RTS)
✓ Possible? YES!
✓ User's choice? YES!Real Example: Strategy on Mobile
Nothing forbids strategic gameplay on mobile:
Mobile Portrait (iPhone):
├─ Auto-suggests: NANO mode
├─ User preference: "I want to play strategy!"
├─ User disables auto-mode
├─ User switches to MACRO
└─ Playing Civilization-style on phone!
Experience:
├─ Harder? Yes (small UI elements)
├─ Possible? Absolutely!
├─ Full-featured? YES!
└─ User's choice!CASCADA respects user agency!
Configuration Examples
Example 1: Fully Flexible (Default)
// All modes available everywhere
const config = {
autoMode: true, // Recommends, doesn't force
allowManualSwitch: true,
modes: {
nano: { minWidth: 0 }, // Always available
micro: { minWidth: 0 }, // Always available
meso: { minWidth: 0 }, // Always available
macro: { minWidth: 0 }, // Always available
mega: { minWidth: 0 }, // Always available
},
};Example 2: Recommendations with Soft Limits
// Recommends but allows override
const config = {
autoMode: true,
allowManualSwitch: true,
modes: {
nano: {
minWidth: 0,
recommended: { maxWidth: 768 }, // Suggests on mobile
},
mega: {
minWidth: 0,
recommended: { minWidth: 1920 }, // Suggests on desktop
showWarning: true, // Warns if on small screen
},
},
};Example 3: Hard Restrictions (Developer Choice)
// Developer enforces limits
const config = {
autoMode: true,
allowManualSwitch: true,
modes: {
mega: {
minWidth: 1920, // HARD LIMIT
message: "MEGA mode requires 1920px+ screen",
},
},
};Why Flexibility Matters
Different players, different preferences:
Hardcore RTS Player on Mobile:
├─ Wants full strategic control
├─ Willing to deal with small UI
├─ Disables auto-mode
└─ Plays MACRO on phone by choice
Casual Player on Desktop:
├─ Prefers simple controls
├─ Doesn't want complex strategy
├─ Keeps auto-mode
└─ Plays NANO even on big screen
BOTH are valid! CASCADA supports both!Summary: Developer + User Partnership
Developer provides:
├─ Available modes
├─ Recommendations
├─ Optimal settings per device
└─ Optional restrictions
User chooses:
├─ Auto-mode ON/OFF
├─ Preferred mode
├─ Manual override
└─ Their own playstyle
CASCADA enables:
└─ BOTH have control!No hard rules. Just smart defaults. Ultimate flexibility.
Benefits for Developers
One Codebase, Infinite Devices
Traditional:
├─ mobile-game/ (simplified mechanics)
├─ desktop-game/ (full mechanics)
└─ tablet-game/ (compromise)
CASCADA:
└─ game/ (ONE game, FIVE scales)Accessibility = Larger Audience
Players who ONLY have phone:
└─ Can play FULL game at NANO/MICRO scale
Players who ONLY have desktop:
└─ Can play FULL game at MACRO/MEGA scale
Players who have BOTH:
└─ Play SAME character/world on all devices!Multi-Device Gameplay: The Second Screen Revolution
The Classic UI Problem Solved
Traditional games - UI blocks gameplay:
Diablo (PC):
├─ Open inventory → GAME PAUSES or screen blocked
├─ Can't see enemies approaching
└─ Die while managing items
FPS Shooter:
├─ Open map → Full-screen overlay
├─ Can't see what's happening
└─ Get shot while checking objectives
RTS:
├─ Open production menu → UI takes 1/3 of screen
├─ Less space for battlefield
└─ Compromised viewProblem: You can't manage UI AND play at the same time!
CASCADA Solution: Second Screen = Second Scale
Playing on Desktop + Mobile simultaneously:
Desktop (MACRO mode):
├─ Main gameplay
├─ Fighting boss battle
├─ Screen is COMPLETELY CLEAR
└─ No UI overlay!
Mobile (NANO mode):
├─ Inventory OPEN on phone
├─ Drag items, manage equipment
├─ Changes apply INSTANTLY to desktop
└─ GAME CONTINUES on desktop!
RESULT: Manage inventory on phone while fighting on PC!More Multi-Device Examples
Example 1: FPS with Tactical Map
Desktop (NANO - First Person):
├─ FPS combat
├─ Clear screen, no map
├─ Focus on shooting
└─ See enemy markers
Tablet (MACRO - Strategic Map):
├─ Full tactical map open
├─ See all players, objectives
├─ Mark enemy positions
└─ Desktop player sees markers in real-time!
BENEFIT: Full situational awareness without map overlay!Example 2: City Builder
Desktop (MESO - Building):
├─ Placing structures
├─ Managing layout
├─ Visual construction
└─ Clear view of city
Mobile (NANO - Resources):
├─ Resource panel open
├─ Production rates visible
├─ Adjust priorities
└─ See changes in desktop immediately!
BENEFIT: Detailed management without pausing construction!Example 3: MMO Raid
Desktop (MACRO - Combat):
├─ Raid boss fight
├─ Full screen combat
├─ No UI clutter
└─ Maximum visibility
Phone (NANO - Party Management):
├─ Party health/mana bars
├─ Buff timers
├─ Cooldowns
└─ Manage rotation without blocking view!
BENEFIT: Full combat view + full information!How This Works Technically
Same Account, Multiple Sessions:
// Desktop session
{
account: "player123",
device: "PC",
mode: GameModeAlias.MACRO,
focus: "main gameplay"
}
// Mobile session
{
account: "player123", // SAME ACCOUNT!
device: "Phone",
mode: GameModeAlias.NANO,
focus: "UI/inventory/map"
}
// Both connected to same game state
// Changes from phone → instant on desktop
// No lag, no conflictsComparison with Industry
What professionals use:
| Tool | Main Screen | Second Screen |
|---|---|---|
| Photoshop | Canvas | Tools, palettes |
| Music DAW | Timeline | Mixer, instruments |
| Video Edit | Timeline | Preview, color |
| 3D Modeling | Viewport | Properties, materials |
What games should use:
| Game Type | Main Screen | Second Screen |
|---|---|---|
| ARPG | Combat | Inventory, skills |
| FPS | First-person view | Map, objectives |
| RTS | Battle | Resources, production |
| MMO | Combat | Party, chat, quests |
| City Builder | Construction | Resources, stats |
CASCADA makes this possible!
This is the Future
Why This Matters
Current problem:
- 3 billion mobile gamers
- Most "mobile games" are simplified cash-grabs
- "Real gamers" forced to buy PC/console
- UI blocks gameplay in complex games
- No second screen support (except dedicated apps that don't integrate)
CASCADA enables:
- FULL games on mobile (just different scale)
- Mobile = EQUAL to desktop (not inferior)
- One account, all devices, same progress
- Second screen as natural extension (inventory on phone while playing!)
- UI never blocks gameplay (put it on another device!)
- True cross-platform gameplay
Comparison with Industry
| Approach | Game Example | Result |
|---|---|---|
| Separate Versions | PUBG Mobile vs PUBG PC | Different games, no crossplay |
| UI Only Responsive | Hearthstone | Same mechanics, tiny UI on mobile |
| Simplified Mobile | Diablo Immortal | Mobile = watered down |
| CASCADA Approach | (Future games) | Same world, different scales, full crossplay |
Summary
╔══════════════════════════════════════════════════════╗
║ ║
║ GAMEPLAY ACCESSIBILITY = TRUE INCLUSION ║
║ ║
║ Not: "Can you press this button?" ║
║ But: "Can you enjoy this game on YOUR device?" ║
║ ║
║ Mobile players → Full game at NANO scale ║
║ Desktop players → Full game at MEGA scale ║
║ ║
║ SAME WORLD. EQUAL EXPERIENCE. DIFFERENT SCALE. ║
║ ║
╚══════════════════════════════════════════════════════╝This is why Multi-Scale Gameplay matters.
See Also
- Game Modes - Technical implementation
- Sphere of Influence - How it works
- Multi-Scale on Landing Page - Overview
Accessibility is not just UI. It's gameplay. It's mechanics. It's philosophy.