react-game-kit组件没有高度

时间:2018-09-02 02:45:51

标签: javascript reactjs game-development react-component

我正在尝试使用带有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组件的高度,但是没有做任何事情。请暂停!

0 个答案:

没有答案