Question

我正在尝试使用带有react-game-kit的Reactjs创建游戏。下面的Game组件在App中被调用，并且App通过index.js呈现。问题是Sprite组件未出现在视口中。当我使用react dev工具检查它时，可以看到它的尺寸为64x64，但是图像不可见。 react-game-kit文档也没有特别有用，而且似乎没有很多人使用过该库。

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;

如果将比例道具更改为零，则无法使用开发工具查看尺寸。所有父组件的高度也都为0。我尝试过增加App组件的高度，但是没有做任何事情。请暂停！

react-game-kit组件没有高度

0 个答案: