Я пытаюсь создать игру с Reactjs с реакцией-game-kit. В приложении вызывается следующий компонент Game, а приложение отображается через index.js. Проблема в том, что компонент Sprite не отображается в области просмотра. Когда я проверяю его инструментами реагирования, я вижу, что он имеет размеры 64x64, но изображение не видно. Документация по реактивному комплекту также не особенно полезна, и, похоже, многие люди не использовали эту библиотеку.
import React, { Component } from 'react';
import { Loop, Stage, Sprite } from 'react-game-kit';
import testimage from './assets/sprites/test-image.png';
class Game extends Component {
render() {
return (
<Loop>
<Stage scale={1} dimensions={[1024, 576]} width={1024} height={576}>
<Sprite state={0} steps={[0]} scale={1} repeat={false} ticksPerFrame={0} src={testimage} />
</Stage>
</Loop>
);
}
}
export default Game;
Если я изменю значение масштаба на ноль, я больше не смогу видеть размеры с помощью инструмента dev. Все родительские компоненты также имеют высоту 0. Я пытался добавить высоту к компоненту приложения, но ничего не сделал. Пожалуйста, помогите!