【Viscuitプログラミング作品】数字がランダムにならぶ「ビンゴカード」

ビスケット（Viscuit）で3×3のビンゴカードを作るプログラムを作ってみました。

何度でも使えるので紙の節約せつやくにもなりますし、数字を動物や果物くだものに変かえたりしてオリジナルのカードを作ることも可能かのうです。

また、この作品を通してランダムな動きのメガネの作り方が分かります。

ビスケットが初はじめての方は、こちらの記事からお読みください。

今回作ったプログラム「ビンゴカード」

必要な部品と配置

ステージの設定

• 方眼紙ほうがんし … 一番大きいサイズ

メガネ

ビンゴカードを作る動き

3×3のマスに1～9の数字をランダムに配置はいちします。

1～9までの数字分つくります。

数字をチェックする動き

紙のビンゴカードでは、ちゅう選せんされた数字がカードにあったら穴あなをあけますね。

タブレットに穴あなをあけるわけにはいかないので、穴あなをあけるかわりにワクの色が変かわるようにします。

ビンゴが成立したときの動き

ビンゴが成立せいりつしたとき、「BINGO」の文字が点とぼめつします。

オレンジの「BINGO」とオレンジ（光っている）の「BINGO」が交ごに表示ひょうじされ、点とぼめつして見えるようになります。

解説：数字をダブらせないでランダムに配置するには

ランダムな動きをつけるメガネ（～たり）

左側ひだりがわの状態じょうたいが同じメガネをいくつも作って命令めいれいすると、「～たり」という意味になりランダムな動きをつけることができます。

例たとえばクラゲが「上に動いたり」「下に動いたり」するメガネ。

ビスケットを最初さいしょにさわった時に作った人も多いと思います。

「上に動いたり」「下に動いたり」するメガネのどちらかが、ランダムに実行されています。

このメガネを応用おうようして、「？」マークをランダムな数字に変かえるメガネを作ります。

動かしてみると、「？」マークが1～3のランダムな数字に変かわりました。

でも数字がダブってしまいました。

数字がダブらないように変更

今回のビンゴカードでは、数字がダブらないように配置はいちしたいですね。

そこで、下のようにメガネを変かえてみました。

1～9までの数字分つくります。

メガネの左側ひだりがわに「1の下に青線があるとき」という条件じょうけんと、右側みぎがわに「1を消して青線をひとつ右に動かす」という動きを足して、1から9まで順番じゅんばんに1回だけ実行されるようにしてみました。

一回でランダムに並べる

…と、ここまで作ってTwitterに投稿とうこうしたらビスケットの生みの親である原田ハカセからアドバイスをいただきました。

判定までついていて素晴らしいですね．実は最初に数を並べる部分ですが．青い線を全ての数字の下においておいて，メガネでは消えるようにすれば，一回でランダムに並びます．この並列度がビスケットの特徴なんですよね． pic.twitter.com/HrmOScv5Ez

— 原田　康徳 (@viscuit) June 30, 2020

開発者の方から直接ちょくせつコメントをいただけるなんて、なんていい時代！

「プログラムの命令めいれいは１つずつ順番じゅんばんに」という固定こてい観念かんねんがあって、「同時に」という発想にいたりませんでした。

ビスケットは発想力もきたえられます。

そして修正へ・・・

ふと「青線なくても大丈夫だいじょうぶかな？」と思い青線を消して試ためしてみた結果けっか、数字がダブりませんでした。

青線は「？」から数字に変換へんかんした後、変換へんかん後の数字がまた判定はんていされてしまうことを防ふせぐ役割やくわりがありました。

なのでうまく動かなくなるかなと思っていたのですが……うまくいっちゃいました。

なんだか裏うらワザわざを発見した気分。

青線も消えてだいぶスッキリしました！

まとめ

結果けっかが同じでも、そこへたどり着く方法ほうほうはひとつじゃない。

色々な方法ほうほうを試ためしてみて、効率こうりつや分かりやすさを比くらべてみて、どの方法ほうほうが一番よいか考えて選えらんでみましょう。

ビンゴの数字をちゅう選せんするプログラムも作りました！

【Viscuitプログラミング作品】ビンゴマシーン

Viscuit（ビスケット）のプログラミング作品「ビンゴマシーン」を紹介。【リビングの魔王】ではビンゴマシーンの作り方をスクリーンショットを使いつつ丁寧に解説します。割れたメガネを使っているのでちょっと上級者向けです。

living-maou.com