<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> <!-- --------------------------------------------------------------------------------------- --> #### 香川短期大学 プログラミング演習（2019）第17回・第18回 # 本格的なゲームを作ろう <br> <br> #### 2019年12月24日（火） ### 米谷雄介 --- ## 迷路 #### 迷路 https://scratch.mit.edu/projects/352279554/ - 内容：お化けが猫にぶつかるとゲームオーバーという - 成長：全部 - 改善：なし <iframe src="https://scratch.mit.edu/projects/352279554/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゲームを作る #### くまから逃げろ！！ https://scratch.mit.edu/projects/352283925/ - 内容：くまから逃げる - 成長：くまのスピード - 改善：もう少し工夫できたらよかった <iframe src="https://scratch.mit.edu/projects/352283925/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 迷路 #### おばけから逃げろ！ https://scratch.mit.edu/projects/352290776/ - 内容：おばけから逃げてゴールする - 成長：ほぼ全部 - 改善：ゴールできない <iframe src="https://scratch.mit.edu/projects/352290776/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## アルパカと雷？ #### Bear and Lightning remix remix https://scratch.mit.edu/projects/352292457/ - 内容：マウスのポインターで雷という文字が動く。それがアルパカに当たったらアルパカの色が変わる。 - 成長：マウスのポインターで雷が動くのを早くできた。 - 改善：アルパカをあまり動かすことができなかった。 <iframe src="https://scratch.mit.edu/projects/352292457/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 迷路 #### めいろ https://scratch.mit.edu/projects/352282609/ - 内容：授業でしたところまで - 成長：猫の大きさ - 改善：猫の動き <iframe src="https://scratch.mit.edu/projects/352282609/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 迷路 #### クマから逃げる https://scratch.mit.edu/projects/352282003/ - 内容：クマから逃げます - 成長：女の子の逃げる体制が面白い - 改善：教科書通りだった <iframe src="https://scratch.mit.edu/projects/352282003/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゲーム #### 逃げるネズミ https://scratch.mit.edu/projects/352281809/ - 内容：ロボットからネズミが逃げる - 成長：迷路うまくできた - 改善：スターマリオみたいに無敵状態に出来なかった。 <iframe src="https://scratch.mit.edu/projects/352281809/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 本格ゲーム #### 走るウサギ https://scratch.mit.edu/projects/352282107/ - 内容：ヤマアラシ避けるためにスペースキーでジャンプ - 成長：うさぎの走る - 改善：なし <iframe src="https://scratch.mit.edu/projects/352282107/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 迷路ゲーム #### メンヘラウサギから逃げろハリネズミくん https://scratch.mit.edu/projects/352280997/ - 内容：ウサギから逃げるだけのゲーム - 成長：ゲームオーバー時の表示 - 改善：緊迫感 <iframe src="https://scratch.mit.edu/projects/352280997/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 迷路 #### 母親のもとに帰ろう！ https://scratch.mit.edu/projects/352284863/ - 内容：母親のもとにちゃんとたどり着けるのか！ - 成長：クマが追い付かないようにした - 改善：もっと会話させたりしたらよかった <iframe src="https://scratch.mit.edu/projects/352284863/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 迷路 #### サメから逃げきれ https://scratch.mit.edu/projects/352283030/ - 内容：魚がサメから逃げきるものです。 - 成長：大きさとバランス - 改善：背景がシンプルで面白くない。サメが迷路をたどらないので頭を使うしぎりぎり。 <iframe src="https://scratch.mit.edu/projects/352283030/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 探索 #### 猫の冒険 https://scratch.mit.edu/projects/341962726/ - 内容：内容に意味はあまりないです - 成長：犬の動き - 改善：猫の動き <iframe src="https://scratch.mit.edu/projects/341962726/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 迷路 #### おばけから逃げろ！ https://scratch.mit.edu/projects/352279156/ - 内容：おばけに触れずにゴールに行く。 - 成長：コードの作成 - 改善：始めと終わりを作りたい <iframe src="https://scratch.mit.edu/projects/352279156/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ロールプレイングゲーム #### 失敗作 https://scratch.mit.edu/projects/346233753/ - 内容：RPG調を作ろうとしたなれの果て - 成長：上矢印で攻撃、下矢印で防御 - 改善：コードが汚くなって断念 <iframe src="https://scratch.mit.edu/projects/346233753/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 追いかけられる犬 #### 走り回る犬 https://scratch.mit.edu/projects/352283721/ - 内容：白い犬が青い犬を追いかける - 成長：ちゃんと矢印で動けるように操作できた - 改善：思ったより難しかった <iframe src="https://scratch.mit.edu/projects/352283721/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 迷路（さっき出したものの改正版です） #### 母親のもとに帰ろう！ https://scratch.mit.edu/projects/352284863/ - 内容：母親のもとにたどり着けるのか！ - 成長：クマがなかなか追い付かないようにした。 - 改善：会話をもっといれたらよかった。 <iframe src="https://scratch.mit.edu/projects/352284863/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゲーム #### リンゴを食べろ！ https://scratch.mit.edu/projects/352292969/ - 内容：リンゴを目指して迷路を進む - 成長：コウモリがリンゴに触れたら芯になるところ - 改善：敵がいない <iframe src="https://scratch.mit.edu/projects/352292969/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## シューティングゲーム #### シューティング素材？ remix https://scratch.mit.edu/projects/352292341/ - 内容：猫が泥棒を捕まえる。 - 成長：犯人が程よく出てくるところ - 改善：点数をつけていないところ <iframe src="https://scratch.mit.edu/projects/352292341/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## シューティングゲーム #### シューティングゲーム　remix https://scratch.mit.edu/projects/352279960/ - 内容：銃が上下左右に動けるようにして、スプライトと背景を増やしてストーリー性を出した - 成長：銃がきちんと上下左右キーで動くように設定した - 改善：ハイスコアやランキングが表示できるようにせってできなかった <iframe src="https://scratch.mit.edu/projects/352279960/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゲーム制作 #### 不思議な世界 https://scratch.mit.edu/projects/352283090/ - 内容：ゴールに行こうとするユニコーンを蛙が追いかけてきます。 - 成長：ゆっくり追いかけてきて当たるまで - 改善：ゲームオーバーの画面や音などをつけられなかった <iframe src="https://scratch.mit.edu/projects/352283090/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゲーム制作 #### 壮大な猿蟹合戦 https://scratch.mit.edu/projects/352282942/ - 内容：迷路ゲームで猿蟹合戦を表現した。 - 成長：サルにカニが当たった時にサルの鳴き声がするようにしたところ。背景によってbgmを変えたところ。 - 改善：迷路背景が白くて寂しいので何か変えてみたいと思った。 <iframe src="https://scratch.mit.edu/projects/352282942/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゴンタの散歩 #### ドラゴン退治 https://scratch.mit.edu/projects/346247631/ - 内容：散歩をしていたらドラゴンを倒す羽目になる - 成長：たくさん - 改善：ドラゴンの攻撃 <iframe src="https://scratch.mit.edu/projects/346247631/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## バトルアクション #### ゴンタVS熊次郎（製作途中） https://scratch.mit.edu/projects/346250075/ - 内容：ゴンタと熊次郎が戦います。 - 成長：やっと会話の受け渡しがでけた - 改善：まだバトルシーンの製作途中です。 <iframe src="https://scratch.mit.edu/projects/346250075/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 森 #### 夏休み. https://scratch.mit.edu/projects/352283608/ - 内容：これから作る作品のオープニング画面です - 成長：文字を打ち込んでるように見せられた - 改善：全体的に未完成 <iframe src="https://scratch.mit.edu/projects/352283608/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 学習事項（教科書 p.112〜126） - ゲームの内容を考えよう（済） - ステージが変わるゲームの作成（済） - ゲームの全体設計（済） - 迷路ステージを用意しよう - 迷路の作成（済） - 画像の調整（済） - 迷路の中を移動させよう - 迷路内での移動（済） - キー操作によるスプライトの移動 - オープニングを作ろう - 文字入り画像の作成 - 画像の種類 - ゲームを改良しよう - ゲームの機能の追加 - 変数 --- ## 今日のレポート：リミックス #### 今日学んだことを踏まえて、自分または他者の作品のスピンオフゲームを作ってみてください。 以下の中から作るゲームのジャンルを決めてください。 - シューティングゲーム - アクションゲーム - アドベンチャーゲーム - パズルゲーム - ロールプレイングゲーム #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。