Python初心者講座 60行でタイピングゲームを作ろう!

はじめに

Pygameで60行ぐらいでタイピングゲームを作ります。以下が完成したときのソースコードです。このぐらいの量なら初心者でも行けると思います。この記事は、各見出しごとに、機能を追加し、解説、ソースコードと実行結果を載せています。機能を追加した時点のちゃんと動くソースコードを載せているので、もし自分で書いて動かない場合は比較して参考にしてください。

それでははじめていきましょう。

 

※Pygameはpipでインストールしておいてください

タイピングゲームの基本動作を確認

  1. 単語帳からランダムに単語を選ぶ
  2. キー入力と単語の先頭文字が同じなら、単語の先頭文字を削除
  3. 単語が空かチェックして、空なら1に戻る

上に書いたように、タイピングゲームの基本動作は単純です。まずは赤文字の部分を作ってしまいます。

単語帳からランダムに単語を選ぶ

select_wordを追加したソースコード

解説

単語(word)、選ぶ(select)で、select_word関数を作ります。

単語帳(word_list)を配列で作ります。

len()関数は、配列の中身の数が分かるので、len(word_list)で、個数を求めます。上記の例では5個です。

random.randintでランダムな数を求めます。random.randint(0, 5)なら、0,1,2,3,4,5のどれかが取得できます。word_listは、中身が5個あって、配列は以下のように0から4で取得できます。word_list[5]とするとエラーになってしまうので、random.randint(0, num_of_elements – 1)のように-1します。

最後に、0から4のどれかがiに保持できたので、return word_list[i]で、呼び出し元に、選んだ単語を返します。

実行

スクリプトの最後に3つテストを書いているので実行したら、実行毎にランダムな単語が3つ表示されます。

単語の先頭文字を削除

解説

Pythonはスライス機能があるので、文字列[開始インデックス:終了インデックス] で文字列から一部分を取得できます。開始インデックス、終了インデックスは省略もできます。例えば”abcde”[1:]と書いたら、1番目の文字以降の文字列”bcde”を取得できます。配列のインデックスと同じで、ゼロ始まりなので、aは0番目の文字、bは1番目の文字です。

cust_head_charを追加したソースコード

実行

テスト2でpple, anana,herryのように、先頭文字を削除できているのがわかります。

単語が空かチェック

Pythonではnot演算子で、空””かどうかチェックできます。not演算子は、文字列が”abcde”のようにある場合は、Falseを返します。空””の場合はTrueを返します。

is_empty_wordを追加したソースコード

実行

テスト3の最後のテストが、Trueになっているのが分かります。

ここまでの作業のまとめ

  1. 単語帳からランダムに単語を選ぶ
  2. キー入力と単語の先頭文字が同じなら、単語の先頭文字を削除
  3. 単語が空かチェックして、空なら1に戻る

ここまでで3つの関数を作りました。残りは画面に単語を表示して、キー入力に対応するだけです。残り20行ぐらい。

画面を用意して塗る(fill,フィル)

いきなりいろんな作業をすると、分からなくなるので、まずは720×480の画面を作って背景を塗りつぶします。うまくいってから、文字列表示やキー入力を実装していきます。

解説

run_game関数を作ってそれを実行することで、ゲーム画面を表示します。

pygame.init()でゲームライブラリーを初期化します。

pygame.display.set_mode((720, 480))で、720×480の画面用意しscreen変数に保持します。今後はここに単語を表示させます。

screen.fill((200, 200, 200))で、淡いグレーでscreenを塗ります。

pygame.display.update()で、実際に画面が更新されます。

イベントについて

「閉じるボタンを押した」「キー入力」「マウスクリック」「マウス移動」「ウィンドウ最大化」などはすべてイベントとして扱います。何か発生するたびに、pygame.event.get()でイベントを取得して処理できるようにします。ちょうどfor文のとこです。

まずはpygame.QUITイベントに対応します。「閉じるボタンを押した」ときにこのpygame.QUITイベントが発生します。発生したときはsys.exit()でアプリを終了します。これを書かないとアプリが終了できなくなるので必ず必要です。

また、今回pygameとsysパッケージを使ったのでimport文も追加します。

ここまでのソースコード

実行

画面を灰色で塗る

単語を表示

ペイントソフトをイメージすると分かりやすいです。ペイントソフトで文字列を書く場合、フォントを用意して、文字列を書いて、それをpngなど画像ファイルとして書き出します。pygameの場合以下のようになります。

  1. フォントを用意 pygame.font.SysFont
  2. 文字列を書く font.render
  3. 書き出し screen.blit

解説

文字列を表示するためには、まずフォントを用意します。今回はNoneを指定し初期フォントを使います。

