タイトルの通り、React.jsでテトリス風のゲームを作りました。 http://kmaebashi.com/programmer/reacttetris/index.html ゲーム画面はこんな感じ。 React.jsによるテトリス風ゲーム 遊び方やゲーム本体のページへのリンク、ソースプログラム一式は上記のページに記載しています。 見た目、前回のCanvasを使ったJavaScriptテトリスと何が違うんだ、と言われそうですが、中身は結構違うのです。いやほんと。 前回のJavaScriptテトリスではCanvasを使っていましたが、仮想DOMを使うReact.jsでゲームステージをCanvasで描いていたらメリットも使い方もわからないわけで、そこで今回はゲームステージはtableで作っています。Nextのところが同じクラスで作れたのがReact.jsのコンポーネント指向の強み? でも正直
![React.jsでテトリス風ゲームを作ったよ - K.Maebashi's はてなブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f8daeb8edfdc3399a61a65ba93b2e8896b6fd91b/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkmaebashi%2F20190701%2F20190701005922.png)