#

luxiaotao1123

2024-02-29 fde2221d08d31f94bcd67367f53f480f57f09fa5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import * as React from 'react'
import * as PIXI from 'pixi.js';
import * as TWEEDLE from 'tweedle.js';
 
const Map = () => {
    const map = React.useRef();
 
    React.useEffect(() => {
        const app = new PIXI.Application({
            width: window.innerWidth,
            height: window.innerHeight,
            background: '#1099bb',
            antialias: true,
        })
 
        app.stage.interactive = true;
        app.stage.hitArea = app.screen;
 
        globalThis.__PIXI_APP__ = app;
 
        map.current.appendChild(app.view);
 
        return () => {
            app.destroy(true, true);
        }
    }, []);
 
    return (
        <>
            <div
                ref={map}
            >
            </div>
        </>
    )
}
 
export default Map;