<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）第07回・第08回
# キャラクターの追加・メディアの利用
<br>
<br>
#### 2020年10月20日（火）
### 米谷雄介
---
## 学習事項（教科書 p.48〜66）
- 複数のキャラクターを表示させてみよう
- 複数のキャラクターを同時に動かしてみよう
- キャラクターを作ってみよう
- キャラクターの保存と読み込みをしてみよう
- 写真を読み込んで加工してみよう。
- 音を鳴らしてみよう
- まとめ：キャラクターの３要素
---
## はじめに
#### 前回（第05回・第06回）で作ったプロジェクトを開き、以下の事項を行ってください。
- 個人情報（個人の名前など個人が特定できる文言）がある場合は、「Aさん」「Bさん」など個人が特定されない表現に修正してください。
- 「共有する」ボタンを押していない人は押してください。
---
## プロポーズ
### プロポーズ
https://scratch.mit.edu/projects/435604425
- 内容：ある夜にとある国の王子様がお姫様にプロポーズをする様子を再現しました。
- 成長：原案では王子様がお姫様の前を通り過ぎてしまっていたので座標指定をしていい位置に来るようにしました。セリフのタイミングや待ち時間を追加し、王子様のセリフの後にお姫様の表情が切り替わるように設定できました。
- 改善：動きの変化だけでなく、見た目（コスチュームの色など）の変化をもう少し加えられたら良かったかなと思います。
<iframe src="https://scratch.mit.edu/projects/435604425/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## プロポーズ
### プロポーズ
https://scratch.mit.edu/projects/435603579
- 内容：大好きな人にプロポーズ
- 成長：この前はできなかったけど、今回男の人を固定することができた
- 改善：人物の色も変えたかった
<iframe src="https://scratch.mit.edu/projects/435603579/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/435607644
- 内容：ナンパの風景
- 成長：しゃべるタイミング
- 改善：登場人物の動き
<iframe src="https://scratch.mit.edu/projects/435607644/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## 夜景
### 夜景
https://scratch.mit.edu/projects/435602381
- 内容：夜景を見に行った
- 成長：山頂に上がるまでの景色と上がってからの景色を変えることができた。
- 改善：急に場面が変わって少し違和感がある。
<iframe src="https://scratch.mit.edu/projects/435602381/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## 猫が宇宙をさまよう
### ただようただのねこpart2
https://scratch.mit.edu/projects/435601694
- 内容：宇宙をさまよう猫の足が動くようになりました
- 成長：コスチュームを交互に変更すること
- 改善：動きが速すぎて、もっとゆっくり動かしたかった
<iframe src="https://scratch.mit.edu/projects/435601694/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## あなたにとって「○○の秋」は何
### 十五夜うさぎ remix
https://scratch.mit.edu/projects/435600234
- 内容：修正前はうさぎが飛び跳ねるところまでだったのですが、今回はそれにプラスして新しく登場人物を増やし、場面を追加した
- 成長：前回はできなかったコスチュームを変えて、キャラの動きを滑らかにすることができた
- 改善：うさぎの移動があまり上手く表現できなかった
<iframe src="https://scratch.mit.edu/projects/435600234/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## 秋といえば
### 音楽の秋
https://scratch.mit.edu/projects/435606065
- 内容：秋といえば音楽っぽいのでテーマを音楽にした。
- 成長：前回と比べて観客が増えたことと、質問に対する返しをつけることができた。
- 改善：動きが硬くなってしまったところ。
<iframe src="https://scratch.mit.edu/projects/435606065/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## 打ちました
### 野球
https://scratch.mit.edu/projects/433006682
- 内容：前回は見送りだったけど今回は打った
- 成長：感情
- 改善：バッターの動き
<iframe src="https://scratch.mit.edu/projects/433006682/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## 野球
### ボールが…
https://scratch.mit.edu/projects/435612139
- 内容：野球のワンシーンを表現しました。
- 成長：大きさを変えたり動きを合わせたりしました。
- 改善：その場所での行動だけになった。
<iframe src="https://scratch.mit.edu/projects/435612139/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## PK戦
### PKでゴールを決めた
https://scratch.mit.edu/projects/435612321
- 内容：PK戦でゴールを決めて喜ぶところ
- 成長：ポーズをうまく使えた
- 改善：移動しながら喜ぶポーズをとってみたい
<iframe src="https://scratch.mit.edu/projects/435612321/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## ○○な秋
### 読書の秋
https://scratch.mit.edu/projects/435605269
- 内容：ハリネズミが読書をしていて、眠くなる様子
- 成長：ハリネズミが起きて元の場所に戻ったが、眠くてまた、眠ってしまうところ
- 改善：起きてから元の位置の戻るまでがはやいところ
<iframe src="https://scratch.mit.edu/projects/435605269/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/435612127
- 内容：映画の帰り道まで作った。
- 成長：コスチュームを変えて歩く動作をうまく表現できた。
- 改善：車をだしてみたかった。
<iframe src="https://scratch.mit.edu/projects/435612127/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## リミックス
### 逃げる人間 追うヘビ
https://scratch.mit.edu/projects/435614202
- 内容：人間がヘビから逃げる
- 成長：第一回の授業で出来なかった逃げる動作をつけられた。
- 改善：どうしてもヘビの頭が見えてしまう。ヘビがずっとスライドしていること。
<iframe src="https://scratch.mit.edu/projects/435614202/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## リミックス
### 悪夢 remix
https://scratch.mit.edu/projects/435606571
- 内容：他の人の作品です。悪夢ということなので少し怖さをプラスしました。
- 成長：一度振り返ってから画面右方向へ駆け出すところ。
- 改善：ゴブリンをうまく走らせたかったです。
<iframe src="https://scratch.mit.edu/projects/435606571/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## 前回と同じで、少しアレンジを加えてみました。
### 「技術力の高いエンジニアになりたい」
https://scratch.mit.edu/projects/432999265
- 内容：自分の「将来こんな人になりたい！」を語る作品です。スペースキーや上向き矢印を使って、話を進めていきます。
- 成長：スプライトの動き方がわかりました。まだ移動が上手にはできないですが、座標の位置がだいたいわかりました。最後の質問の場面に「質問に答えてくれてありがとう！がんばってください！」と付け加えることができたことです。スプライトを使って背景を彩ることができたことです。
- 改善：メッセージを受け取った時、○○を送って待つというブロックの使い方がよくわからなかったです。新しい場面を作ってもよかったかなと思いました。
<iframe src="https://scratch.mit.edu/projects/432999265/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
---
## 学習事項（再掲）
- 複数のキャラクターを表示させてみよう
- 複数のキャラクターを同時に動かしてみよう
- キャラクターを作ってみよう
- キャラクターの保存と読み込みをしてみよう
- 写真を読み込んで加工してみよう。
- 音を鳴らしてみよう
- まとめ：キャラクターの３要素
---
## 今日のレポート：リミックス
#### 今日学んだことを踏まえて、前回の自分の作品か、または他者の作品にアレンジを加えてみよう
#### 前回の自分の作品を修正する場合は、p.24〜p.27 のやり方にしたがってプロジェクトを複製しましょう。
1. いったんファイルに保存
2. 新規プロジェクトを作る
3. ファイルを読み込む
#### 香川短大Moodleのアンケートフォームに必要事項を記入してください。
- うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう
- URLを忘れずに入力してください。
- こちらで確認するので共有ボタンを忘れずに押してください。
{"metaMigratedAt":"2023-06-15T14:23:48.031Z","metaMigratedFrom":"YAML","title":"香川短期大学 プログラミング演習（2020）第07回・第08回","breaks":true,"slideOptions":"{\"theme\":\"white\",\"slideNumber\":\"c/t\",\"center\":false,\"transition\":\"none\",\"keyboard\":true,\"width\":\"93%\",\"height\":\"100%\"}","contributors":"[{\"id\":\"9fa84d74-755e-4449-be52-074e326d8a9d\",\"add\":11906,\"del\":1789}]"}