28 lines
586 B
JavaScript
28 lines
586 B
JavaScript
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);
|