35 lines
833 B
JavaScript
35 lines
833 B
JavaScript
import {Assets} from '@pixi/assets';
|
|
import {Sprite as PixiSprite} from '@pixi/react';
|
|
import {useEffect, useState} from 'react';
|
|
|
|
export default function Sprite({entity}) {
|
|
const [asset, setAsset] = useState();
|
|
useEffect(() => {
|
|
const asset = Assets.get(entity.Sprite.source);
|
|
if (asset) {
|
|
setAsset(asset);
|
|
}
|
|
else {
|
|
Assets.load(entity.Sprite.source).then(setAsset);
|
|
}
|
|
}, [setAsset, entity.Sprite.source]);
|
|
if (!asset) {
|
|
return false;
|
|
}
|
|
let texture;
|
|
if (asset.textures) {
|
|
const animation = asset.animations[entity.Sprite.animation]
|
|
texture = animation[entity.Sprite.frame];
|
|
}
|
|
else {
|
|
texture = asset;
|
|
}
|
|
return (
|
|
<PixiSprite
|
|
anchor={0.5}
|
|
texture={texture}
|
|
x={Math.round(entity.Position.x)}
|
|
y={Math.round(entity.Position.y)}
|
|
/>
|
|
);
|
|
} |