27 lines
656 B
TypeScript
27 lines
656 B
TypeScript
import * as React from "react";
|
|
import * as PIXI from "pixi.js";
|
|
import ReactDOM from "react-dom";
|
|
import { Stage, useApp } from "@inlet/react-pixi";
|
|
import MenuBackground from "./game/MenuBackground";
|
|
|
|
PIXI.settings.SCALE_MODE = PIXI.SCALE_MODES.NEAREST;
|
|
|
|
const mounted = (app: PIXI.Application) => {
|
|
window.addEventListener("resize", () => {
|
|
app.queueResize();
|
|
});
|
|
app.queueResize();
|
|
};
|
|
|
|
ReactDOM.render(
|
|
<React.Fragment>
|
|
<Stage options={{ resolution: 1, resizeTo: window }} onMount={mounted}>
|
|
<MenuBackground />
|
|
</Stage>
|
|
<div id="ui">
|
|
<p>Hello!</p>
|
|
</div>
|
|
</React.Fragment>,
|
|
document.getElementById("app")
|
|
);
|