我希望我的游戲螢屏只顯示在“/game”路線中，但是當我使用“new Phaser.Game(config)”方法啟動時，他開始在每條路線“/home”中顯示，默認為“/”， '/error', '/game' 等
game.js
import Phaser from 'phaser';
import LoadScene from './scenes/LoadScene.js';
import MenuScene from './scenes/MenuScene.js';
export const config = {
type: Phaser.AUTO,
width: 800,
height: 600,
scene: [ MenuScene, LoadScene]
};
const game = new Phaser.Game(config);
gamepage.js
import config from '../../phaser/game.js';
import React from 'react';
export default class GamePage extends React.Component {
render() {
return <>
<Game />
</>;
}
}
routes.js
import React from 'react';
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
import ErrorPage from '../pages/error/index.js';
import Home from '../pages/home/index.js';
import GamePage from '../pages/game/index.js';
export default class Rotas extends React.Component {
render() {
return <>
<Router>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/game" elememnt={<GamePage />} />
<Route path="*" element={<ErrorPage />} />
</Routes>
</Router>
</>
};
}
uj5u.com熱心網友回復：
中的config物件new Phaser.Game(config);接受一個parent選項，該選項指定將包含游戲畫布的元素。如果是，undefined那么它將包含在檔案正文中（您的情況）。
您可以指定null它不包含在任何地方，并且您負責將它添加到 DOM。
有關可用選項，請參閱https://newdocs.phaser.io/docs/3.55.2/Phaser.Types.Core.GameConfig#GameConfig。
您還可以查看如何將 Phaser 集成到 React 中，因為他們使用該方法
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/398181.html
標籤：javascript 反应 移相器