最難テトリス ”ナカヤマン”

本ゲームについて

【URL】

https://EIKINAKAYAMA.github.io/tetris

【ルール】
　テトリスの公式ルールを参考に、作成致しました。
　・テトリミノは計７種類。
　・横一列並べると削除し、得点が加算。
　・同時に削除した列数に応じてボーナス得点が加算。
　・得点に応じて、落下速度が加速。（時間にはしておりません）

【攻略情報】
　特定の得点を取得時後、一定列数を同時消した場合のみ攻略できるよう設定しています。

開発者向け

本テトリスは、Reactの学習の一環として作成致しました。

Reactチュートリアル https://ja.reactjs.org/tutorial/tutorial.html
で学習した後、本テトリスのロジックを作成している為、一般的なテトリスロジックとは異なっています。
(Reactチュートリアルで学習した際、作ってみた４目並べ：https://github.com/EIKINAKAYAMA/practice_react )

　・一般的なロジック
　　例1：ビット演算によるあたり判定。
　　例2 : テトリミノ単体に対して、二次元行列を作成し回転を考慮。

　　参考：http://kmaebashi.com/programmer/reacttetris/program.html
　　一般的なロジックを元に、Reactでテトリスを作成しているサイトになります。
　　UIや考え方など参考になったのでオススメです。

　・本ロジック
　　Reactチュートリアルと同様、盤面に対して全てのマス目の数を保持しています。
ぜひ、Reactチュートリアルの作成を終えた方々が、次に進まれるステップになればと思います。

開発STEP

---

①テトリスの盤面を作成する。盤面のマス目全てに番号を保持します。

②保持する状態を決定する。（作成時は、盤面履歴と、色くらいで）

③②で保持した色を実際に盤面に表示させ、時間と共に落下させるようにします。

④落ちてくる色を配列に。（これによりテトリミノが落ちてくるようになります）

⑤落ちてくる配列を複数用意し、最下層、または色がある場合はFixするようにします。

⑥状態に、「落下中の配列」と「次に落下する配列」を保持し、Fixした際、「次に落下する配列」＝「落下中の配列」と変化するようにします。

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

ここまでで、次々と落下して積み上げられていく、テトリスもどきが完成します。 あとは、細かい動きをつけるだけとなります。

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

⑦続いて、ブロックの左右の動きのロジックを作成。

⑧ブロックの回転ロジックを作成。

⑨横一列の際は、ブロックを削除するようにします。（注：削除された瞬間を描画する方が、テトリスらしくなる為、削除時の状態を保持する必要があります）

⑩最後に、得点ロジックや、落下スピードの調整、UIの装飾などを任意に実施すると完成します。

開発STEP(カスタマイズ編(他言語対応)

参考サイト：https://react.i18next.com/guides/quick-start

Using the HOCで実装。 React16.8により正式リリースされたhookでの実装を推奨。