<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）第21回・第22回 # 教材をつくってみよう２ <br> <br> #### 2020年12月22日（火） ### 米谷雄介 --- # 1. 振り返り # 2. 練習 # 3. 課題 --- # 1. 振り返り --- ## 絵本を作ってみよう（国語） ### ハリネズミのの本当の姿 https://scratch.mit.edu/projects/464002085 - 内容：本当にハリネズミがネズミなのかわからないけどネズミということにした。 - 成長点：教科書を見ながらキャラクターでアレンジしてできたところ。 - 改善点：ハリネズミが走るよってところで垂直に曲がっただけだったのでもっと工夫すればよかった。 <iframe src="https://scratch.mit.edu/projects/464002085/embed" allowtransparency="true" width="360" height="280" frameborder="9" scrolling="no" allowfullscreen></iframe> --- ## meiro ### クイズ https://scratch.mit.edu/projects/464609683 - 内容：クイズ - 成長点：王子とプリンセスを使えた - 改善点：もっと難しい問題を作りたかった <iframe src="https://scratch.mit.edu/projects/464609683/embed" allowtransparency="true" width="360" height="280" frameborder="10" scrolling="no" allowfullscreen></iframe> --- ## おさるの数あてゲーム！ ### おさるの数あてゲーム！ https://scratch.mit.edu/projects/464612797 - 内容：バスケットぼーつとサッカーボールの数をあてる簡単なゲーム - 成長点：正しい数を入力すると、「せいかい！」と表示されるところ。 - 改善点：ゲームの内容が少し簡単すぎるかなと思った。乱数をもう少しうまく使えるようになりたい。 <iframe src="https://scratch.mit.edu/projects/464612797/embed" allowtransparency="true" width="360" height="280" frameborder="11" scrolling="no" allowfullscreen></iframe> --- ## 絵本 ### 人魚姫（国語） https://scratch.mit.edu/projects/464003189 - 内容：練習問題の国語を利用して少しアレンジを加えたものです - 成長点：練習問題では二つのスプライトでしていたが、三つのスプライトを使って表示・隠すを使いながらスプライトの見た目を変更させることができた。 - 改善点：スプライト変更後の動きのつけるのがうまくできなくてあきらめてしまった。 <iframe src="https://scratch.mit.edu/projects/464003189/embed" allowtransparency="true" width="360" height="280" frameborder="12" scrolling="no" allowfullscreen></iframe> --- ## 絵本 ### うちゅうじんのいちにち https://scratch.mit.edu/projects/464019242 - 内容：漢字を習っていない幼児向けの絵本を作りました。 - 成長点：メッセージなどを使って動きを細かく表現できたところ - 改善点：内容が短いのでもっと長くすればよかった <iframe src="https://scratch.mit.edu/projects/464019242/embed" allowtransparency="true" width="360" height="280" frameborder="13" scrolling="no" allowfullscreen></iframe> --- ## 絵本を作ってみよう（国語） ### それぞれの特徴 https://scratch.mit.edu/projects/464557600 - 内容：教材（国語）の後の話を考えてみました。 - 成長点：雑学を混ぜて考えたところ - 改善点：ペンギンの動きをもっと多くしたかったところ <iframe src="https://scratch.mit.edu/projects/464557600/embed" allowtransparency="true" width="360" height="280" frameborder="14" scrolling="no" allowfullscreen></iframe> --- ## 食物連鎖 ### パンと熊 https://scratch.mit.edu/projects/464622954 - 内容：食物連鎖の現実 - 成長点：言葉のやり取り - 改善点：動物の動き <iframe src="https://scratch.mit.edu/projects/464622954/embed" allowtransparency="true" width="360" height="280" frameborder="15" scrolling="no" allowfullscreen></iframe> --- ## 数当て ### ボール当てゲーム https://scratch.mit.edu/projects/464618537 - 内容：ボーズが流れてくる数を当てる - 成長点：ボールがランダムに飛んでくる - 改善点：ボールを打っているようにしたかった <iframe src="https://scratch.mit.edu/projects/464618537/embed" allowtransparency="true" width="360" height="280" frameborder="16" scrolling="no" allowfullscreen></iframe> --- ## 絵本 ### 人間の骨格 https://scratch.mit.edu/projects/464622356 - 内容：人間の骨格がどのようになっているかが簡単に紹介されている絵本です。 - 成長点：シーン変更のタイミングやその後の動作も不自然がないようにできた。 - 改善点：教育上はあまりよろしくないものができた。 <iframe src="https://scratch.mit.edu/projects/464622356/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe> --- ## バトルゲーム？ ### 猫と鳥 https://scratch.mit.edu/projects/441465679 - 内容：猫がとりを倒すゲームです - 成長点：表紙がかわいくできました - 改善点：どこでパンチしても敵をたおしてしまうところ <iframe src="https://scratch.mit.edu/projects/441465679/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe> --- ## 絵本 ### きょうりゅうさんの雑談 https://scratch.mit.edu/projects/464622551 - 内容：きょうりゅうたちがお話しする話 - 成長点：時間をうまくつかって会話をしているように見せれた。 - 改善点：とくになし <iframe src="https://scratch.mit.edu/projects/464622551/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe> --- ## 誕生日 ### ハリネズミパパの誕生日 https://scratch.mit.edu/projects/464620373 - 内容：ハリネズミのお父さんの誕生日の様子を絵本にしました。 - 成長点：誕生日プレゼントを渡すところ。 - 改善点：音もつけたかった。 <iframe src="https://scratch.mit.edu/projects/464620373/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe> --- ## 迷路 ### ハリネズミの迷路 https://scratch.mit.edu/projects/464622780 - 内容：ボールを打ってくるおばけから逃げる迷路ゲーム - 成長点：おばけからボールがでてくるところ - 改善点：難しいのでボールのでてくるスピードを調節する <iframe src="https://scratch.mit.edu/projects/464622780/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe> --- ## リミックス ### おつかい https://scratch.mit.edu/projects/464618721 - 内容：お母さんに買い物を頼まれた女の子がお使いに行く話です。 - 成長点：タイミング良くスプライトを消すことで歩いてきた後、立ち止まってこっちを見ているように表現できたところ。 - 改善点：迷路ゲームの使いまわしなのでもう少し森の中を工夫したい。 <iframe src="https://scratch.mit.edu/projects/464618721/embed" allowtransparency="true" width="360" height="280" frameborder="17" scrolling="no" allowfullscreen></iframe> --- ## 7章の教材を作ってみよう（計算ドリル）を参考にして、星を数える問題を作ってみました。 ### 星を数えて https://scratch.mit.edu/projects/464006144/ - 内容：星を数える問題を作りました。少し数えるのに時間がかかるかもしれません。 - 成長点：星を乱数で増やして、数えるのを難しくしました。 - 改善点：くるくる動く星を数えるところを表現したかったのですが、思い通りに動かせなかったです。 <iframe src="https://scratch.mit.edu/projects/464006144//embed" allowtransparency="true" width="360" height="280" frameborder="3" scrolling="no" allowfullscreen></iframe> --- ## ネコ迷路 ### ただようただネコ　part8 https://scratch.mit.edu/projects/450751725 - 内容：ネコの迷路です - 成長点：音楽と始めと終わりがよくできました - 改善点：迷路が少し簡単すぎました <iframe src="https://scratch.mit.edu/projects/450751725/embed" allowtransparency="true" width="360" height="280" frameborder="1" scrolling="no" allowfullscreen></iframe> --- ## 計算 ### 計算ドリル https://scratch.mit.edu/projects/464010548 - 内容：ケンタウロスから出される問題に答えます。 - 成長点：人間に動きを付けたところ。 - 改善点：一番右端の人間しか動かなかったこと。 <iframe src="https://scratch.mit.edu/projects/464010548/embed" allowtransparency="true" width="360" height="280" frameborder="7" scrolling="no" allowfullscreen></iframe> --- # 2. 練習 --- ## 学習事項（教科書 p.136〜143） - 3. 月の満ち欠けの仕組み（理科） - 現象を模擬するシミュレーションの考え方を学ぶ - 関数を使ってスプライトの位置を決める - 4. 名勝案内を作ろう（社会） - イベント処理 - 画像の表示、複数スプライト、レイヤー --- # 3. 課題 --- ## 今日のレポート #### 今日学んだことを踏まえて、教材を作ってみてください。 - 宇多津周辺または自分の地元周辺の名勝案内を作ってみましょう - 音声合成ブロックを用いて説明内容を読み上げるようにしましょう - できるだけマニアックな（観光案内には載っていない）名所を選びましょう - 逆に何気ない場所のもっている価値を強調しましょう #### 香川短大Moodleのアンケートフォームに必要事項を記入してください。 - 3.月の満ち欠けの仕組み（理科）に取り組み、作品のURLを練習問題１の欄に入力してください。 - 4.名勝案内を作ろう（社会）に取り組み、作品のURLを練習問題２の欄に入力してください。 - オリジナル作品の作成に取り組み、作品のURLをオリジナル作品の欄に入力してください。 - うまくいった箇所、うまくいかなかった箇所はできるだけ具体的に書きましょう - URLを忘れずに入力してください。 - こちらで確認するので共有ボタンを忘れずに押してください。