<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）第17回・第18回 # 本格的なゲームを作ろう <br> <br> #### 2020年12月15日（火） ### 米谷雄介 --- ## 迷路ゲーム ### プリンスから逃げよう！ https://scratch.mit.edu/projects/454015190 - 内容：プリンセスを追いかけてくるプリンスから上下左右キーを使って逃げつつゴールを目指すゲーム。 - 成長点：定義づけを行い、上下左右キーの設定ができた。迷路を少し複雑にできた。 - 改善点：次の背景（ステージ）に切り替わってもあんまりわからなかったのでゴールの色を変えるべきだったかなと思った。 <iframe src="https://scratch.mit.edu/projects/454015190/embed" allowtransparency="true" width="360" height="280" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 追いかけっこ ### 追いかけっこ https://scratch.mit.edu/projects/454015436 - 内容：捕まらずにゴールできるのか - 成長点：王子とプリンセスの大きさを考えれた - 改善点：迷路をもっと困難にしてみたい <iframe src="https://scratch.mit.edu/projects/454015436/embed" allowtransparency="true" width="360" height="280" frameborder="1" scrolling="no" allowfullscreen></iframe> --- ## アクションゲーム ### ハリネズミの迷路ゲーム https://scratch.mit.edu/projects/454014375 - 内容：ハリネズミが迷路をたどって鳥から逃げるゲーム - 成長点：ゴールの色を変えてハリネズミが線に当たらないように小さくしたところ。 - 改善点：もっと工夫ができると思った <iframe src="https://scratch.mit.edu/projects/454014375/embed" allowtransparency="true" width="360" height="280" frameborder="2" scrolling="no" allowfullscreen></iframe> --- ## 迷路 ### ただようただのねこ part7 https://scratch.mit.edu/projects/450751725 - 内容：猫の迷路です - 成長点：いろいろなステージを用意できた - 改善点：効果音をずっとつけたいけどできなかった <iframe src="https://scratch.mit.edu/projects/450751725/embed" allowtransparency="true" width="360" height="280" frameborder="3" scrolling="no" allowfullscreen></iframe> --- ## サメから逃げるゲーム ### サメから逃げるゲーム https://scratch.mit.edu/projects/454016068 - 内容：サメから逃げる小さい魚 - 成長点：サメに捕まった時に、効果音をつけれた。 - 改善点：コードを設定したのに、ゴールして次の背景になった時に、魚がスタート地点に戻らなかった。 <iframe src="https://scratch.mit.edu/projects/454016068/embed" allowtransparency="true" width="360" height="280" frameborder="4" scrolling="no" allowfullscreen></iframe> --- ## 誘拐 ### 変人から逃げろ https://scratch.mit.edu/projects/454022936 - 内容：変人から逃げる - 成長点：ストーリー性 - 改善点：音付け <iframe src="https://scratch.mit.edu/projects/454022936/embed" allowtransparency="true" width="360" height="280" frameborder="5" 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="6" scrolling="no" allowfullscreen></iframe> --- ## 迷路 ### 迷路で迷子 https://scratch.mit.edu/projects/454022069 - 内容：たまごかハリセンボンかどっちでしょう。 迷路がしてみたら楽しかったから頑張ってほしい。 - 成長点：最後のゴールした時のおめでとうを手書きで書いた。 - 改善点：特になし。 <iframe src="https://scratch.mit.edu/projects/454022069/embed" allowtransparency="true" width="360" height="280" frameborder="7" scrolling="no" allowfullscreen></iframe> --- ## 迷路 ### 迷路ゲーム https://scratch.mit.edu/projects/454022151 - 内容：卵がおばけから逃げながらゴールするゲーム - 成長点：猫から卵にキャラを変えた - 改善点：ない <iframe src="https://scratch.mit.edu/projects/454022151/embed" allowtransparency="true" width="360" height="280" frameborder="8" scrolling="no" allowfullscreen></iframe> --- ## 迷路 ### 迷路 https://scratch.mit.edu/projects/454022762 - 内容：ゴールを目指す - 成長点：動き - 改善点：ルール解説 <iframe src="https://scratch.mit.edu/projects/454022762/embed" allowtransparency="true" width="360" height="280" frameborder="10" scrolling="no" allowfullscreen></iframe> --- ## 迷路ゲーム ### 火の悪魔から逃げろ！ https://scratch.mit.edu/projects/454021503 - 内容：追いかけてくる火の悪魔から逃げながらゴールを目指すゲーム。 - 成長点：悪魔が追いかけてくるところ。 - 改善点：本当は、リンゴをキャッチしながらゴールする迷路ゲームが作りたかった。 <iframe src="https://scratch.mit.edu/projects/454021503/embed" allowtransparency="true" width="360" height="280" frameborder="11" scrolling="no" allowfullscreen></iframe> --- ## 迷路ゲーム ### ハリネズミの迷路 https://scratch.mit.edu/projects/454035912 - 内容：迷路の中で本に追いかけられるハリネズミ - 成長点：本のスピードを調節したところ。 - 改善点：次は本のスピードを変えたりしてもっと工夫したい <iframe src="https://scratch.mit.edu/projects/454035912/embed" allowtransparency="true" width="360" height="280" frameborder="12" scrolling="no" allowfullscreen></iframe> --- ## 迷路 ### 脱出せよ https://scratch.mit.edu/projects/454023782 - 内容：逃げて脱出する - 成長点：モンスターの数 - 改善点：ペイントができなかった <iframe src="https://scratch.mit.edu/projects/454023782/embed" allowtransparency="true" width="360" height="280" frameborder="13" scrolling="no" allowfullscreen></iframe> --- ## 迷路 ### 迷路 https://scratch.mit.edu/projects/454021438 - 内容：オバケから逃げつつ、ゴールを目指します。 - 成長点：ゲームオーバーの背景を使っているところ - 改善点：操作するキャラクターを小さくしないとクリアできなかった。 <iframe src="https://scratch.mit.edu/projects/454021438/embed" allowtransparency="true" width="360" height="280" frameborder="14" scrolling="no" allowfullscreen></iframe> --- ## 迷路 ### リボン探し https://scratch.mit.edu/projects/454018550 - 内容：森の中にリボンを落としてしまった女の子のお手伝いをするゲームです。上下左右キーで移動させることができるのでリボンのところまで移動させてください。 - 成長点：面が変わるごとにリボンの色を変えることができたのと、定義を使ってコードを簡単にまとめることができました。 - 改善点：たまに壁に引っかかってしまうので何とかしたいです。お邪魔キャラも追加してみたい。 <iframe src="https://scratch.mit.edu/projects/454018550/embed" allowtransparency="true" width="360" height="280" frameborder="15" scrolling="no" allowfullscreen></iframe> --- ## 迷路ゲーム ### ピエンから逃げろ https://scratch.mit.edu/projects/454022687 - 内容：迷路ゲームとなっています。ピエンから逃げつつゴールに向かってください。 - 成長点：キャラを動かすことと、場面の切り替え。 - 改善点：もともとあったものに少しアレンジを加えるだけになってしまった。 <iframe src="https://scratch.mit.edu/projects/454022687/embed" allowtransparency="true" width="360" height="280" frameborder="16" scrolling="no" allowfullscreen></iframe> --- ## サメがたこに触れると消える設定にしました。 ### くらげとたことサメ https://scratch.mit.edu/projects/454035584 - 内容：はじめて他者の作品を使ってリミックスしました。サメがタコに触れると消えていきます。色に触れるブロックを利用して作成しました。 - 成長点：たこの動きとサメの動きです。色に触れるブロックを使って表現しました。 - 改善点：サメがタコをすべて食べた後に、完全終了できなかったところ。 <iframe src="https://scratch.mit.edu/projects/454035584/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe> --- ## 学習事項（教科書 p.112〜126） - ゲームの内容を考えよう（済） - ステージが変わるゲームの作成（済） - ゲームの全体設計（済） - 迷路ステージを用意しよう - 迷路の作成（済） - 画像の調整（済） - 迷路の中を移動させよう - 迷路内での移動（済） - キー操作によるスプライトの移動 - オープニングを作ろう - 文字入り画像の作成 - 画像の種類 - ゲームを改良しよう - ゲームの機能の追加 - 変数 --- ## 今日のレポート：リミックス #### 今日学んだことを踏まえて、自分または他者の作品のスピンオフゲームを作ってみてください。 以下の中から作るゲームのジャンルを決めてください。 - シューティングゲーム - アクションゲーム - アドベンチャーゲーム - パズルゲーム - ロールプレイングゲーム #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。