読者です 読者をやめる 読者になる 読者になる

鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

React.jsでリアルタイムゲームを作っているけどキー入力が微妙

キー入力のところをこんな風にコーディングしてみたのですが。
もっさりとしか反応しないので何とかしたい。

    componentDidMount: function() {
    window.addEventListener("keydown", this.handlekeyDown, false);
  },
  handlekeyDown: function(e){
    e.preventDefault();
    var x = this.state.car_x;
    if (e.keyCode == 37){
      x = x - 5;
    }
    if (e.keyCode == 39){
      x = x + 5;
    }
    this.setState({car_x:x});
  },

とりあえず、こちらのサイトを参考にしてみよう。
HTML5で簡易シューティングゲームを作る1