<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）第09回・第10回 # 変数と入力処理 <br> <br> #### 2020年10月27日（火） ### 米谷雄介 --- ## 学習事項（教科書 p.67〜88） - 簡単なゲームを作る（前回の続き） - ロボットに弾を当てる - 当たり判定 - 点数を表示 - 変数 - 入力処理 - マウス - キーボード --- ## はじめに #### 前回（第07回・第08回）で作ったプロジェクトを開き、以下の事項を行ってください。 - 個人情報（個人の名前など個人が特定できる文言）がある場合は、「Aさん」「Bさん」など個人が特定されない表現に修正してください。 - 「共有する」ボタンを押していない人は押してください。 --- ## ○○の秋 ### みんなの思う秋ってなーに？ 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> --- ## ○○の秋 ### 読書の秋 https://scratch.mit.edu/projects/438468838 - 内容：読書をしていて眠くなるハリネズミの親子 - 成長：背景を探し、変えたところ。小さいハリネズミを増やしてみました。 - 改善：次は音をつけてみたい <iframe src="https://scratch.mit.edu/projects/438468838/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ○○の秋 ### 食欲の秋 https://scratch.mit.edu/projects/435605316/ - 内容：みかんを見つけて食べようとするところを表現しました。 - 成長：ハリネズミがみかんを持っていくところ。 - 改善：セリフより早くみかんが元に戻ってしまった。 <iframe src="https://scratch.mit.edu/projects/435605316//embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ○○の秋 ### 読書の秋：ハリネズミの読書と睡魔 https://scratch.mit.edu/projects/438469023 - 内容：元の作品にアレンジしてハリネズミを起こす鳥を追加しました。 - 成長：鳥の起こすタイミングとハリネズミの起きるタイミングをちょうどにできました。 - 改善：音をうまく使えなかったところです。 <iframe src="https://scratch.mit.edu/projects/438469023/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/438480273 - 内容：キン肉マンの星でありそうなことをしてみた。 - 成長：キン肉マンのキャラクターを三体かけた。 - 改善：声とかも入れてみたかった。 <iframe src="https://scratch.mit.edu/projects/438480273/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## サッカー ### サッカー　remix https://scratch.mit.edu/projects/438469290 - 内容：サッカーでのＰＫ戦の場面 - 成長：原作でPK戦の動きはほとんど作ってくれていたのでボールを蹴る瞬間の動きや、ホイッスルの音、音声合成などを加えてより現実感が増すようにしました。 - 改善：走る動き（交互の足の動き）とキーパーが飛び終わった後もなにか動作を加えられたらよかったかなと思いました。 <iframe src="https://scratch.mit.edu/projects/438469290/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ただようただのねこ remix ### ただようただのねこ part2 remix https://scratch.mit.edu/projects/438486324 - 内容：もう１匹追加しました - 成長：尻尾を動かすところ - 改善：猫の線が少し薄いところ <iframe src="https://scratch.mit.edu/projects/438486324/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## ただようただのねこ remix ### ただようただのねこ part3 https://scratch.mit.edu/projects/438469857 - 内容：宇宙をさまよう猫がバックミュージック付きで小さく遠くに消えていきます。 - 成長：小さくなっていくところと、音がうまくいった。 - 改善：やっぱり猫の動きがまだ早い。 <iframe src="https://scratch.mit.edu/projects/438469857/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## プロポーズ ### プロポーズ成功 https://scratch.mit.edu/projects/435608033 - 内容：プロポーズを成功させました - 成長：音楽と動き方 - 改善：絵がうまく書けなかった <iframe src="https://scratch.mit.edu/projects/435608033/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## プロポーズ ### プロポーズ成功 https://scratch.mit.edu/projects/438468919 - 内容：プロポーズ成功 - 成長：今回習った、声をつけることができた - 改善：言葉を増やしたい <iframe src="https://scratch.mit.edu/projects/438468919/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## プロポーズ ### ポニョ https://scratch.mit.edu/projects/438468987 - 内容：プロポーズをしている - 成長：音を出すところ - 改善：人物の動き <iframe src="https://scratch.mit.edu/projects/438468987/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## リミックス ### 日常　remix https://scratch.mit.edu/projects/438469280 - 内容：前に作った作品をリミックスしたもので、登場人物を増やして会話をするようにしてみました。 - 成長：BGMみたいに音楽を鳴らすことができた。 - 改善：時々音楽のテンポが合わなくなるところ。違和感なく聞けるようにしたい。 <iframe src="https://scratch.mit.edu/projects/438469280/embed" allowtransparency="true" width="485" height="402" 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="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 将来はこうなりたいという作品で、今回は音楽ブロックを使ったのと、背景なを少し変えてみました。 ### 「技術力の高いエンジニアになりたい」 https://scratch.mit.edu/projects/438472934 - 内容：上向き矢印、右矢印、スプライトを押したり、何らかの操作で話を読み進めていきます。最後には質問と面白い機能をつけています。背景を少し変えてみました。 - 成長：クローン機能を使って、スプライトを増やすことができたこと。合成音声でNice to meet youと言わせたこと。教科書を参考にして進めていきました。 - 改善：音楽を作った経験がないので、音楽ブロックがあまり使いこなせなかったです。この先はどのような場面にしようか少し迷いました。 <iframe src="https://scratch.mit.edu/projects/438472934/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 町の動物たち ### 町の動物たち https://scratch.mit.edu/projects/438469692 - 内容：動物を町のなかで動かしてみました。 - 成長：それぞれの動きの速度を変えるとこ - 改善：ほかのキャラクターも登場させたかったところ <iframe src="https://scratch.mit.edu/projects/438469692/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 複数のキャラクターを表示させてみよう ### だるまさんが転んだ https://scratch.mit.edu/projects/438469276 - 内容：横断歩道を渡る少女とそれを邪魔しようとする生命体たちです - 成長：少女がにらんだ瞬間ぴたりと止まって、やめた瞬間また動き出すところ。少女がシミだらけだったので消してあげました！ - 改善：生命体たちを上にしたかったけど踏みつけてしまったところ <iframe src="https://scratch.mit.edu/projects/438469276/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 野球 ### アンパンマン https://scratch.mit.edu/projects/438480725 - 内容：遊び心 - 成長：アンパンマンの顔 - 改善：構成があまり変わってない <iframe src="https://scratch.mit.edu/projects/438480725/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 野球 ### 野球 https://scratch.mit.edu/projects/438481309 - 内容：ボールを打っています。 - 成長：ボールを打っているように見えるところ。 - 改善：ピッチャーを書くのが難しく、手だけになってしまったこと。 <iframe src="https://scratch.mit.edu/projects/438481309/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 野球 ### 動物たちの野球 https://scratch.mit.edu/projects/438471011 - 内容：動物たちが肉食と草食に分かれて野球をしている場面です。 - 成長：キャラクターの顔と音と動きの合わせを意識しました。 - 改善：画像を取り入れるアイデアが浮かばなかった。 <iframe src="https://scratch.mit.edu/projects/438471011/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## 今日のレポート：リミックス #### 今日学んだことを踏まえて、前回の自分の作品か、または他者の作品にアレンジを加えてみよう 例えば、 - メッセージを使ってキャラクター間で動きを連動させてみよう - クローンを使ってキャラクターを増やそう - 当たり判定をきっかけに場面を切り替えよう - 変数の値に応じてキャラクターの動く速度を変えよう #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。