word = select_word()で、ランダムに選んだ単語を1つ用意して、それをrenderで書きます。

screen.blitで画面に書きだします。

ここまでのソースコード

実行

単語が表示できた!

キー入力と単語の先頭文字が同じなら、単語の先頭文字を削除

解説

キーが押されたら、pygame.KEYDOWNイベントが発生します。この時の入力されたキーはevent.keyで取れます。これはアスキーコードという数値なのでchr(event.key)で文字にします。そして、chr(event.eky) == word[0]で、単語の先頭文字と比較します。

もし同じなら、最初に作ったcut_head_char関数で、単語の先頭文字を削除します。

ここまでのソースコード

これで、キー入力して単語の先頭文字が同じ場合には削除されます。

単語が空かチェックして、空なら新たな単語を用意する

解説

単語が空かチェックするis_empty_word関数をあらかじめ用意していたので、空なら、word = select_word()で新たな単語を用意します。

解説:文字のセンタリング

文字列の左上頂点を求める

スクリーンサイズの半分から、文字列の幅の半分を引くとセンタリングするための文字列の左上頂点が求められます。図で理解するとよいです。

ここまでのソースコード

今回、以前書いたテストのprint文も削除しました。

実行

センタリングして、タイピングできるようになった

まとめ

60行ぐらいでタイピングソフトができました。これをどんどん改造していこう!フォントサイズ変更、色変更をした後に、スコア表示などができると思います。需要があれば、改造のしかたも書こうと思います。

カウントダウンタイマーはちょっと面倒でget_ticksを使います。以下は60秒のタイマーです。60行後、start_ticks = pygame.time.get_ticks()を呼び出してリセットする必要があります。

 

 

PythonでSetIntervalとSetTimeoutと同じようなことがしたい。

はじめに

JavaScriptで作ったタイピングゲームをPythonに移植しようと思いました。JavaScript版では、カウントダウンタイマーをSetIntervalで実装していますが、同等の実装をPythonでどうするか調べてみました。

結論

  • PythonはJavaスレッドモデルをベースにしたthreadingパッケージがある
  • 一定時間後に、関数を呼び出したい場合は、threading.Timer。
  • 定期的に関数を呼び出したい場合は、threading.Threadを継承し、スレッドモデルで実装すればよい。

インターネットを調べていくと、質問が「SetIntervalのような定期実行をしたい」という質問のため、回答が関数を再帰的に呼び出し、スレッドを毎回生成しているコードを見つけました。(Python Equivalent of setInterval()?) これがPythonとして良いのかどうかはわかりませんが、毎回スレッドを生成するのに違和感があったので、もう少し調べたところ、threading.Threadを継承したサンプルを多く見つけました。

SetTimeoutのように、一定時間後に処理を実行する場合は、threading.Timer

threading.Timer(delay, task)で、待機時間を指定します。また、スレッドプログラミングなので、joinも使えます。

 

Pythonで定期的に関数を実行したいのでSetIntervalを調べる

標準ライブラリーでは用意されていないようです。実装するにはthreading.Event(),event.set(),event.wait()の知識が必要なようです。

少し調べていると、PythonのスレッドはJavaのスレッドモデルを参考にしているので、JavaScriptのSetIntervalで定期的に実行するのではなく、スレッドモデルの書きかたで実装すればよいだけでした。

もう少し具体的に言うと、threading.Threadクラスを継承したクラスを作成し、runメソッドを好みに書き換えればよいだけです。Pythonには、スレッド間通信するための便利なEventオブジェクトがあります。これでwaitの管理などをします。

ちなみにJavaはThread.sleep,Thread.join,Thread.interruptのようにEventオブジェクトではなく、Threadもしくはそのインスタンスでwaitなどを管理します。

基本的なコード

 

カウントダウンタイマー

上記ソースコードをベースに、カウントダウンタイマーを作りました。Countdownクラスを初期化するときの引数にcountで残り秒数を設定できるようにしました。

 

一定間隔で関数を呼び出す

厳密ではないですが、ひとまず一定間隔で呼び出せる。

厳密な間隔で呼び出したいとき

runメソッドのwhileループのチェックで、time.time()を導入します。以下をまずはコピペしてprintでいろいろ出力しながら試すのが簡単だと思います。

https://stackoverflow.com/questions/2697039/python-equivalent-of-setinterval/48709380#48709380

 

 

 

 

Python2と3がインストールされている環境で、venv仮想環境を用意してvscodeで開発をする方法

はじめに

Windows10で、Python3+venvを使い、環境を汚さずにプロジェクトの仮想環境を作りvscodeで開発するための初期設定メモです。

