gooブログはじめました!

写真付きで日記や趣味を書くならgooブログ

正方形2個のテトリスを作ってみました。

2024-04-25 11:27:53 | 日記

JavaScriptを使って、初心者練習用を目的になるべく簡単に、
テトリスを正方形2個に簡易化した「簡単テトリス」を作ってみました。

noteの記事(*1)の添付ファイルをダウンロードし解凍して、
index.htmlをダブルクリックすると動きます。

 (*1) 正方形2個のテトリスを作ってみました。|あかぺこ (note.com)

← →キーで左右移動、↑キーで回転(縦向き、横向き)、
1行そろうと消えます。

正方形2個なので、回転(縦向き、横向き)の考慮が必要になります。
ブロックの積み重ねなど正方形の位置は、2次元配列で管理。
正方形1個の「簡単テトリス」(*2)と比べるとコードは複雑になりますが、
ゲームとしてはグ~ンとおもしろくなります。

これをベースに
・枠と背景を描く
・落下位置を左右に振る
・音を出す
・スコアをカウントする
・GAME OVERの判定と表示を入れる
などをトライされるとよいかなと思います。

プログラミングに興味がある小中学生の誰かに、何かしらヒントになればうれしいです。

(*2) 正方形1個の「簡単テトリス」
JavaScriptで簡単テトリスを作ってみました。 - gooブログはじめました!


JavaScriptで簡単テトリスを作ってみました。

2024-04-21 15:11:27 | 日記

JavaScriptを使って、初心者練習用を目的になるべく簡単に、
テトリスを正方形1個に簡易化した「簡単テトリス」を作ってみました。

noteの記事(*1)の添付ファイルをダウンロードし解凍して、
index.htmlをダブルクリックすると動きます。

 (*1) JavaScriptで簡単テトリスを作ってみました。|あかぺこ (note.com)

← →キーで左右移動、1行そろうと消えます。

正方形1個なので、回転に関する考慮は必要なくなります。
ブロックの積み重ねなど正方形の位置は、2次元配列で管理。
そろった行を消すしかけも、シンプルです。

これをベースに
・枠と背景を描く
・落下位置を左右に振る
・音を出す
・スコアをカウントする
・GAME OVERの判定と表示を入れる
などをトライされるとよいかなと思います。

プログラミングに興味がある小中学生の誰かに、何かしらヒントになればうれしいです。


パイソンで簡単テトリスを作ってみました。

2024-04-19 17:26:01 | 日記

パイソン(Python)を使って、初心者練習用を目的になるべく簡単に、
テトリスを正方形1個に簡易化した「簡単テトリス」を作ってみました。

noteの記事(*1)の添付ファイルをダウンロードし解凍して、
STetris01.pyをダブルクリックすると動きます。

 (Pythonのインストールが未だの場合は、https://www.python.org/ から
ダウンロードしてインストールが必要)

 (*1) パイソンで簡単テトリスを作ってみました。|あかぺこ (note.com)

← →キーで左右移動、1行そろうと消えます。
正方形1個なので、回転に関する考慮は必要なくなります。
ブロックの積み重ねなど正方形の位置は、2次元配列で管理。
そろった行を消すしかけも、シンプルです。

これをベースに
・枠と背景を描く
・落下位置を左右に振る
・音を出す
・スコアをカウントする
・GAME OVERの判定と表示を入れる
などをトライされるとよいかなと思います。

プログラミングに興味がある小中学生の誰かに、何かしらヒントになればうれしいです。

 


スクラッチで簡単テトリスを作ってみました。

2024-04-04 11:19:21 | 日記

プログラミング初心者の練習用として
なるべく簡単に作ってみました。

簡単テトリス (初心者練習用) on Scratch (mit.edu)


正方形1個のテトリス?です。
←→キー:左右移動

正方形1個なので、回転に関する考慮は必要なくなります。
ブロックの積み重ねは、クローンを使用しました。
2次元配列は使わなくて済み、簡単になりました。
そろった行を消すしかけも、シンプルです。

これをベースに
・枠と背景を描く
・落下位置を左右に振る
・音を出す
・スコアをカウントする
・GAME OVERの判定と表示を入れる
・左側枠オーバーのチェックを入れる
・←→キーが必ず効くようにする (難?)
などをトライされるとよいかなと思います。

プログラミングに興味がある小中学生の誰かに、何かしらヒントになればうれしいです。