<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）第05回・第06回 # キャラクターの動作と属性 <br> <br> #### 2019年10月29日（火） ### 米谷雄介 --- ## 学習事項 - 他者の作品をアレンジできる（リミックス） - 座標（p.90）を意識して滑らかな動きを表現できる -- キャラクターを動かす（p.30-31） -- 動かす量を変える（p.32-33） -- キャラクターの向きを変える（p.34-35） -- 複数の動きを組み合わせる（p.36-39） -- 同じパターンを繰り返す（p.75） - キャラクターの属性を変えて多様な表現ができる -- キャラクターの大きさを変えてみる（p.40-41) -- キャラクターの色を変えてみる（p.42-43） -- コスチュームを変える（p.44-45） --- ## はじめに #### 前回（第03回・第04回）で作ったプロジェクトを開き、以下の事項を行ってください。 - 個人情報（個人の名前など個人が特定できる文言）がある場合は、「Aさん」「Bさん」など個人が特定されない表現に修正してください。 - 「共有する」ボタンを押していない人は押してください。 --- ## レポート紹介 #### 提出人数：22名 - 最近はまっていること：14名 - 夏休みの宿題：4名 - 友人のエピソード：3名 - 好きな異性のタイプ：1名 --- ## テーマ：最近はまっていることは? #### タイトル：剣道 -Good：なし -Bad：なし -https://scratch.mit.edu/projects/334649594/ <iframe src="https://scratch.mit.edu/projects/334649594/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：最近はまっていることは？ #### タイトル：ボーリング - Good：なし - Bad：ボーリングピンがない、ボーリングボールがない - https://scratch.mit.edu/projects/334654184  --- ## テーマ：最近はまっていることは? #### タイトル：追いかけ -- Good：猫の動き -- Bad：ねずみの動き -- https://scratch.mit.edu/projects/334643854 <iframe src="https://scratch.mit.edu/projects/334643854/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：最近はまっていることは? #### タイトル：動画鑑賞 - Good：Youtubeを表すためにもともとあったパソコンのスプライトに 赤背景と白の三角を加えたところ。 - Bad：サルとパソコンを向かい合わせにしたかったが出来ず、動画を見ているように表現しにくかった。 - https://scratch.mit.edu/projects/334646603/ <iframe src="https://scratch.mit.edu/projects/334646603/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：最近はまっていることは? #### タイトル：私の趣味音楽 - Good：ごん太が歩くところがうまく表現できた - Bad：楽器をうまくうまく叩くように表現出来なかった  --- ## テーマ：最近はまっていることは? #### タイトル：ダンス鑑賞 - https://scratch.mit.edu/projects/334645413/ - 星やカセットが大きさを変えるのができました。 - 女の人に複雑な動きを設定させるのが出来なかったです。  --- ## テーマ：最近はまっていることは? #### タイトル：映画を見ること - https://scratch.mit.edu/projects/334646253 - Good：TVを作った。 - Bad：スクラッチがなく、作るのに時間がかかった。  --- ## テーマ：最近はまっていることは? #### タイトル：ライブ中の自己紹介 - Good：会話の一人一人の間隔が話しているっぽくなったかなと思います。 - Bad：歌ったり踊ったりさせたかったけど時間が足りなかったのと、どういう風にブロックを置いたらよいかが難しかったです。 - https://scratch.mit.edu/projects/334645713 <iframe src="https://scratch.mit.edu/projects/334645713/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：最近はまっていることは? #### タイトル：誕生日パーティー - Good：会話 - Bad：動き  --- ## テーマ：最近はまっていることは? #### タイトル：交差点の住人 - Good：特になし - Bad：もう少し工夫したかった  --- ## テーマ：最近はまっていることは? #### タイトル：漫画を読む - Good：ケーキを一周回すこと - Bad：人と本自体が失敗しました。 - https://scratch.mit.edu/projects/334649709 <iframe src="https://scratch.mit.edu/projects/334649709/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：最近はまっていることは? #### タイトル：スケボー  --- ## テーマ：最近はまっていることは? #### タイトル：舞台鑑賞の中の世界 - Good：次の場面に切り替わるところ - Bad：動きの表現が少なく、会話が多くなってしまったところ - https://scratch.mit.edu/projects/334645885/ <iframe src="https://scratch.mit.edu/projects/334645885/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：最近はまっていることは? #### タイトル：牧場物語 - Good：牧場物語に出てくる動物を登場させて動きや言葉をつけたところ です。 - Bad：牛を登場させれなかった。 - https://scratch.mit.edu/projects/332806585 <iframe src="https://scratch.mit.edu/projects/332806585/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>  --- ## テーマ：夏休みの宿題 #### タイトル：夏休み最終日の戦 - Good：ぐるぐる回るところと背景の切り替わり - Bad：それぞれの行動の切り替えの方法やもう少し具体的な動きをつけたかった。 - https://scratch.mit.edu/projects/334647616/ <iframe src="https://scratch.mit.edu/projects/334647616/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：夏休みの宿題 #### タイトル：慌てる最終日 - Good：会話のタイミング - Bad：サルの動き - https://scratch.mit.edu/projects/334646146/ <iframe src="https://scratch.mit.edu/projects/334646146/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：夏休みの宿題 #### タイトル：の〇太の宿題 - Good：背景の変化と会話の調節がうまくいったと思う。 - Bad：ドラえ〇んのポーズの種類を増やせなかったところ。 - https://scratch.mit.edu/projects/332806571/ <iframe src="https://scratch.mit.edu/projects/332806571/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：夏休みの宿題 #### タイトル：宿題インベーダー - https://scratch.mit.edu/projects/334644290/ <iframe src="https://scratch.mit.edu/projects/334644290/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：友人のエピソード #### タイトル：友人のアルバイト - Good：はけが頑張って描けた。 - Bad：喜んでいる風に表現できなかった。 - https://scratch.mit.edu/projects/34658461/  --- ## テーマ：友人のエピソード #### タイトル：川を飛び越えられなかった財布 - Good：フグが投げてる風に回る - Bad：物体が思うように動かない。うまいこと続けられない。体の方向変換ができない - https://scratch.mit.edu/projects/334651455/ <iframe src="https://scratch.mit.edu/projects/334651455/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：友人のエピソード #### タイトル：衝撃の事実 - Good：おばあちゃん(スクラッチのキャラクターではおじいちゃんだが)のやばさを宇宙の背景で表現できた。 - Bad：会話が同じボタンで進まないからちょっと面倒。 - https://scratch.mit.edu/projects/334645734/ <iframe src="https://scratch.mit.edu/projects/334645734/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe> --- ## テーマ：好きな異性のタイプ #### タイトル：惚れる瞬間 - Good：背景 - Bad：思ったように動かない  --- ## 学習事項（再掲） - 他者の作品をアレンジできる（リミックス） - 座標（p.90）を意識して滑らかな動きを表現できる -- キャラクターを動かす（p.30-31） -- 動かす量を変える（p.32-33） -- キャラクターの向きを変える（p.34-35） -- 複数の動きを組み合わせる（p.36-39） -- 同じパターンを繰り返す（p.75） - キャラクターの属性を変えて多様な表現ができる -- キャラクターの大きさを変えてみる（p.40-41) -- キャラクターの色を変えてみる（p.42-43） -- コスチュームを変える（p.44-45） --- ## 今日のレポート：リミックス #### 今日学んだことを踏まえて、前回の自分の作品か、または他者の作品にアレンジを加えてみよう #### 前回の自分の作品を修正する場合は、p.24〜p.27 のやり方にしたがってプロジェクトを複製しましょう。 1. いったんファイルに保存 2. 新規プロジェクトを作る 3. ファイルを読み込む #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。