私は、Windows10に、Python2.7とPython3がインストールされている環境で、pythonを実行したらPython2が実行されpy.exeで切り替えられる環境になっています。

仮想環境venvと起動終了について

Pythonはpipコマンドでインターネット上のライブラリーを取得し使えますが、ある程度使うと、プロジェクトごとにライブラリーを管理したくなります。そこでいろんな仮想環境ライブラリーが生まれましたが、現在のPythonには標準でついています。以下のコマンドで仮想環境を用意できます。

ちなみに、py.exeで2か3どちらをデフォルトで起動するかは、PY_PYTHONで変更できるようです。py.iniファイルを記述する方法もあります。

venv仮想環境を用意した後、使うにはacivateし、使い終わったらdeactivateをします。仮想環境を用意したら<name>/Scripts/Activate.ps1とDeactivate.ps1が用意されるのでこれを実行すれば良いです。

実際にやってみる

hello_myprojectという名前でフォルダーを作成し移動

venvという名前で仮想環境作成

vscode起動

vscode上で CTRL+@ でPowershellを起動し、vscode上のPowershellで仮想環境を使えるようにする。

venvフォルダーにtest.pyを作成する。

この時に、Python3.6.x(venv)をvscodeが見つけて、pylintのインストールを促すので、Installします。以下のようにpylintが失敗する場合もありますが、

ターミナルは、(venv)のようにすでに、Python3のevnvが有効にされた状態なので、「python -m pip install –upgrade pip」を実行し、その次に「pip install pylint」を実行します。

あとは、このまま開発を続けられます。仮想環境はアクティベートが必要なことを忘れないようにしましょう。OSを起動し直したら、当然仮想環境は停止した状態なので、再度アクティベートする必要があります。

まとめ

Windows10で、Python3+venv+vscodeの環境を構築しました。

venv仮想環境は、アクティベート、ディアクティベートで起動、停止を行います。

プロジェクトフォルダーに、venv仮想環境(今回はvenvという名前にした)を用意して作業します。仮想環境名=プロジェクト名にして管理したくなりますが、そうするとvscodeが単純に認識しなくなるようです。

 

 

PythonのMatplotlibで指数関数expを表示してみる

Pythonはnumpyとmatplotlibを使うと数学のグラフなどを簡単に表示できるので指数関数を表示してみました。

matplotlibで手軽にグラフを表示!

ベン図を書こう

関数型プログラミング言語のF#を勉強していく過程で、関数型言語はプログラミングよりも数学の集合や写像を勉強したほうが良いことが分かってきました。

もう少し具体的に言うと、数学のテストが解けるようになるのではなく、プログラミングで普段使っている、集合、Set、disjoint union、Discriminated Union、直積、直和、関数、function、マップ、タプル、などを、数学の記号、数学の読み方、XY座標、ベン図でも理解できるようにしておかないといけないと感じました。

といっても数学の勉強をしはじめると眠くなるだけなので、Python3のmatplotlibでベン図を作ってみようと思います。本当はF#でやってみたいのですがやりかたが分かりません。

Windows10で手軽なPython3環境構築

Windows10でPython3の環境を簡単に構築するには、以下だけです。

  1. Python3を公式サイトからインストール
  2. Visual Studio Code テキストエディタをインストール

Visual Studio Codeは、hello.pyなどのファイルを作ってpythonを書いていこうとすると、それを検知して、Python拡張機能インストールする?pep8インストールする?といい感じにやってくれます。なので、autopep8,pep8,pylintなどがボタン押しているだけで構築できます。

matplotlibのインストール

依存関係で、numpyなど必要なライブラリーもインストールしてくれます。

またsympyという数式処理ライブラリーもあるようです。これも必要ならpipで簡単にインストールできました。

 

追記

Windows10(64bit)+Python3.5(32bit)だと、pip install scipyでSciPyがインストールできませんでした。以下URLを参考にして、pip uninstall numpyをして、.whlファイルをダウンロードして、numpy+mklとSciPyをインストールしました。ダウンロードするファイルはたくさんありますが、cp35とかcp36と書かれているのは、CPythonつまり普通のPythonの事です。よってPython3.5(32bit)を使っている場合は、cp35-cp35m-win32.whlという末尾のファイルをダウンロードしてインストールします。

http://qiita.com/r-ngtm/items/15caf43648acbccd37d2

 

とりあえず、サインカーブ

matplotlibを使うとWindows10のPython3で簡単にベン図が書けるようなので試してみます。

001
できた!

ベン図を書いてみます

pip install matplotlib-venn

とりあえず動作テストをしてみます。

figure_1
ベン図だ!!!