| | |
| | | "rc-util": "^5.38.1", |
| | | "react": "^18.2.0", |
| | | "react-dom": "^18.2.0", |
| | | "react-helmet-async": "^1.3.0" |
| | | "react-helmet-async": "^1.3.0", |
| | | "tweedle.js": "^2.1.0" |
| | | }, |
| | | "devDependencies": { |
| | | "@ant-design/pro-cli": "^3.3.0", |
| | |
| | | import ProSkeleton from '@ant-design/pro-skeleton'; |
| | | import * as React from 'react' |
| | | import * as PIXI from 'pixi.js'; |
| | | import * as TWEEDLE from 'tweedle.js'; |
| | | |
| | | export default () => ( |
| | | <div |
| | | style={{ |
| | | padding: 24, |
| | | }} |
| | | > |
| | | <ProSkeleton type="list" /> |
| | | </div> |
| | | ); |
| | | const Map = () => { |
| | | const app = new PIXI.Application({ |
| | | width: window.innerWidth, |
| | | height: window.innerHeight, |
| | | antialias: true, |
| | | }) |
| | | |
| | | |
| | | app.stage.interactive = true; |
| | | app.stage.hitArea = app.screen; |
| | | |
| | | globalThis.__PIXI_APP__ = app; |
| | | |
| | | document.body.appendChild(app.view); |
| | | |
| | | return ( |
| | | <> |
| | | <h1>Map</h1> |
| | | </> |
| | | ) |
| | | } |
| | | |
| | | export default Map; |