資源簡介

第十節 創意大比拼
課程內容 利用我們學習的繪畫知識來拓展思維繼續創作。
課程時間 45 分鐘
教學目標 1、位圖與矢量圖的區別？ 2、導入角色以及背景。
教學難點 矢量圖的繪畫。
設備要求 音響、A4 紙、筆
(
一、課堂導入
)Ps:教案內容僅為老師提供參考資料，一切以實際上課情況和教師講課習慣為主
第一小節（課程復習）
（教師）《教室介紹學校，以及自我介紹》同學們大家好，今天的編程課堂又要開始了，老師希望同學在完成今天課程的同時也不要忘記了上次課程的知識。在上節課當中我們跟隨著熊博士畫出了美麗的太陽寬敞的馬路以及漂亮的小車，而且還讓小車不斷地往前行進，遇到邊緣就返回，還記得我們怎樣使用這些畫筆指令的么？經過了多次嘗試，不斷修改，在最后同學們的作品都十分的漂亮哦。今天我們會跟著米樂熊一起做什么游戲呢？，跟隨著熊博士的腳步，來看一看我 們上節課所用到的知識以及今天要完成的課程吧。 2 分鐘
播放視頻 1：課程導入（第一部分）0 – 1min08s
第二小節（課程導入）
（教師）復習了上節課我們學習的知識，今天我們會隨著熊博士怎樣發揮才藝呢？在上節課程當中，我們學習了一種圖畫方式——位圖，今天我們來一起試一下另外一種繪畫方式——矢量圖，那么有的同學不免要問了，矢量圖和位圖之間有什么區別呢？我們應該怎樣才能繪畫出矢量圖作品呢？大家不要著急，先來讓熊博士來向我們展示 一下我們今天要完成的完整程序吧。 2 分鐘
播放視頻 1：課程導入（第二部分）1min10s - 1min45s 1 分鐘
（師生互動：提問模式） 老師提問：所以今天我們可以在熊博士的指導下完成我們的矢量圖繪畫了，我們需要先按照圖層繪畫出我們今天的角色，今天的角色繪畫完成之后我們可以利用代碼讓小車切換造型動起來。老師現在要提問一下了，為什么我們的角色需要圖層不斷地貼在上面，不把它直接畫在角色當中呢？歡迎同學們踴躍回答。 學生回答：xxxxx 2 分鐘
二、繪制流程
第三小節（流程圖）
（教師）同學們回答的非常好，因為在矢量圖當中，我們要設計一個角色展現不同的色彩需要不同的圖層來疊加。好啦，現在我們來看一下熊博士為我們帶來的流程解析，和老師一起來繪制一下流程圖 吧。 1 分鐘
播放視頻 2：繪制流程 1 分鐘
（師生互動：跟隨老師畫圖）同學們一起來動手回憶一下剛剛的視頻內容，繪制出我們整個程序的流程，從第一步初始化開始，來一 起試一下吧。（保證每個學生編寫出正確的程序流程圖） 3 分鐘
第四小節（流程圖）
分解流程圖 1 分鐘
（教師）程序流程圖繪制完成，通過我們的流程我們就可以一步一步的完成今天的程序了，大家一起來動手試試看，把我們今天要完成的流程用流程圖繪制出來吧。 （繪制流程圖） 繪制成功之后就準備開始編程打開我們今天的頁面，要開始本節 課的課程了。 1 分鐘
三、編寫程序
第五小節（繪制矢量圖角色）
（教師）今天雖然是繪畫，可是與上一節課的繪畫有很大的不 同，我們在選取繪圖模式也很有講究。現在來看一看熊博士是怎樣處 理的吧。 1 分鐘
播放視頻 3：編寫程序 （第一部分）0 - 58s 1 分鐘
（師生互動：程序編寫）看完了這段視頻，同學們就跟著一起來做一下吧，我們可以點擊背景區，選擇矢量圖模式來準備繪畫出我們的角色了。大家一起來動手試試看，完成一下吧。 （同學們操作，老師助教，保證學生打開背景區。） 5 分鐘
第六小節（繪制小車）
（教師）畫筆已經準備好了，我們現在就來著手準備畫一下角色， 先來挑選合適的功能吧。位于我們背景區左側有很多功能選項可以使用，還記得我們上節課當中指令怎么使用么？來聽聽熊博士怎么介紹 吧。 1 分鐘
播放視頻 3：編寫程序（第二部分）58s - 2min50s 1 分鐘
（師生互動：程序編寫）這次的角色簡直不是一個難度的呀！是不是需要我們來繪畫出好多的圖層拼接在一起，就像我們在冬天穿衣服 是不是一件一件的穿到我們的身上，并會只穿一件，小車要達到非常 5 分鐘
好的效果也需要不斷地添加不同的圖層，大家快來動手試試看吧，給小車添加很多好看的效果。 （同學們操作，老師助教，保證學生完成角色的繪畫）
第七小節（添加背景和角色）
（教師）現在我們已經完成了非常帥氣的小車，小車完成之后我們是不是覺得我們應該添加背景啊，不過今天熊博士要給大家介紹的可不是自己添加背景了哦，我們可以選擇更多更好更適合我們小游戲的 背景，大家一起來看一看是怎么做的吧。 1 分鐘
播放視頻 3：編寫程序（第三部分）2min50s - 4min29s 1 分鐘
（師生互動：程序編寫）大家是不是感覺發現了新天地，我們可以通過背景庫選擇我們自己心儀的背景來使用，感覺非常方便吧，還能復制出我們剛剛畫好的小車，最關鍵的是，我們都不知道還有這么多的小動物伙伴供我們來使用啊，事不宜遲，趕緊選一選吧。 （同學們操作，老師助教，保證學生完成背景以及角色的挑選。） 3 分鐘
第八小節（編寫程序）
（教師）好啦，今天的繪畫也大功告成了，現在就是我們今天的重頭戲——編程了。還記得我們上次課程中小車是怎樣移動的么？別忘 了我們的新朋友——小蝙蝠，讓它也做出一個非常有趣的效果吧。
播放視頻 3：編寫程序（第四部分）4min29s - 6min05s 1 分鐘
（師生互動：程序編寫）這樣我們的繪畫就變得很厲害了，在深深的夜空下，孤寂的城市閃著落寞的光，只有我們的小車在緩緩行駛。在比夜還深的黑暗當中，有一只蝙蝠煽動著翅膀蟄伏著，蠢蠢欲動要做出一些行動，真的是一副很有故事的畫面吧。大家一起來試試看，能不能做出的效果比熊博士還棒呢？ （同學們操作，老師助教，保證完成代碼。） 3 分鐘
課間休息
讓學生自主完成繪畫的代碼，幫助學生解答問題。 完成代碼的同學可以休息一下。 2 分鐘
四、知識延伸
（教師）指令全部完成之后，到了我們的課外知識小課堂時間。在上節課當中熊博士介紹過我們的藝術繪畫，但是大家有沒有深入了解過為什么電腦會有位圖以及矢量圖的區別呢？我們想要在電腦上進行繪畫需要哪些專業的軟件呢？關于電腦繪畫我們還有那些知識需要了 解呢？來聽聽熊博士有什么知識要分享吧。 1 分鐘
播放視頻 4：知識延伸 3 分鐘
（師生互動）使用電腦繪畫能夠完成我們手繪做不到的很多功能， 老師希望大家能在課后查閱一下資料，仔細甄別一下它們的使用方式。再下節課開始的時候，希望同學能夠和老師分享自己的知識。完成我們本節課的小朋友就可以提交我們本節課的代碼作業了，在本節課中我們一起創作了畫作，通過了指令積木的拼搭完成了矢量圖的運動， 希望同學們再接再厲，發揮想象力把我們的小游戲變得更好玩吧。 2 分鐘
(
五、拓展練習
)
第八小節（課程總結）
播放視頻 5：課程總結（該視頻為靜態圖片，用于輔助老師總結）
課程總結：今天我們使用矢量圖來繪制角色，點擊畫板下方的藍色按鈕，我們的繪制模式轉換為矢量圖，在用矩形和圓形工具搭配我們將小車給繪制出來了，今天背景和另一個角色我們使用在素材庫中自行添加不需要我們來繪制了！在最后給角色編寫程序，讓小車可以自由移動起來！ 在這里本節課的內容就結束了，但是老師還不知道同學們有沒有掌握，下面老師來請一位同學來回答我們本節課使用了什么樣的指令完成了什么樣的效果呢？ 在下節課當中我們會跟著米樂熊一起繼續深入，探索更多的故 事，希望同學們可以繼續努力，在下次課中踴躍表現。 5 分鐘
（課后作業）
（教師）大家千萬不要忘了在課下完成我們的課后作業，這里 是我們的一個升級的小挑戰，我們一起來看一下吧。 0.5 分鐘
播放視頻 6：拓展練習 1 分鐘
（課程結束）今天的課程就到這里了，希望同學們能夠在以后的課程中展現自己的奇思妙想，為我們的編程課堂迸發出不一樣的 思維火花，我們下次編程課堂不見不散，拜拜！ 0.5 分鐘(共23張PPT)
創意大比拼
課程目標
課程內容 利用我們學習的繪畫知識來拓展思維繼續創作。
課程時間 45分鐘
1、位圖與矢量圖的區別？
2、導入角色以及背景。
教學目標
教學難點 矢量圖的繪畫。
設備要求 音響、A4紙、筆
課程導入
程序解析
課堂任務
升級任務
知識拓展
創意練習
課程導入
01
課程導入
01
課程導入
在上節課中，我們使用
了位圖繪制了一個小車和背
景，并讓其移動起來，在這
節課我們一起來使用矢量圖，
來誰知一幅作品吧！
程序解析
02
程序解析
02
程序解析
1. 使用矢量圖繪制一個小車。
2. 給小車角色繪制新的造型。
3. 在背景庫中添加一張背景。
4. 給小車角色添加代碼指令。
程序解析
02
流程圖
課堂任務
03
課堂任務
03
課程重點
繪制矢量圖：點擊繪制角色
按鈕，并且點擊切換矢量圖。
課堂任務
03
觀察區別
先觀察矢量圖的功能和位圖
有什么區別。
課堂任務
03
繪制角色
使用矢量圖工具繪制出小
車，并給其繪制綠色的外殼。
課堂任務
03
第二個造型
給角色添加新的造型，并
將其設置為紅色。
課堂任務
03
添加新背景
來到背景庫中選擇一張背
景。
課堂任務
03
告知完成
設置代碼指令，讓小車可
以一直行駛，并不停的切換造
型。
升級任務
04
升級任務
04
動手練習
練習：1.背景可以實現動態效果么？要怎么實現？
知識拓展
05
數字化圖像
05
數字化圖像 是計算機的數字化圖像分為兩
種類型，即位圖和矢量圖。兩種類型各有優
缺點，應用的領域也各有不同。
處理位圖的軟件最有名的就是Photoshop。
處理矢量圖的軟件包括兩種：一種是圖形繪
制軟件;另外是排版軟件。
矢量圖與位圖
05
位圖也稱為點陣圖，它是由許許多多的點組成的，
這些點被稱為像素。位圖圖像可以表現豐富的多彩變化
并產生逼真的效果，很容易在不同軟件之間交換使用，
但它在保存圖像時需要記錄每一個像素的色彩信息，所
以占用的存儲空間較大，在進行旋轉或縮放時會產生鋸
齒。
矢量圖通過數學的向量方式來進行計算，使用這種方
式記錄的文件所占用的存儲空間很小，由于它與分辨率
無關，所以在進行旋轉、縮放等操作時，可以保持對象
光滑無鋸齒。
創意練習
06
創意練習
06
創意練習
練習：1、我們再添加一個蝙蝠角色，讓其在夜空中飛翔。
謝謝！

展開更多......

收起↑