小编Tay*_*r N的帖子

如何将 Phaser 集成到 React 中

我有一个用 create-react-app 创建的 React 应用程序,我也在尝试集成 Phaser 3。我按照本指南开始。我有画布渲染文本,但在预加载中加载图像似乎不起作用。我得到默认的无法加载显示的纹理图像。

import ExampleScene from "./scenes/ExampleScene";

import * as React from "react";

export default class Game extends React.Component {
  componentDidMount() {
    const config = {
      type: Phaser.AUTO,
      parent: "phaser-example",
      width: 800,
      height: 600,
      scene: [ExampleScene]
    };

    new Phaser.Game(config);
  }

  shouldComponentUpdate() {
    return false;
  }

  render() {
    return <div id="phaser-game" />;
  }
}
Run Code Online (Sandbox Code Playgroud)

示例场景:

import Phaser from "phaser";

export default class ExampleScene extends Phaser.Scene {
  preload() {
    this.load.image("logo", "assets/logo.png");
  }
  create() {
    const text …
Run Code Online (Sandbox Code Playgroud)

reactjs phaser-framework redux create-react-app

5
推荐指数
3
解决办法
7498
查看次数