<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）第15回・第16回 # 本格的なゲームを作ろう <br> <br> #### 2019年12月10日（火） ### 米谷雄介 --- ## はじめに #### 前回（第11回・第12回）で作ったプロジェクトを開き、以下の事項を行ってください。 - 個人情報（個人の名前など個人が特定できる文言）がある場合は、「Aさん」「Bさん」など個人が特定されない表現に修正してください。 - 「共有する」ボタンを押していない人は押してください。 --- ## 簡単なゲームを作る #### 熊から逃げ切れ！ その2 https://scratch.mit.edu/projects/350156512/ - 内容：バージョンアップしました - 成長：乱数幅の変更(elseを使った切り替え) - 改善：<del>作者の脳みそが省電力モードに入っていた</del>ゴール線に変更なし、BGMも無し <iframe src="https://scratch.mit.edu/projects/350156512/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 数字当てゲーム #### 数字を当ててみろ！ https://scratch.mit.edu/projects/350164198/ - 内容：背景にぐるぐる色を塗っていきながら数字を当ててもらう - 成長：乱数を使えた - 改善：特にない <iframe src="https://scratch.mit.edu/projects/350164198/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 風船を追いかかける #### 風船を追いかかけるゲーム https://scratch.mit.edu/projects/350158388/ - 内容：風船を追いかける - 成長：教科書通りにできた - 改善：なし <iframe src="https://scratch.mit.edu/projects/350158388/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 塗りつぶし #### うちゅうってこわい https://scratch.mit.edu/projects/350155870/ - 内容：線を描くのではなくスタンプにして宇宙飛行士（？）を増やしてみました。ペンギンが現実的です。 - 成長：宇宙飛行士を増やせたところ - 改善：もっといろんなことを繋げてストーリー性を出したかった。 <iframe src="https://scratch.mit.edu/projects/350155870/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 風船を捕まえろ！！ #### Tap remix https://scratch.mit.edu/projects/349766838/ - 内容：スプライトを増やしてストーリー性と、制限時間を作りゲーム性を高めた。 - 成長：スプライトを増やして、ストーリーを作れた。 - 改善：制限時間が来た時に、風船を消すことができなかった。 <iframe src="https://scratch.mit.edu/projects/349766838/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 数当てゲーム #### 数字を当てて https://scratch.mit.edu/projects/350161649/ - 内容：猫が考えている数字を当てて - 成長：コードの作成。 - 改善：もう少し面白くしたい。 <iframe src="https://scratch.mit.edu/projects/350161649/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゲーム #### 「雷」 https://scratch.mit.edu/projects/350158795/ - 内容：雷という文字に当たるとアルパカの色が変わる。 - 成長：動物と雷と背景をそれぞれ変え、アルパカの色の変化を分かりやすくしたところ - 改善：ゲーム性がないところ <iframe src="https://scratch.mit.edu/projects/350158795/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ユニコーン #### 角の生えた馬 https://scratch.mit.edu/projects/346241574/ - 内容：ユニコーンにハートをあげないでください - 成長：ユニコーンから線が出ます - 改善：話が思いつきませんでした <iframe src="https://scratch.mit.edu/projects/346241574/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ねずみを追いかける猫2 #### ねずみを追いかける猫　remix https://scratch.mit.edu/projects/350170979/ - 内容：猫がネズミを追いかけます。 - 成長：言葉のところでウシシを最悪にしたりギャーを嫌だねにしたりしました。 - 改善：背景を変えられなかった。 <iframe src="https://scratch.mit.edu/projects/350170979/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 不思議な絵を作ろう #### 中身が・・・ https://scratch.mit.edu/projects/350160315/ - 内容：卵の中身が出るように作りました。 - 成長：線の太さ - 改善：ゲームではない <iframe src="https://scratch.mit.edu/projects/350160315/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゲーム #### 塗れるか消されるか https://scratch.mit.edu/projects/350156615/ - 内容：マウスで色を塗っていく - 成長：乱数上手くできた - 改善：もう少しゲームらしくしたかった <iframe src="https://scratch.mit.edu/projects/350156615/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 音あてゲーム #### 音を当ててくれ https://scratch.mit.edu/projects/350155193/ - 内容：ピアノの音階を当てよう - 成長：正解・不正解時に音が鳴る - 改善：音階の種類が少ないのでつまらん <iframe src="https://scratch.mit.edu/projects/350155193/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 数字あて #### かえるくんの好きな数字 https://scratch.mit.edu/projects/350161421/ - 内容：かえるくんの好きな数字を当てるゲームです。 - 成長：正解やゲームセットになったときに背景を変えてそれっぽい感情を表しました。 - 改善：これを生かしてほかのゲームも作りたいと思いました。 <iframe src="https://scratch.mit.edu/projects/350161421/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゲーム #### うさぎとライオン https://scratch.mit.edu/projects/350158856/ - 内容：スペースキーでウサギを動かしてライオンから逃げます。 - 成長：なし - 改善：動きが少ない <iframe src="https://scratch.mit.edu/projects/350158856/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 乱数を使ったゲーム #### 数当てゲーム https://scratch.mit.edu/projects/350162013/ - 内容：1から100までの数字を当てる数当てゲーム - 成長：間違えた時と正解した時の効果音を付けたところ - 改善：面白味がいまいちなかったところ <iframe src="https://scratch.mit.edu/projects/350162013/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## RUN #### RUN https://scratch.mit.edu/projects/350170588/ - 内容：RUN - 成長：あまりないです - 改善：いろいろまだです <iframe src="https://scratch.mit.edu/projects/350170588/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> --- ## ゲーム #### うさぎとライオン https://scratch.mit.edu/projects/350158856/ - 内容：スペースキーでジャンプし、矢印キーで左右にウサギを動かしてライオンから逃げます。 - 成長：なし - 改善：動きが少ない <iframe src="https://scratch.mit.edu/projects/350158856/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 数を扱うゲーム #### 数当てゲーム https://scratch.mit.edu/projects/350156661/ - 内容：５回以内に数を当てるゲーム - 成長：回数を設定できた - 改善：猫の動き <iframe src="https://scratch.mit.edu/projects/350156661/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> --- ## クッキング #### Bre　ver1.1 https://scratch.mit.edu/projects/346232711/ - 内容：あなたはバーテン。お客様のご要望に応えましょう - 成長：独自のカクテル評価システムによる厳しい審査 - 改善：ないです。 <iframe src="https://scratch.mit.edu/projects/346232711/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 学習事項（教科書 p.112〜126） - ゲームの内容を考えよう - ステージが変わるゲームの作成 - ゲームの全体設計 - 迷路ステージを用意しよう - 迷路の作成 - 画像の調整 - 迷路の中を移動させよう - 迷路内での移動 - キー操作によるスプライトの移動 - オープニングを作ろう - 文字入り画像の作成 - 画像の種類 - ゲームを改良しよう - ゲームの機能の追加 - 変数 --- ## 今日のレポート：リミックス #### 今日学んだことを踏まえて、自分または他者の作品のスピンオフゲームを作ってみてください。 以下の中から作るゲームのジャンルを決めてください。 - シューティングゲーム - アクションゲーム - アドベンチャーゲーム - パズルゲーム - ロールプレイングゲーム #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。