テトリス
テトリスの続きを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回は、前回作ったGameOver画面のロジック作成や、Memo化をしていきます。 ロ…
久しぶりにテトリスの続きを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回は、GameOver画面を作ります。 GameOver画面 完成形はこのイメー…
テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回は、下記の2つの対応を行います。 説明パネルの作成 GitHub Actionsの追加 説明パ…
テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回は、ブロックを最下層まで落とす機能などを作ります。 ブロックを落とすロジック …
テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回は、揃った行を削除します。 データ構造の修正 最初にデータ構造を修正します。 …
テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回はタイマーでブロックを落とすようにします。 方針 前回まではキー操作でブロック…
テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回はブロックを積み上げます。 方針 前回までの実装では、落ちてきたブロックは地面…
テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回はブロックを動かします。 キーハンドラ まずはキーハンドラを更新します。 左右…
テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回は、ESLintの導入やテストコードの記述をしてみます。 ESLintの導入 ESLintを導入…
テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回は、ブロックを上から下に落とすロジックを作っていきます。 ブロック形状情報の…
テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 背景の作成 まずは背景を作ります。 背景は、10 x 25個のタイルの積み重ねで作ります…
今回から、テトリスを作っていきます。 最近30分で作るXXが話題になっていたので、興味が出た次第でした。 ただ自分ではそんなスピーディには作れないので、React・TypeScriptの勉強も兼ねつつじっくり作っていきます。 技術スタックは下記の通りです。 Type…
