john/McRogueFace
1
0
Fork 0
Code Issues 32 Pull requests Projects Releases Wiki Activity

[7DRL Prep] WASM fullscreen on mobile devices #246

New issue
Closed
opened 2026-02-09 02:44:02 +00:00 by john · 3 comments
john commented 2026-02-09 02:44:02 +00:00
Owner
Copy link

Goal

Make the Emscripten/WebAssembly build go fullscreen on mobile devices.

Current Problems

  • Canvas hardcoded to 1024x768 in src/shell.html JS (lines 640-641)
  • No Fullscreen API (requestFullscreen()) anywhere
  • Body has 20px padding on all sides - wastes mobile screen space
  • REPL panel always visible - takes half the screen on mobile
  • No safe area handling for notched phones
  • Missing viewport meta: viewport-fit=cover, user-scalable=no

Implementation

  1. Update viewport meta tags for mobile
  2. Add mobile CSS breakpoints (hide REPL, zero padding, fullscreen canvas)
  3. Dynamic canvas resizing via JS resize listener
  4. Fullscreen API integration
  5. Optional: game-only mode (no REPL) via URL param or build flag

Key Files

  • src/shell.html - Main HTML template
  • src/emscripten_pre.js - Browser quirk fixes
  • CMakeLists.txt:265-321 - Emscripten config

Detailed Report

.claude/reports/wasm_mobile_fullscreen.md

7DRL Critical Path

20 days until 7DRL (Feb 28). Must be working for itch.io deployment.

## Goal Make the Emscripten/WebAssembly build go fullscreen on mobile devices. ## Current Problems - Canvas hardcoded to 1024x768 in `src/shell.html` JS (lines 640-641) - No Fullscreen API (`requestFullscreen()`) anywhere - Body has 20px padding on all sides - wastes mobile screen space - REPL panel always visible - takes half the screen on mobile - No safe area handling for notched phones - Missing viewport meta: `viewport-fit=cover`, `user-scalable=no` ## Implementation 1. Update viewport meta tags for mobile 2. Add mobile CSS breakpoints (hide REPL, zero padding, fullscreen canvas) 3. Dynamic canvas resizing via JS resize listener 4. Fullscreen API integration 5. Optional: game-only mode (no REPL) via URL param or build flag ## Key Files - `src/shell.html` - Main HTML template - `src/emscripten_pre.js` - Browser quirk fixes - `CMakeLists.txt:265-321` - Emscripten config ## Detailed Report `.claude/reports/wasm_mobile_fullscreen.md` ## 7DRL Critical Path 20 days until 7DRL (Feb 28). Must be working for itch.io deployment.
john commented 2026-02-09 02:45:17 +00:00
Author
Owner
Copy link

Intended labels (apply manually due to MCP label bug): priority:tier1-active, Minor Feature, system:rendering

**Intended labels** (apply manually due to MCP label bug): `priority:tier1-active`, `Minor Feature`, `system:rendering`
john commented 2026-02-10 02:07:17 +00:00
Author
Owner
Copy link

Largely addressed by commit 726a9cf ("Mobile-ish emscripten support"):

  • New src/shell_game.html — canvas-only template (no REPL)
  • wasm-game build target uses this shell
  • Viewport modes (fit/center/stretch) now work consistently across SFML and SDL2
  • Portrait aspect ratio + fullscreen sufficient for mobile through 7DRL

Remaining work (if any) is polish — safe area insets, orientation lock. Not blocking 7DRL.

Largely addressed by commit 726a9cf ("Mobile-ish emscripten support"): - New `src/shell_game.html` — canvas-only template (no REPL) - `wasm-game` build target uses this shell - Viewport modes (fit/center/stretch) now work consistently across SFML and SDL2 - Portrait aspect ratio + fullscreen sufficient for mobile through 7DRL Remaining work (if any) is polish — safe area insets, orientation lock. Not blocking 7DRL.
john commented 2026-02-15 00:30:55 +00:00
Author
Owner
Copy link

Closing as sufficient. The wasm-game build target deploys to itch.io with fullscreen support and works on mobile. Remaining items (safe area handling for notched phones, pixel-perfect mobile UX) are polish beyond what's needed for 7DRL. Can reopen if a specific mobile issue surfaces during the jam.

Closing as sufficient. The `wasm-game` build target deploys to itch.io with fullscreen support and works on mobile. Remaining items (safe area handling for notched phones, pixel-perfect mobile UX) are polish beyond what's needed for 7DRL. Can reopen if a specific mobile issue surfaces during the jam.
john closed this issue 2026-02-15 00:31:06 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
master
threedee
emscripten-mcrogueface
rogueliketutorial25
alpha_presentable
alpha_streamline_2
alpha_streamline_1
interpreter_mode
grid_entity_integration
reprs_and_member_names
break_up_ui_h
standardize_font_handling
standardize_vector_handling
standardize_color_handling
standardize_texture_handling
raii_pyobjects
rebase-for-7DRL_Feb-2024
engjam_uicollection
engjam_ui_overhaul
0.2.3-prerelease-7drl2026-emscripten
Labels
Clear labels   
Alpha Release Requirement

This issue is a blocker to 0.1 Alpha release of McRogueFace.

  
Bugfix

   
Demo Target

Functionality to demonstrate; Depends on new features, but this issue isn't for writing them.

  
Documentation

   
Major Feature

Significant time and effort required.

  
Minor Feature

Some effort required to create or overhaul functionality.

  
priority:tier1-active

Current development focus - critical path to v1.0

  
priority:tier2-foundation

Important foundation work - not blocking v1.0

  
priority:tier3-future

Future features - deferred until after v1.0

  
priority:tier4-deferred

   
Refactoring & Cleanup

no new functionality, just improving the codebase.

  
system:animation

Animation and property interpolation

  
system:documentation

Documentation infrastructure

  
system:grid

Grid system and spatial containers

  
system:input

Input handling and events

  
system:performance

Performance optimization and profiling

  
system:procgen

Procedural Generation (Noise, BSP, Heightmap)

  
system:python-binding

Python/C++ binding layer

  
system:rendering

Rendering pipeline and visuals

  
system:ui-hierarchy

UI component hierarchy and composition

  
Tiny Feature

quick and easy - a few lines or with little interconnection around the codebase

  
workflow:blocked

Blocked by other work - waiting on dependencies

  
workflow:needs-benchmark

Needs performance testing and benchmarks

  
workflow:needs-documentation

Needs documentation before or after implementation

No labels
Alpha Release Requirement
Bugfix
Demo Target
Documentation
Major Feature
Minor Feature
priority:tier1-active
priority:tier2-foundation
priority:tier3-future
priority:tier4-deferred
Refactoring & Cleanup
system:animation
system:documentation
system:grid
system:input
system:performance
system:procgen
system:python-binding
system:rendering
system:ui-hierarchy
Tiny Feature
workflow:blocked
workflow:needs-benchmark
workflow:needs-documentation
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Blocks
#250 [7DRL Prep] itch.io deployment pipeline
john/McRogueFace
Reference
john/McRogueFace#246
No description provided.