Skip to content
Game 5 Unit 27 of 128 1 hr learning time

Screen Transitions

Add smooth wipe effects between game screens for professional presentation.

21% of Ink War

Abrupt screen changes feel jarring. Smooth transitions make state changes feel intentional.

Run It

pasmonext --sna inkwar.asm inkwar.sna

Unit 27 Screenshot

Version shows “PHASE 2 V0.11”.

Transition Types

TypeDescriptionComplexity
InstantNo transitionNone
FadeBrightness changeLow
WipeProgressive revealMedium
CascadeAttribute rippleMedium

Attribute Wipe

Clear attributes row by row:

transition_wipe:
            ld      b, 24           ; 24 rows
            ld      hl, ATTR_BASE
.row:
            push    bc
            ld      b, 32           ; 32 columns
.col:
            ld      (hl), 0         ; Clear attribute
            inc     hl
            djnz    .col
            ; Delay between rows
            call    short_delay
            pop     bc
            djnz    .row
            ret

The Complete Code

What You’ve Learnt

  • Screen transitions - Professional state changes
  • Attribute manipulation - Wipe effects via attributes
  • Timing for effect - Speed of reveal matters

What’s Next

Unit 28 adds practice mode with undo functionality.

What Changed

Unit 26 → Unit 27