「数字が揃わなかった時には自動的にパネルが閉じてプレーヤーが交代する」「数字が揃ったときには得点をもらえる」機能などを追加していきますよ♪それでは、前回作成した作品を開いて、早速始めてみましょう。▼準備STEP.1保存したURLをブラウザで開く前回保存したURLをブラウザで開きます。STEP.2Viscuitで開くスマホやタブレットの場合、「このVisuictで開きますか?」と確認が表示されるので「開く」をタップします。パソコンの場合はブラウザでViscuitが表示されます。STEP.3作品が表示されるViscuitが起動して「絵合わせ(神経衰弱)ゲーム」が表示されます。紅白対抗に改造しようまずは、紅白対抗に改造しましょう。白組を表す絵に白い色を使いたいと思うのですが、今の背景色だと白い絵がわかりにくいですね。そこで、背景の色を変えてみましょう。▼背景色を変更するSTEP.1設定を開く「設定(はぐるま)」ボタンをタップして、設定画面を開きます。STEP.2背景色を設定する画面左上のカラーパレットで背景色を選びます。選んだ色は画面右下の四角で確認できます。前回描いた部品も見えやすい背景色に選びましょう。左右のカラーパレットの色を違う色にするとグラデーションも表現できます。その場合、左側のパレットが画面上側、右側のパレットが画面下側の色になります。色を決めたら「○」ボタンをタップします。▼紅組、白組が自動交代するための部品を描くSTEP.1部品「紅」「白」を描く「紅組」「白組」を現す部品を描きます。STEP.2部品「タッチ1」を描く状態を表す部品「タッチ1」「タッチ2」を描きます。この部品は重ねて使うので重なっていることがわかりやすいように半透明で描きます。「タッチ1」を描きます。描けたら「○」ボタンをタップします。STEP.3下絵を表示する続いて「タッチ2」を描きます。お絵描き画面の右側に今までに描いた部品が表示されていますが、これをタップすると、今から描く絵の下絵にすることができます。STEP.4「タッチ2」を描く「タッチ1」を下絵にして同じように描いてみましょう。(なぜ「タッチ1」と「タッチ2」を同じように描くのかは、のちほど分かりますよ♪)STEP.5揃わなかった時の部品を描く絵が揃わなかった時の部品「ざんねん」「こうたい」を描きます。STEP.6揃ったときの部品を描く絵が揃った時の部品「そろった」「つづけて」を描きます。▼パネルを開くメガネを改造するSTEP.1「パネルをタッチしたら開く」メガネを探す前回作った「パネルをタッチしたら開く」メガネを探します。STEP.2「タッチ1」「タッチ2」を追加する「パネルをタッチしたら開く」メガネの左側に「タッチ1」、右側に「タッチ2」を追加します。STEP.3メガネを2つに割るメガネのツルを長押しして、メガネを2つに割ります。▼絵が揃わなかったら自動でパネルが閉じるようにするビスケットには計算機能がありません。そこで、部品を重ねて置いて、その数でアクションの実行回数を数えます。部品を半透明で描いたのは、部品を重ねた時に「部品が重なっている」ことを確認しやすくするためです。STEP.1絵が揃わなかった時のメガネ(1)新しいメガネを追加します。左側に「タッチ2」を2つ重ねて配置し、右側には「ざんねん」を配置します。STEP.2絵が揃わなかった時のメガネ(2)新しいメガネを追加します。「ざんねん」「こうたい」「四角枠」「パネル」をこのように配置します。STEP.3メガネを2つに割るメガネのツルを長押しして、2つに割ります。STEP.4メガネを3つに割る2つに割れたら、もう一回メガネのツルを長押しします。すると、このようにメガネが3つに割れます。3分割されたメガネの中にこのうように部品が配置れれていることを確認しましょう。▼プレーヤー交代のメガネをつくる『「こうたい」と表示されたら「紅」から「白」に交代する』メガネを作ります。ポイントはメガネの右側の「タッチ1」は2つ重ねて配置することです。メガネの中の部品の位置関係も大事になりますので、これと同じように配置してくださいね。STEP.1「紅」「白」交代のメガネを作る新しいメガネを追加します。「紅」「こうたい」を左側に配置し、右側には「白」と「タッチ1」を配置します。「タッチ1」は2つ重ねて置きます。STEP.2「白」「紅」交代のメガネをつくる同じように、「白」から「紅」に交代するメガネをつくります。右側の「タッチ1」は2つ重ねて配置しますよ。▼ステージに部品を配置するSTEP.1ステージに「紅」と「タッチ1」を配置するこのようにステージに「紅」と「タッチ1」を配置します。「タッチ1」は2つ重ねて配置します。「紅」と「タッチ1」の位置関係は、プレーヤー交代のメガネの右側の状態と同じになるようにしましょう。▼不要になったメガネを片付ける自動でパネルが表示されるメガネを作ったので、前回作った「タップしてパネルを表示する(数字を隠す)」メガネは不要にりました。そこで、このメガネは片付けておきます。Viscuitはとってもお行儀良くできていて、メガネを片づける場合には、メガネの中の部品から先に一ずつ片付けます。STEP.1メガネを探すメガネ置き場をスクロールして、前回作ったこのメガネ(枠をタップするとパネルを表示)を探します。STEP.2メガネの中の部品を片付けるメガネの中の部品を「部品置き場」または、「Viscuitと書かれたエリア」にドラッグ&ドロップします。STEP.3空のメガネを片付ける空になったメガネを「部品置き場」または、「Viscuitと書かれたエリア」にドラッグ&ドロップします。▼動作を確認!「あそぶ」モードで動作を確認してみましょう。数字が揃わなかったときには自動でプレーヤーが交代します。このように「タッチ1」と「タッチ2」が重なって表示されるので、その時の見た目を良くするためでした。)数字が揃ったときには「ざんねん」と表示されたまま動かなくなりますね。次に、パネルが揃ったときの動作を作っていきましょう。数字が揃った時のメガネをつくる今度は数字が揃ったときの動作をプログラミングしていきましょう。ここも3つに割れたメガネを使用します。▼前回作ったメガネを改造するSTEP.1「揃ったらパネルが閉じられないようにする」メガネを探す前回作った「数字が揃ったらパネルが閉じられないようにする」メガネを探します。「そろった」を追加する「1が揃ったらパネルが閉じられないようにする」メガネの左・下側にこのように「タッチ2」を二つ重ねて置きます。右・下側には「そろった」を配置します。STEP.3ツルを長押しするメガネのツルを長押しします。STEP.4メガネが3つに割れるすると、メガネが3つに割れます。3分割されたメガネの中にこのように部品が配置されていることを確認しましょう。STEP.5「2」「3」「4」のメガネも改造する同じように「2」「3」「4」も同じようにメガネを改造します。新しいメガネを追加して、左側に「そろった」、右側に「つづけて」を配置します。新しいメガネを追加して、左側に「つづけて」、右側に「タッチ1」を2つ重ねて配置します。▼動作を確認!「あそぶ」モードで動作を確認してみましょう。数字が揃わなかったときには自動でプレーヤーが交代、数字が揃ったら続けてパネルをタップできるようになりましたね。揃った数をカウントできるようにしよう最後に、揃った数(得点)をカウントできるようにしましょう。前述のとおりViscuitには計算機能がありません。そこで、カウントする仕組みも自分で作ります。今回はViscuitで得点表示させる定番の方法を利用します。▼カウント用の部品を描くSTEP.1位置を指定する部品を描くカウントを表示する位置を指定する部品「|」を描きます。STEP.2得点を表す部品を描く得点を表す部品「●」を描きます。この部品は重ねて使うので、重なっていることがわかりやすいように半透明で描きます。半透明できれいに塗りつぶすには一筆で描くようにします。一度指を放してから塗り足すと水彩絵の具で重ね塗りしたときのような表現ができます。▼ステージに部品を配置するSTEP.1「紅」「白」「|」を配置する「紅」「白」「|」をステージに配置します。▼メガネを改造する1STEP.1プレーヤー交代のメガネを探す先ほど作ったプレーヤー交代のメガネを改造します。STEP.2「紅」「白」交代のメガネを改造するメガネの左右にに「|」を追加します。この時、位置がポイントです。メガネの右側の「|」は左側よりも1マス分下にずらして配置します。STEP.3メガネを2つに割るツルを長押ししてメガネを2つに割ります。割れたメガネの中の部品の配置がこのようなっていることを確認しましょう。STEP.4「白」「紅」交代のメガネも改造する「白」「紅」交代のメガネも同様に改造します。「|」の位置は今度は左側が1マス下になります。▼メガネを改造する2STEP.1交代(1)メガネを探す今度は、先ほど作った「交代(1)」のメガネを改造します。STEP.2「|」「●」を追加するこのように「|」と「●」を配置します。STEP.3メガネを2つに割るツルを長押ししてメガネを2つに割ります。▼メガネを追加するSTEP.1得点を数えるメガネをつくる新しいメガネを追加して、左側に「●」を2つ重ねて配置します。右側の重ねずに1つは右側にずらして並べて配置します。左のメガネと右のメガネの「●」の位置に注意しましょう。▼完成!!「あそぶ」モードで動作を確認します。次のような動作になりましたね。数字が揃ったら、画面下にで得点(●)アップ。続けてパネルが開けるさぁ、友達とあそんでみましょう!今回作成したプログラムはこちらです。作品を保存しよう!出来上がった作品を保存しましょう。前回同様、URLを取得してメモ帳アプリなどにURLを貼り付けます。▼保存先のURLを取得するSTEP.1「おくる」をタップする画面右上の「保存(おくる)」ボタンをタップします。STEP.2「○」をタップする確認の「○」ボタンが表示されるのでこれもタップします。すると,作品のURLがパソコンのペーストボードにコピーされます。STEP.3「メモ帳」などにペーストするメモ帳などにペーストして作品のURLを保存します。あなたのアイデアでどんどんアップグレードしよう!今回は、絵合わせ(神経衰弱)ゲームの基本部分の作り方をご紹介しました。ここから先は、みなさんのアイデアでもっと楽しいゲームに仕上げていって下さいね!参考に私の作成した「動く年賀状2020」をご紹介します。絵合わせゲーム」です。【遊び方】1.「スタート」をタップするとゲームが始まります。パネルをタップして2枚開きます。揃わなかったら交代です。3.2枚揃うと福が溜まります。福を集めた人の勝ちです。コメントをキャンセルメールアドレスが公開されることはありません。