28 lines
586 B
React
28 lines
586 B
React
|
import {Graphics} from '@pixi/react';
|
||
|
import {memo, useCallback} from 'react';
|
||
|
|
||
|
function Crosshair() {
|
||
|
const draw = useCallback((g) => {
|
||
|
g.clear();
|
||
|
g.lineStyle(1, 0x000000);
|
||
|
g.moveTo(-5, 0);
|
||
|
g.lineTo(5, 0);
|
||
|
g.moveTo(0, -5);
|
||
|
g.lineTo(0, 5);
|
||
|
g.lineStyle(0.5, 0xffffff);
|
||
|
g.moveTo(-5, 0);
|
||
|
g.lineTo(5, 0);
|
||
|
g.moveTo(0, -5);
|
||
|
g.lineTo(0, 5);
|
||
|
g.lineStyle(1, 0x000000);
|
||
|
g.drawCircle(0, 0, 3);
|
||
|
g.lineStyle(0.5, 0xffffff);
|
||
|
g.drawCircle(0, 0, 3);
|
||
|
}, []);
|
||
|
return (
|
||
|
<Graphics draw={draw} />
|
||
|
);
|
||
|
}
|
||
|
|
||
|
export default memo(Crosshair);
|