Function createFiveProvider

  • 创建一个 FiveProvider 在 React 的体系下,使用 Provider 的方式来组织组件结构。 在 FiveProvider 下,可以使用 FiveCanvas 来创建渲染画布。 以及使用 useFiveState useFiveEvent等 Five React Hooks API 来对 FiveProvider 进行操作

    Parameters

    • fiveInitArgs: Omit<FiveInitArgs, "renderer" | "scissor"> = {}

      Five 初始化参数

    Returns typeof FiveProvider

    FiveProvider React 组件

    const FiveProvider = createFiveProvider({...fiveInitArgs});
    const App: React.FC = () => {
    return <FiveProvider initialWork={work}>
    <FiveCanvas width={512} height={512} />
    </FiveProvider>
    };
    ReactDOM.render(<App/>, document.getElementById("app"));