多媒體概論 2019
（Introudction of Multimedia)

班級：大學部一年級學分：3學分
任課教師：吳智鴻任課科系：數位內容科技學系
TEL：04-22183024
E-mail: [email protected]
Website: chwu.weebly.com.tw

修訂日期：108/02/09

一、本課程之學習目的與教學目標

隨著電腦科技的進步，許多以往需要專業人士才能製作的多媒體內容，現在已有許多套裝軟體可以讓初學者已相當簡易的方式，就做出令人驚嘆的效果。藉由此類軟體的協助，老師可以透過多媒體教材，將許多不易在課堂上講解的內容，透過多媒體多樣化的方式呈現，讓學生易於接受與瞭解，激發學生的學習興趣。

二、本課程之主要講授重點與範圍：

本課程主要讓學生瞭解何謂多媒體並透過介紹動畫製作軟體，以及UNITY遊戲開發引擎，讓學生也可以輕易的做出聲光影像俱全之多媒體教材，以協助教學上之應用。主要範圍如下：

多媒體概論
應用電腦製作數位內容
多媒體的整合應用
2D動畫製作
LINE動態貼圖製作
浮空投影技術與製作
Unity 2D遊戲製作

培養之核心能力

A2 具有系統應用與整合研究能力

三、本課程之教學方法：

課堂講解與討論
上機實作
分組報告
作品展示

四、本課程之評量方式與時間：

平時成績：40% (平時作業、學習單、出席)
期中作品：30%
期末作品：30%

五、使用教材或參考書目：

[A] 施威銘研究室，「正確學會FLASH CS6的16堂課」，旗標。F3421。

[B] 陳漢昇，「多媒體導論與應用」，旗標。F7512。

--- 其他教材及參考書籍、資料將由教師於課堂上發放或指定。

六、有關學習建議事項：

學生需在老師指定之主題下，主動尋找相關資料與軟體，與提出可能應用方向，以及改進之方法。
「遵守智慧財產權觀念」及「不得非法影印」。

七、本課程之教學進度：（請詳填於課程進度表）

