Skip to content

Add font hinting debugger and enhanced coordinate controls to glyph view#32

Draft
Copilot wants to merge 4 commits intomainfrom
copilot/flesh-out-glyph-view
Draft

Add font hinting debugger and enhanced coordinate controls to glyph view#32
Copilot wants to merge 4 commits intomainfrom
copilot/flesh-out-glyph-view

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Dec 1, 2025

Implements comprehensive debugging capabilities for TrueType font hinting bytecode and enhanced pixel rendering visualization at various coordinates.

New Components

GlyphEditorEnhanced - Coordinate and rendering controls:

  • Offset X/Y sliders for positioning glyphs at arbitrary coordinates
  • Font size adjustment (8-96px) to visualize pixel snapping behavior
  • Pixel grid overlay toggle

GlyphDebugger - Font hinting bytecode debugger:

  • Side-by-side hinted vs unhinted glyph comparison
  • Full VirtualMachine state inspection (stack, graphics state, zone/reference pointers)
  • Bytecode disassembly with instruction names
  • Step-through execution controls (Step, Continue, Reset)
  • Instruction pointer highlighting with execution state color-coding
  • Real-time program counter display

Integration

Updated glyf-view.tsx to include tabs switching between standard editor and new debugger views.

Screenshot

Enhanced glyph debugger

Shows bytecode execution with VM state, hinted glyph rendering, and step-through controls for understanding how font instructions manipulate glyph outlines.

Original prompt

This section details on the original issue you should resolve

<issue_title>Flesh out individual glyph view</issue_title>
<issue_description>Currently the individual glyph view shows the glyph with pixels overlayed on the paths. It would be cool if there was much more control here, showing with the underlying pixels would look like if the text were laied out at various different coordinates.

Also, we want to be able to show what happens to the glyph outline when font hinting is run. We want to show an entire debugger view for the font hinting bytecode, the various registers and vectors, etc. You should be able to see what affect font hinting has on fonts at different sizes.</issue_description>

Comments on the Issue (you are @copilot in this section)


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI and others added 3 commits December 1, 2025 04:39
Co-authored-by: bschlenk <1390303+bschlenk@users.noreply.github.com>
Co-authored-by: bschlenk <1390303+bschlenk@users.noreply.github.com>
…tionComplete variable

Co-authored-by: bschlenk <1390303+bschlenk@users.noreply.github.com>
Copilot AI changed the title [WIP] Enhance individual glyph view for better control and debugging Add font hinting debugger and enhanced coordinate controls to glyph view Dec 1, 2025
Copilot AI requested a review from bschlenk December 1, 2025 05:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Flesh out individual glyph view

2 participants