文档
显示对话

显示对话

要显示对话框,你可以使用 Character 元素

import { Scene, Character } from "narraleaf-react";
// 创建一个场景
const scene1 = new Scene("场景 1 - 醒来", {
    // ...
});
 
// 创建一个角色
const character1 = new Character("约翰·史密斯");
 
// 向场景添加动作
scene1.action([
    character1
        .say`你好,世界!`
        .say`早上好!`,
]);

名为 "约翰·史密斯" 的角色将会说 "你好,世界!" 和 "早上好!"。

你可以使用 WordSentence 元素为对话框添加一些自定义内容。

character1.say`你好,我的名字是 ${Word.bold("约翰")}!`; // 将输出 "你好,我的名字是 约翰!" 并且 "约翰" 以粗体显示

你还可以使用这些元素构建复杂的对话框。

character1.say(new Sentence([
    `现在是 `,
    new Word(
        (ctx) => new Date().toLocaleTimeString(),
        { color: "red" }
    ),
])); // 将输出 "现在是 12:00:00 PM" 并且 "12:00:00 PM" 以红色显示

有关构建句子的更多信息,你可以阅读 Sentence 文档。

在这个例子中,角色将会说 "现在是" 并以红色显示当前时间。

你可以在文档中阅读更多关于 Character 元素的信息。