文档
播放故事

播放故事

创建抽象故事后,你可以使用 React 组件来播放它。

"use client";
 
import { GameProviders, Player } from "narraleaf-react";
import { story } from "./my-story"; // 在此处导入你的故事
 
export default function Page() {
    return (
        <GameProviders>
            <Player story={story} onReady={({ liveGame }) => {
                liveGame.newGame(); // 当播放器准备就绪时,开始游戏
            }}
                width="100%" // 全宽
                height="100%" // 全高
            />
        </GameProviders>
    );
}

GameProviders 组件是播放故事所必需的。它为播放器和钩子提供了上下文。 你可以在 GameProviders 组件内部使用钩子来与游戏实例进行交互。