<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）第11回・第12回 # 変数と入力処理＆マウス・キーボードの活用 <br> <br> #### 2020年11月10日（火） ### 米谷雄介 --- ## 学習事項（教科書 p.84〜97） - 簡単なゲームを作る（前回の続き） - 点数を表示 - 変数 - 入力処理 - マウス - キーボード --- ## はじめに #### 前回（第09回・第10回）で作ったプロジェクトを開き、以下の事項を行ってください。 - 個人情報（個人の名前など個人が特定できる文言）がある場合は、「Aさん」「Bさん」など個人が特定されない表現に修正してください。 - 「共有する」ボタンを押していない人は押してください。 --- ## シューティング ### 鳥と猫 https://scratch.mit.edu/projects/441465679 - 内容：飛んでいる猫が鳥を倒します - 成長点：パンチしたら顔が変わるところ - 改善点：一体ずつ消えてほしいのに全員消えて復活するところ <iframe src="https://scratch.mit.edu/projects/441465679/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 読書の秋 ### ネルネズミ https://scratch.mit.edu/projects/441469057 - 内容：読書をしながら寝ているハリネズミに呆れている鳥を表現した。 - 成長点：背景を変えたり鳥を動かして表情も変えることができたところ。 - 改善点：背景が変わるところで動きが速すぎた。 <iframe src="https://scratch.mit.edu/projects/441469057/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ただようねこシリーズゲーム化 ### ただようただのねこpart4 https://scratch.mit.edu/projects/441472081 - 内容：暴れる星からひたすら逃げる猫 - 成長点：ねこを自由に操ることができるようになった - 改善点：本当は、上から降ってくる星をキャッチしたかった <iframe src="https://scratch.mit.edu/projects/441472081/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## バスケットボール協会 ### バスケットボール https://scratch.mit.edu/projects/441465804 - 内容：ボールをかごに入れる - 成長点：ボールの動き - 改善点：音をつける <iframe src="https://scratch.mit.edu/projects/441465804/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## プロポーズ ### プロポーズ https://scratch.mit.edu/projects/441466253 - 内容：プロポーズ成功 - 成長点：動きをつけれた - 改善点：言葉をつけれた <iframe src="https://scratch.mit.edu/projects/441466253/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 恐竜から逃げるハリネズミ ### ハリネズミと恐竜 https://scratch.mit.edu/projects/438473171 - 内容：恐竜から逃げるハリネズミ - 成長点：ハリネズミを自由に動かすことができた - 改善点：ドーム形式にすることが難しくてできなかった。 <iframe src="https://scratch.mit.edu/projects/438473171/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 「○○の秋」と言ったら何？ ### みんなの思う秋ってなーに？ https://scratch.mit.edu/projects/432998933 - 内容：質問形式で秋について答えていく - 成長点：今回は新しくクローンを作って表現してみました - 改善点：ボールを投げる様子をうまく表現できませんでした <iframe src="https://scratch.mit.edu/projects/432998933/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## サッカー ### サッカーremix（2） https://scratch.mit.edu/projects/441462946 - 内容：キーパーを避けてシュートを打つ簡単なサッカーゲーム - 成長点：プレイヤーのシュートを打つタイミングや方向をキーの設定を使って操作できるようにしたところ。 - 改善点：シュートした後の細かいボールの動きやキーパーの動きを表現できなかったところ。 <iframe src="https://scratch.mit.edu/projects/441462946/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ゲームを作る ### スペースわんこ https://scratch.mit.edu/projects/441465641 - 内容：宇宙で漂う幽霊をわんこが退治するゲーム。 - 成長点：スペースキーを押すとボールが発射されたり、ボールが当たった幽霊が透けて慌てるところ。 - 改善点：何体か設置して、全員倒したらもう一度出てこさせたかったけど難しくてできなかった。 <iframe src="https://scratch.mit.edu/projects/441465641/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## シューティングゲーム ### 敵を撃て https://scratch.mit.edu/projects/441470096 - 内容：敵を撃ち放つゲームです - 成長点：当たったら消えていくようにしました - 改善点：どんどん敵を増やしていきたかったけどできなかったできなかった <iframe src="https://scratch.mit.edu/projects/441470096/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ○○な秋 ### 読書の秋 https://scratch.mit.edu/projects/441475839 - 内容：ハリネズミがボールで本を狙うゲームを作ってみました。 - 成長点：ボールが当たると本が小さくなっていくところ - 改善点：次は得点がでるようにしたいです <iframe src="https://scratch.mit.edu/projects/441475839/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## パス練習 ### パス練習 https://scratch.mit.edu/projects/441475446 - 内容：味方にうまくパスをつなげるゲーム - 成長点：ボールが当たると消えるとこ - 改善点：速度が一定 <iframe src="https://scratch.mit.edu/projects/441475446/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ○○の秋といえば何？ ### お月見ウサギ　part２ https://scratch.mit.edu/projects/433000023 - 内容：ウサギに質問をさせてみました - 成長点：質問の答えを合わせて回答させるところ - 改善点：もっと質問を増やしてみたい <iframe src="https://scratch.mit.edu/projects/433000023/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 食欲の秋 ### 果物を取られて怒った恐竜さん https://scratch.mit.edu/projects/441473450 - 内容：食べようとした果物をハリネズミに持っていかれて怒っている恐竜に、大量のリンゴを恐竜に食べさせるゲーム。 - 成長点：恐竜の怒っている目を表現したところ。 - 改善点：リンゴの大きさの調節がうまくいかなかった。 <iframe src="https://scratch.mit.edu/projects/441473450/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## シューティングゲーム ### 銀河鉄道999 remix https://scratch.mit.edu/projects/441483828 - 内容：怪獣に食べられないようにリンゴを送り届けるゲーム。 - 成長点：汽車側だけでなく、怪獣側にも得点をつけられたこと。 - 改善点：思っていたよりも難しくなってしまったところ。 <iframe src="https://scratch.mit.edu/projects/441483828/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## シューティングゲーム ### シューティングゲーム https://scratch.mit.edu/projects/441466066 - 内容：蝙蝠でロボットを倒してください - 成長点：超音波をうまく発するようにしたところ - 改善点：前回の作品を利用できずに簡単になってしまったこと。 <iframe src="https://scratch.mit.edu/projects/441466066/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## うずまきに触れると姿が変化する ### 「うずまきに触れると・・・」 https://scratch.mit.edu/projects/441471010 - 内容：うずまきに触れると姿が変わります！ - 成長点：ゲームを作るときに使った、左右に動く表現を使ってアレンジしました。変数も簡単ですが効果音に使いました。画像の変化（モザイクをすこしずつ変化など）を利用して作成しました。 - 改善点：ネタが思いつかなかったので、簡単にしかできませんでしたが、応用をきかせて作りたかったなあと思いました。 <iframe src="https://scratch.mit.edu/projects/441471010/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 今日のレポート：リミックス #### 前回、今回学んだことを踏まえて、前回の自分の作品か、または他者の作品にアレンジを加えてみよう 例えば、 - メッセージを使ってキャラクター間で動きを連動させてみよう - クローンを使ってキャラクターを増やそう - 当たり判定をきっかけに場面を切り替えよう - 変数の値に応じてキャラクターの動く速度を変えよう #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。