週次	日期	課程內容	補充說明	學習單
01	02/11	[ 課程介紹 ] 一、基礎篇 Animate CC基礎操作 --操作介面書本範例檔案(ALL) CS6版本	Animate CC的新功能 2019 Animate CC的小動畫製作 Animate CC小動畫 Bouncing Ball Clickable Ad WinRar 完成檔互動多媒體技術 MaKey MaKey - An Invention Kit for Everyone Amazing Technology Invented By MIT - Tangible Media Scratch@mit 2012 - Kinect And scratch Scratch + KINECT 玩具動起來期末成果展 arduino s4a scratch lego wedo Neurosky \| Ep. 9	期初問卷調查
02	02/18	第一部FLASH動畫製作 --移動補間動畫	完成檔旅遊景點宣傳下雪動畫範例	學習單#0 基礎環境與移動捕間動畫
03	02/25	FLASH 基礎繪圖工具使用二、應用篇補間與形狀漸變—英文字母動畫教學影片製作完成檔英語教學動畫	繪圖工具使用 [ 教學PPT ] 撞球繪製補充教材何謂4K/1080P 解析度說明 1080i/1080P的說明 PS轉換顏色數 4K示意與說明素材 Quad4k #1 4K#2 繪本動畫文化部繪本花園繪本動畫繪本動畫網繪本動畫製作得獎繪本動畫短耳兔 3D動畫Technology	學習單#1 FLASH基礎環境學習單2_移動補間動畫撞球動畫原始檔
04	03/04	元件(影片片段)+GIF動畫匯出 --形狀補間動畫 3D工具與移動編輯器的應用—網頁橫幅Banner --3D轉譯工具、3D旋轉工具	飲料原始檔飲料影片片段 (不斷循環) 飲料影片片段 (只有一次) 可以用按鈕控制重新撥放補充教材--網站的動畫廣告 Google 動畫廣告大小規格檢查你的HTML5廣告工具	繪圖工具(形狀補間動畫、HTML55程式碼)教學講義學習單#3 形狀補間動畫與程式碼
05	03/11	遮色片與導引線動畫	遮色片文字遮色片與相片匯入補充教材（資料來源: Flash CS6 躍動的網頁）遮色片～小偷遮色片動畫 [完成檔] 遮色片應用—節能減碳宣導短片素材檔完成檔電子賀卡 Bluemountain 繪本素材封面範例素材與範例檔案完成檔範例 PS 快速去背 CC選取並遮住快速遮色片模式	完成檔(電子耶誕賀卡) 學習單#4 遮色片動畫
06	03/18	裝飾工具與骨塊工具的應用—螢幕保護程式 --裝飾工具、骨塊工具	補充教材（躍動的網頁）骨架動畫～長頸鹿 [完成檔] 繪本動物動畫素材檔 [完成檔] 資料來源: 可愛動物：井本蓉子認知繪本
07	03/25	LINE 貼圖	貼圖營運面 LINE貼圖營運說明(影片) LINE素人貼圖會賺錢嗎? (影片) 製作教學貼圖設計理念說明(影片) LINE貼圖與上架說明(網站) Pagamo Line貼圖 (範例) 個人貼圖 (範例) 用LINE Creater製作第一個貼圖(影片) Animate CC製作LINE動態貼圖教學影片 Line Creator Market 相關軟體 Pngyu 免費壓縮PNG檔案大小軟體 APNG Assemblyer下載 (製作動態PNG軟體) 補充教材(躍動的網頁) 骨塊動畫~長頸鹿素材檔完成檔 #1	學習單4_LINE動態貼圖與期中報告 Animate CC製作LINE動態貼圖教學PPT
08	04/01	骨塊動畫	骨塊動畫跳舞娃娃原始檔形狀補間動畫新 Asset warping in Adobe Animate 素材檔 (蠟燭動畫) 新功能介紹	完成檔 CuteDance螢幕保護程式範例螢幕保護程式螢幕保護程式Instant Storm 學習單#4 骨塊工具
09	04/08	期中作品報告期中報告說明PPT	網路空間上傳 107 105 舊 104 範例期中繪本動畫參考1 熊之初期中繪本動畫參考 2 Owl 期中繪本動畫參考 3 短耳兔期中繪本動畫參考 4.兒童繪本期中繪本動畫參考 5.交通安全	學習單：期中專題素材下載何謂創用CC 台灣創用CC計畫免費圖庫下載 46個免費圖庫網站 9個免費設計素材網站 20個創用CC的音樂下載運鏡技巧 7種運鏡技巧
10	04/15	多媒體互動藝術專題浮空投影專題 [素材下載] [紙模範本下載] [威力導演試用版下載]	製作原理製作浮空投影原理測試用影片浮空投影影片#1 浮空投影影片#2 浮空投影影片#3 製作方法用CD光碟片製作用威力導演製作浮空投影 Premiere Pro基礎操作教學片頭素材網站 Velsofy 片頭素材網站影片教學完成範例 ICON素材 ICONFinder 素材網站	Hologram Video 水母製作方式＃1 製作方式#2 製作方式#3 塑膠瓶製作方式#4 學習單: 浮空投影
11	04/22	Unity 2D基礎遊戲教學	Unity教學資源下載位置 Asset Store 教學網站 Unity教學網站(劉亮亮) 2D UFO遊戲#1 專案檔下載
12	04/29	2D基礎遊戲教學	2D UFO遊戲#2
13	05/06	2D射擊遊戲	2D太空射擊遊戲（from 讀樂島）素材說明教學PPT	學習單5. 太空射擊遊戲#1 Rigidbody2D & Collider 2D的說明程式碼 ShipControl#1 往右移動 ShipControl#2 往左移動 ShipControl#3 發射子彈 TopSideFunction#1_碰撞偵測 Invader#1_敵人控制 BottomSideFunciton#1_碰撞偵測 GameFunction#1_產生敵人 Invader#2_消滅敵人與碰撞
14	05/13	2D射擊遊戲	2D太空射擊遊戲#2	程式碼 Explode#1 爆炸控制 Invader#3_碰到敵人爆炸動畫 UI 程式碼 GameFunciton#2_顯示分數 GameFunction#3_控制UI顯示與Play按鈕 GameFunction#4_設定顯示GameOver GameFunction#5_設定Restart&Quit按鈕音效免費背景音樂免費音效
15	05/20	2D橫向卷軸遊戲	2D下樓梯遊戲#1 (勇者拉德小酒館）說明	陳間時光影片教學程式碼
16	05/27	2D橫向卷軸遊戲	2D下樓梯遊戲#2
17	06/03	2D航向卷軸遊戲	2D Mario Game遊戲（余月）說明
18	06/10	專題報告	2D 射擊遊戲完成版 10702 期末專題說明PPT
		補充教材 Playmaker	Playmaker 15分鐘做Flappy bird
		Flash 例子效果 Flash粒子系統
		補充教材 Live 2D 教學網站下載試用版 Live 2D 動畫軟體教學 Live 2D 英文版下載