<style> /* basic design */ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p { font-family: 'Meiryo UI', 'Source Sans Pro', Helvetica, sans-serif, 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic'; text-align: left; line-height: 1.8; letter-spacing: normal; text-shadow: none; word-wrap: break-word; color: #444; } .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {font-weight: bold;} .reveal h1, .reveal h2, .reveal h3 {color: #2980b9;} .reveal th {background: #DDD;} .reveal section img {background:none; border:none; box-shadow:none; max-width: 95%; max-height: 95%;} .reveal blockquote {width: 90%; padding: 0.5vw 3.0vw;} .reveal table {margin: 1.0vw auto;} .reveal code {line-height: 1.2;} .reveal p, .reveal li {padding: 0vw; margin: 0vw;} .reveal .box {margin: -0.5vw 1.5vw 2.0vw -1.5vw; padding: 0.5vw 1.5vw 0.5vw 1.5vw; background: #EEE; border-radius: 1.5vw;} /* table design */ .reveal table {background: #f5f5f5;} .reveal th {background: #444; color: #fff;} .reveal td {position: relative; transition: all 300ms;} .reveal tbody:hover td { color: transparent; text-shadow: 0 0 3px #aaa;} .reveal tbody:hover tr:hover td {color: #444; text-shadow: 0 1px 0 #fff;} /* blockquote design */ .reveal blockquote { width: 90%; padding: 0.5vw 0 0.5vw 6.0vw; font-style: italic; background: #f5f5f5; } .reveal blockquote:before{ position: absolute; top: 0.1vw; left: 1vw; content: "\f10d"; font-family: FontAwesome; color: #2980b9; font-size: 3.0vw; } /* font size */ .reveal h1 {font-size: 5.0vw;} .reveal h2 {font-size: 4.0vw;} .reveal h3 {font-size: 2.8vw;} .reveal h4 {font-size: 2.6vw;} .reveal h5 {font-size: 2.4vw;} .reveal h6 {font-size: 2.2vw;} .reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {font-size: 2.2vw;} .reveal code {font-size: 1.6vw;} /* new color */ .red {color: #EE6557;} .blue {color: #16A6B6;} /* split slide */ #right {left: -18.33%; text-align: left; float: left; width: 50%; z-index: -10;} #left {left: 31.25%; text-align: left; float: left; width: 50%; z-index: -10;} </style> <style> /* specific design */ .reveal h1 { margin: 0% -100%; padding: 2% 100% 4% 100%; color: #fff; background: #c2e59c; /* fallback for old browsers */ background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB); background-size: 200% 200%; animation: Gradient 60s ease infinite; } @keyframes Gradient { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .reveal h2 { text-align: center; margin: -5% -50% 2% -50%; padding: 4% 10% 1% 10%; color: #fff; background: #c2e59c; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #64b3f4, #c2e59c); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #64b3f4, #c2e59c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } </style> <!-- --------------------------------------------------------------------------------------- --> #### 香川短期大学 プログラミング演習（2020）第15回・第16回 # 本格的なゲームを作ろう <br> <br> #### 2020年11月24日（火） ### 米谷雄介 --- ## はじめに #### 前回（第13回・第14回）で作ったプロジェクトを開き、以下の事項を行ってください。 - 個人情報（個人の名前など個人が特定できる文言）がある場合は、「Aさん」「Bさん」など個人が特定されない表現に修正してください。 - 「共有する」ボタンを押していない人は押してください。 --- ## 乱数を使用したミニゲーム ### プロポーズゲーム（2） https://scratch.mit.edu/projects/450749470 - 内容：今回はマウスと連動して動くプリンスを使ってランダムに移動するプリンセスを追いかけるゲームを作成しました。 - 成長点：今回学習した乱数設定に加えて前回以前に学習したクローンの作成と変数の使用、音をつけることができました。 - 改善点：プリンスがプリンセスに触れたときに表情が変わるようにしたが、わかりにくかったかなと思った。 <iframe src="https://scratch.mit.edu/projects/450749470/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## でたらめを楽しもう ### ハリネズミのお絵かき https://scratch.mit.edu/projects/450748342 - 内容：ハリネズミだけでなくひよこも追加して透明度の違う色塗りをしてみた。 - 成長点：塗る色の透明度を変えてどっちが塗っているかわかるようにしたところ。 - 改善点：ただ塗るだけなのでスタンプなども追加したらよかった。 <iframe src="https://scratch.mit.edu/projects/450748342/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## バスケットボール ### 追いかけボール https://scratch.mit.edu/projects/447579210 - 内容：バスケットボールを追いかける - 成長点：ゲームが成立した - 改善点：もう少し音を入れたい <iframe src="https://scratch.mit.edu/projects/447579210/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 数当てゲーム ### お猿の数当てゲーム https://scratch.mit.edu/projects/450759540 - 内容：背景の風船の数を当てるゲーム - 成長点：数を外した時にヒントとして、少し足りないとか、少し多いとかを言うようにした。 - 改善点：正解の数を入れてもはずれになってしまう。 <iframe src="https://scratch.mit.edu/projects/450759540/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 数字あてゲーム ### ただよわないねこ https://scratch.mit.edu/projects/450757842 - 内容：ねこと同じ数字を当てるゲーム - 成長点：正解した時とゲームオーバーの時に効果音を出せれた - 改善点：これ以上のアイデアが思いつかなかった <iframe src="https://scratch.mit.edu/projects/450757842/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 王子とプリンセス ### ぐるぐる https://scratch.mit.edu/projects/450759905 - 内容：一緒に回る - 成長点：カラフルにできた - 改善点：人をふやす <iframe src="https://scratch.mit.edu/projects/450759905/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ミニゲームを作ろう！ ### いろいろなゲーム https://scratch.mit.edu/projects/441465745 - 内容：今回は授業でやったミニゲームに少しアレンジを加えました。 - 成長点：キャラクターの動き - 改善点：乱数を上手く利用できなかった <iframe src="https://scratch.mit.edu/projects/441465745/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 食欲の秋 ### リンゴを捕まえろ！ https://scratch.mit.edu/projects/450756183 - 内容：ハリネズミで飛び跳ねるリンゴを捕まえる。 - 成長点：リンゴが飛び跳ねるところ。 - 改善点：リンゴを転がしてみたかった。 <iframe src="https://scratch.mit.edu/projects/450756183/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 読書の秋 ### ハリネズミの読書 https://scratch.mit.edu/projects/447582767 - 内容：本と戦うハリネズミをゲームにしました。 - 成長点：乱数を使いランダムに動くようにできた。前回より本の動くスピードが速くなったので難しくなったところ - 改善点：ゲームの内容が前回と変わっていないところ <iframe src="https://scratch.mit.edu/projects/447582767/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ハリネズミを追いかける ### ハリネズミの脱走 https://scratch.mit.edu/projects/450767190 - 内容：ハリネズミが脱走しました。捕まえてください - 成長点：逃げ回ることは表現できた - 改善点：最後の止め方 <iframe src="https://scratch.mit.edu/projects/450767190/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 移動ゲーム ### シロクマ https://scratch.mit.edu/projects/447577373 - 内容：シロクマが雪をよけながら果物を食べるゲームです - 成長点：ゲームの終わりがゲームオーバー以外にもできるようになったところ - 改善点：得点が５０点からのスタートにしてしまったところ <iframe src="https://scratch.mit.edu/projects/447577373/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 銀河鉄道999 ### 宇宙で音当て https://scratch.mit.edu/projects/438470745 - 内容：音当てゲームをする - 成長点：汽車を動かしながらゲームができた - 改善点：単純なゲームになった <iframe src="https://scratch.mit.edu/projects/438470745/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## シューティングゲーム ### ハリネズミを起こそう！part2 https://scratch.mit.edu/projects/450771037 - 内容：ハリネズミにリンゴを当てて起こすげーむ - 成長点：乱数で大きさをランダムに変えて難易度が難しくなったり簡単になったりした。セリフを一個増やした。 - 改善点：ハリネズミの攻撃が当たった時にひよこにもリアクションが欲しかった。 <iframe src="https://scratch.mit.edu/projects/450771037/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## シューティングゲーム ### シューティングゲームDX https://scratch.mit.edu/projects/450777886 - 内容：「スペースキー」を押して敵に攻撃しつつ、敵の攻撃と隕石を避けてください。 - 成長点：音を付け加えたことと背景を変わるようにした。また敵の攻撃と隕石の攻撃をポイント次第で早くなるようにした。 - 改善点：前回の作品の細かいところを変更しただけで、そこまで変わっていないところ。 <iframe src="https://scratch.mit.edu/projects/450777886/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 今回学んだこと ### 鳥と猫その3 https://scratch.mit.edu/projects/441465679 - 内容：猫が鳥をやっつけます - 成長点：数を間違えたときまたとりがでてくるところ - 改善点：パンチの当たり判定が緩いところを改善したいです <iframe src="https://scratch.mit.edu/projects/441465679/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 数当てゲーム ### 猫は何匹？ https://scratch.mit.edu/projects/450770323 - 内容：猫が何匹プレゼントの中に入っているか当てるゲームです。 - 成長点：正解したとき猫がプレゼントの中から飛び出すところ。変数の数だけクローンを作れたところ。 - 改善点：それぞれの動く速さを変えてみたり、足を動かしてみたりしたかったです。 <iframe src="https://scratch.mit.edu/projects/450770323/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 自信作の絵を当てるゲームです！ ### わたしの自信作の絵は何番でしょう？ https://scratch.mit.edu/projects/450773673 - 内容：３つの絵から自信作の絵を当てるミニゲームです！ - 成長点：リスト機能を使ったこと。教科書を参考にしながら、使ってみました。今回は音を使ってみました。正解の時と不正解では音が違います。 - 改善点：変数がうまく使いこなせていないところです。乱数などの色々な組み合わせができたらと思っていましたが、使いこなすのが難しいです。 <iframe src="https://scratch.mit.edu/projects/450773673/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 学習事項（教科書 p.112〜126） - ゲームの内容を考えよう - ステージが変わるゲームの作成 - ゲームの全体設計 - 迷路ステージを用意しよう - 迷路の作成 - 画像の調整 - 迷路の中を移動させよう - 迷路内での移動（今日はここまでやります！！） - キー操作によるスプライトの移動 - オープニングを作ろう - 文字入り画像の作成 - 画像の種類 - ゲームを改良しよう - ゲームの機能の追加 - 変数 --- ## 今日のレポート：リミックス #### 今日学んだことを踏まえて、自分または他者の作品のスピンオフゲームを作ってみてください。 以下の中から作るゲームのジャンルを決めてください。 - シューティングゲーム - アクションゲーム - アドベンチャーゲーム - パズルゲーム - ロールプレイングゲーム #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。