占いグッズ紹介タロットカード・リンクタロットカードの手順CLOSEスクラッチ簡単なゲームの作り方【おみくじ編】2023年1月1日プログラミングスクラッチHOME絵・ゲーム作成プログラミングスクラッチ簡単なゲームの作り方【おみくじ編】スクラッチで簡単にゲームを作りたい!そんな方に、私の作成した「ポチッとおみくじゲーム」をご紹介していきます。画像通りに進めることで、1つのゲームが仕上がります。スクラッチ(SCRATCH)のダウンロード方法は「スクラッチをダウンロードする方法【簡単プログラミング学習】」をご覧ください。スクラッチ簡単なゲームの作り方【おみくじ編】:まとめスポンサーリンクスクラッチ簡単なゲームの作り方【おみくじ編】それでは、完成から見てみましょう。スマホ用に設定しているので、少し小さいと思いますが、最後にもう一度大きいものをのせますので、試してみてください。出るように設定しています。それに合わせてキャラクターの表情も変えています。ゲームを作ってみようスクラッチ(SCRATCH)お馴染みのスタート画面です。必要な画像を準備するまずは、必要な画像を選択していきます。コスチュームを選択するコスチュームの欄を選んで下の欄の動物にカーソルをおきます。虫眼鏡のマークをクリックします。するとコスチュームを選ぶが出てくるので、好きなキャラクターを選択します。今回は笑ったりできる赤いキャラクターを選びました。背景を選択する背景も同様に、最初の画面の右下より選択していきます。ここも虫眼鏡で自分の好きな背景を選びます。今回は紫のハートを選択しピンクに塗りつぶしました。ボタンを作るコスチュームの描くを選び、○を選択してボタンを描きます。丸と丸を重ね合わせるとボタンができます。下の丸の色を濃くすることで影のように見えます。画像2では、押されたボタンを描きます。上の丸を少し下にずらすと影(濃い丸の部分)が減るので、ボタンが押されたように見えます。ボタンの上に出てくるので白文字に設定しました。(見えにくくて、すみません。)文字はTの絵を選択することで文字が打てるようになります。文字をクリックすると大きさが変えられるので、好みに合わせたサイズにしてください。(ボタンの中に入る大きさ)画像を良い位置に設定する3つの画像の位置を整えます。スプライト3(文字画像)は選択し、ボタン上にドラッグしていきます。その時スプライト3は「表示する」にしておきます。ボタン上にドラッグできたら、スプライト3は「表示しない」にします。(目のマークに/がある方)プログラミングをする画像が準備できたので、早速プログラムを組んでいきます。おみくじが表示されないように設定するおみくじが最初から出てると楽しくないので、スタートではおみくじが出てないように設定します。文字画像(スプライト3)のプログラミング欄で、旗が押されたとき(スタート時)は隠すとプログラミングします。スタートしたときを設定する旗のマークが押されたときにどうするかを設定します。下画像は、赤いキャラクター(コスチューム)のプログラミング欄です。変数(オレンジのブロック)で「おみくじ」の変数を作ります。3=小吉」にしたいからです。ボタンをクリックしたらおみくじを引けるようにしたいので、その操作方法をキャラクターにしゃべってもらいます。コスチュームはまだ笑っていない顔に設定します。「ボタンをクリックしてね」と吹き出しで話すことで、ボタンを押すゲームなのだとわかります。ボタンを押したときを設定するボタンが押されたときにどうなるか?を設定します。黄色のブロックの新しいメッセージで「ボタンを押す」を作ります。ボタンの画像(スプライト2)を選び、その中のプログラミング欄でプログラム設定していきます。このスプライトが押されたとき=ボタンが押されたとき=スプライト2がクリックされたときです。ボタンが下がった画像→0.1秒待つ→ボタンが上がった画像ボタンが押された演出ができます。ボタンが押されたら、「ボタンを押す」を送り、おみくじを表示するように設定しましょう。ボタンが押された後の設定また赤いキャラクターのプログラミング欄に戻り、「ボタンを押す」を受け取ったときのキャラクターの会話を設定します。黄色のブロックの新しいメッセージで「スタート」を作ります。0.3秒や0.8秒待つのかというと、おみくじがすぐに出てしまったら面白みがないからです。待つことで「何が出るんだろう?」というドキドキ感が演出できます。数字は好みで選びましょう。乱数で何が出るかを決定する再びボタン(スプライト2)のプログラミング欄へ戻り、設定をします。「なにが出るかな?」とキャラクターがしゃべった後に、音が出るように設定しました。音はコスチュームの隣にあり、色んな音があるので好きなものを選んでください。音が終わるまで待つように、0.2秒待つを入れています。黄色のブロックの新しいメッセージで「おみくじランダム」を作ります。最初に作った「おみくじの変数」を1~3へ変えます。(現在おみくじの変数=0)1~3の数字からランダムで数字が選ばれます。(1/3の確率ということです。)選ばれたおみくじを表示する文字の画像(スプライト3)のプログラミング欄へ移動します。「おみくじランダム」を受け取ったときにどの文字が表示されるのかをプログラミングします。1なら大吉を表示するとしたいので、大吉である画像1を選びます。2なら中吉、3なら小吉というように設定していきます。おみくじが表示された後は、クリックされたら表示を隠すようにします。おみくじの変数を0に戻します。黄色のブロックの新しいメッセージで「おみくじ終わり」を作ります。おみくじが出た時にキャラクターの表情を変える再び赤いキャラクターのプログラミング欄に戻り、大吉が出たら笑顔で、中吉・小吉がでたら微笑になるように設定します。おみくじの変数:1が大吉、2が中吉、3が小吉です。おみくじが終わったら普通の顔へ戻します。おみくじゲーム完成!いかがでしょうか?ぽちっとおみくじゲームができたでしょうか?(PC用に大きく表示しています)スクラッチ簡単なゲームの作り方【おみくじ編】:まとめスクラッチは簡単操作で色々なゲームが作れます。Haluまた新たにゲームを作ったときは、作り方を公開していきます!次は音を使ったゲームや、着せ替えゲームを考えています。最新情報をチェックしよう!フォローする関連する記事プログラミングスクラッチで数を数えるプログラム【筋トレに便利】プログラミングスクラッチでプログラミング!音声ツールを使ってみよう!プログラミングスクラッチをダウンロードする方法【簡単プログラミング学習】プログラミングスクラッチで着せ替えゲームを作ろう!例をあげて解説します\新刊でました!!/少しだけ行動すると、未来が変化するハッピーライフ著者:Halu(ハル)プロフィールHalu(ハル)どん底の生活から抜け出そうと、カウンセラーの資格を取得。現在心理学を学んで10年以上。生活が変化し、ワクワクする日々を送っている。運営ブログは120万PV突破。最近は作家・イラストレーターでも活動中。ステップアップブログ.ホームシェアメニューコンタクトTOPへ。