# 01. 概述

在本章中，我们将介绍引擎的教程模式。

在这一部分中，我们假设您已经完成了前面部分的学习。

# 脚本视频

引擎教程模式可以被认为是一种脚本视频，玩家可以自由地使用导航 UI 来快速导航至视频的不同片段。

一般来说，每种音符类型都有四个片段: 介绍，下落，冷却以及击打:

• 介绍片段展示的是放大的音符图像。
• 下落片段展示的是音符下落至判定线。
• 冷却片段展示的是游戏被冷却在了这个时间，然后介绍文字与图标教玩家如何击打音符。
• 击打片段展示的是音符被击打。

# 组件(Component)与片段(Segment)

引擎教程模式代码是由 Sonolus.js 项目的组件与片段组成的。组件进行简单的渲染，而片段控制了哪个组件被激活。

举个例子，一个舞台组件可能渲染舞台并总是处于激活状态，而一个音符显示组件会在不同的情况中渲染音符。一个音符下落片段可能控制音符显示组件去渲染音符下落动画。组件和片段共同创建了一个可供玩家观看的连贯的脚本视频。

项目模板同样提供了管理组件，片段以及用户导航操作的代码，因此我们只需要实现与我们引擎相关的组件和片段即可。

# 启动开发服务器

与之前类似，在项目文件夹下运行下面指令来启动一个教程模式的开发服务器:

npm run dev:tutorial