创建场景

Scene 是 NarraLeaf-React 的基本元素。它定义了一段时间以及背景。

定义场景

你可以通过创建一个 Scene 实例来定义场景：

import { Scene } from "narraleaf-react";

const scene = new Scene("场景 1 - 醒来", {
    background: "<你的图片链接>",
});

场景构造函数的第一个参数应该是一个名称，这个名称用于标识场景。

注意：名称应该是唯一的。

第二个参数是一个可选的配置。你可以在这里找到配置文档

提示：你可以通过 background 配置使用纯色背景

const scene = new Scene("场景 1 - 醒来", {
    background: "#f0f0f0",
});

如果你使用的是 Next.js，你可以使用加载器导入图片：

import youImage from "./your-image.png";
 
const scene = new Scene("场景 1 - 醒来", {
    background: youImage,
});