01 Overview

This section adds a horizontally scrolling chart with notes, timing labels, and change markers. Complete the Play and Watch sections first, then continue in the same checkout.

The template already provides the preview mode and an empty PreviewInitialization archetype. This section replaces that initial behavior and adds the stage, notes, and timing markers.

2D Image

A level preview is a dynamically generated 2D image that players can scroll around freely. The preview mode is configured with the PreviewMode class.

As with chart viewers for other rhythm games, players often use preview to study patterns without having to worry about fast-moving gameplay. Include necessary information such as playable notes, as well as optional information such as BPM.

Testing Preview Mode

With the development server running, open the guide level in Preview. At this point the preview is blank, but it should open without a server error. The following chapters add the chart display.