多媒體概論 2024
（Introudction of Multimedia)

01

[ 課程介紹 ]

[ 課程規劃 ]

一、基礎篇

UNITY基礎(操作介面)

• 教學PPT
• Unity Asset Store

UNITY教學影片

1. [ Unity ] UNITY 2019/2020以上新版本的安裝

2. [ Unity ] Visual Studio Code安裝設定

3. [ Unity ] [ AR ] Vuforia使用!

4. [ Unity ] Unity安裝方法 (Hub 舊版本 UNITY 2018安裝）

課堂作業

補充內容

互動多媒體技術範例

• 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

一、基礎篇

[ 網路不錯的Unity 2D遊戲製作教學 ]

Unity 2D遊戲角色移動 程式篇

在Unity製作2D遊戲（from 素材商店）

• 關卡設計教學
• 素材商店
• 移動跳躍蹲下製作

Unity Angry Bird （簡易版）

• 教學
• 素材
• 彈弓教學
• 彈弓素材
• Sprite Pack in Asset Store

Unity Angry Bird（完整進階版）

• Project download
• #1 Worlds/Levels
• #2 HUD & Score display
• #3 Saving/Loading with PlayPrefs

Unity 遊戲程式教學 （米飯教學教室）

• #1 基本環境操作介紹
• #2 基本C#程式設計觀念介紹
• #3 變數觀念與位移
• #4 專案整理、變數修飾詞及邏輯運算子
• #5 動畫片段建立與動畫控制
• #6 觸發區域與產生、刪除物件
• #7 透過陣列與迴圈處理重複事件
• #8 角色跳躍與著地
• #9 UI介面與計分

Unity 遊戲程式教學(SGD)

• #1基本介面操作
• #2腳色攻擊與冷卻
• #3攝影機追隨
• #4 UI血條
• #5 動畫控制

Unity MENU

• #1 Start MENU
• #2 Pause MENU
• Gorgeous StartMenu

Unity Game 15分鐘

• 15分鐘做一個無限背景捲軸遊戲
• 恐龍素材下載
• 超實用免費遊戲素材介紹

期初問卷調查與作業

補充教材

何謂4K/1080P

• 解析度說明
• 1080i/1080P的說明
• PS轉換顏色數
• 4K示意與說明
• 素材 Quad4k #1 4K#2

繪本動畫

• 文化部繪本花園
• 繪本動畫
• 繪本動畫網
• 繪本動畫製作
• 得獎繪本動畫
• 短耳兔

3D動畫Technology

PS 快速去背

• CC選取並遮住
• 快速遮色片模式

UNITY 程式基礎

C#程式設計

C# 程式設計 & Vector class介紹

• 投影片PPT

開發工具下載區

• Monodevelop
• Microsoft Visual Studio Code
• Microsoft Visual Studio

03/11

UNITY 遊戲製作基礎

遊戲物件的配置與動作

製做第一個手機遊戲APP

基礎操作

輪盤轉動遊戲

投影片PPT

素材下載

prg#1 (均速轉動)

prg#2 (慢速轉動)

android APK

學習單2_遊戲製作基礎

安裝環境

Unity

• Download
• 介紹

手機Android工具

• JDK
• Anrdoid Studio
• 手機設定進入開發者模式
• 發布設定

手機MAC工具

• Xcode
• iTunes下載(舊版)

05

03/18

UNITY遊戲製作基礎

UI與導演物件

專案與場景

角色移動

投影片PPT

素材下載

程式

• prg#1 (滑鼠左鍵車子移動)
• Homework4-1 (左鍵往左、右鍵往右移動）
• prg#2 (滑鼠拖曳移動車子)
• prg#3 (透過UI顯示距離) (舊版無法使用)
• TextMeshPro (透過UI顯示距離)(新版用法)
• Homework4-2 (左鍵次數顯示在UI）

教學影片 (TextMesh Pro中文字)

• TextMeshPro中文字型建立方式
• 成果範例影片
• 中文字型下載 (台北黑體)

學習單3_UI與導演程式

03/25

線上

UNITY遊戲製作基礎

3D立方體旋轉

3D立方體旋轉

• 教學PPT
• 教學影片 (Youtube)

程式

• cubecontroller (單純版)
• CubeController (進階版)
• baseCamera
• UI

Unity + WebGL + Github

• 教學PPT
• WebGL發布方法教學 (Youtube)

基礎專案檔

專案檔

執行範例 (Github_WebGL)

• 執行範例 (中文字版)
• 執行範例

學習單6_Unity3D旋轉

WebGL發布問題解決

• windows使用者名稱與目錄都需要英文
• 修改Player setting

期中作品說明

網路空間上傳

• 112

Notion網站彙編

• 112

AIGC創作遊戲

• chatgpt+midjourney創作遊戲

過去成果

雲端空間

• 舊 | 104 | 105 | 109 | 110 | 111

Notion

• 舊 | 111 |

素材下載

• 何謂創用CC
• 台灣創用CC計畫
• 免費圖庫下載
• 46個免費圖庫網站
• 9個免費設計素材網站
• 20個創用CC的音樂下載

運鏡技巧

• 7種運鏡技巧

LINE貼圖教學

• 教學ppt
• 雲端空間
• 相關連結
• 
  
• 教學ppt (劉倩妤)
• 素材雲端空間
• 貼圖排行榜
• LINE官方部落格 排行

教學影片

1. 貼圖種類分享
2. 製作步驟
3. 實際操作（AI)
4. 實際操作（PS)
5. 貼圖上架

學習單4C_LINE貼圖

Adobe firefly

• Adobe firefly網站
• 介紹影片(Youtube)

LINE 貼圖

貼圖營運面

• LINE貼圖營運說明(影片)
• LINE素人貼圖會賺錢嗎? (影片)

製作教學

• 貼圖設計理念說明(影片)
• LINE貼圖與上架說明(網站)
• Pagamo Line貼圖 (範例)
• 個人貼圖 (範例)
• 用LINE Creater製作第一個貼圖(影片)
• Animate CC製作LINE動態貼圖教學影片
• Line Creator Market

相關軟體

• Pngyu 免費壓縮PNG檔案大小軟體
• APNG Assemblyer下載 (製作動態PNG軟體)

學習單4_LINE動態貼圖與期中報告

Animate CC製作LINE動態貼圖教學PPT

04/15

UNITY 遊戲製作基礎

Prefab與衝突判定

投影片PPT

素材下載

prg5-1 (角色左右移動)

prg5-2 (箭頭落下)

prg5-3 (箭頭與角色衝突判定) (半徑距離法)

prg5-4 (箭頭角色自動亂數產生)

prg5-5 (減少hp)

prg5-6 (ArrowController呼叫減少hp)

---------[補充新增功能]-------------------

prg5-7 (箭頭產生並新增全域變數）

prg5-8 (箭頭控制並顯示次數）

學習單4_Prefab與衝突判定

[教學影片]

• Ch5 1&2 角色移動
  
• Ch5 3 箭頭落下
  
• Ch5 4衝突判定
  
• Ch5 5 Prefab
  
• Ch5 5b Prefab蘋果
• Ch5 6 UI生命值控制
• Ch5 6b UI生命值增加
• Ch5 7按鈕
  

UNITY AI距離偵測

UNITY UI影像與文字顯示控制

04/22

UNITY 遊戲製作基礎

永續食物遊戲概念

[影片#1]

[影片#2]

[期中作品完成示範影片] [ 遊戲網址]

發布至Github步驟教學

11

04/29

UNITY 遊戲製作基礎

Physics與動畫製作

投影片PPT

素材下載

prg6-1 (角色左右移動)

prg6-2 (角色左右移動加速＆跳躍)

prg6-3 (角色動畫速度控制)

prg6-4 (攝影機控制)

prg6-5 (終點碰撞偵測)

prg6-6 (過關場景切換至遊戲場景)

prg6-7 (遊戲場景切換至過關場景)

prg6-8 (修正不能二段跳＆死亡自動重新開始)

prg6-9 (增加手機傾斜用加速器控制)

prg6-10 (跳躍動畫與動畫速度控制)

學習單5_Physics與角色控制

補充教材

補充教材

prg6-11 (多物件碰撞偵測 tag)

prg6-12 (顯示蘋果次數於ui)

prg6-13 (金幣碰撞&播放音效)

prg6-14 (修正金幣碰撞&播放音效 的問題)

教學影片

補充功能製作 (影片)

發射子彈製作

發射子彈製作

• 教學PPT
• 素材
• FireController程式
• BulletController程式
• 執行結果 (Youtube)

MENU製作

MENU製作

• MENU製作教學ppt
• 程式碼
• 素材
• 2D menu製作影片（英文）

期末報告#1

期末專題說明

期末專題雲端空間

Notion網站彙編

舊版本

雲端空間

| 107 | 109 |110| 111|

2D 射擊遊戲完成版

10702 期末專題說明PPT

2D橫向卷軸遊戲

Angry Bird

• 教學ppt
• 素材下載
• 程式碼

2D橫向卷軸遊戲

2D下樓下樓梯遊戲#1 (勇者拉德小酒館）

說明

陳間時光

影片教學

程式碼

像素風練習

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_消滅敵人與碰撞

補充教材

2D射擊遊戲

2D太空射擊遊戲#2

程式碼

Explode#1 爆炸控制

Invader#3_碰到敵人爆炸動畫

UI 程式碼

GameFunciton#2_顯示分數

GameFunction#3_控制UI顯示與Play按鈕

GameFunction#4_設定顯示GameOver

GameFunction#5_設定Restart&Quit按鈕

音效

• 免費背景音樂
• 免費音效

Unity

2D基礎遊戲教學

Unity教學資源

• 下載位置
• Asset Store
• 教學網站
• Unity教學網站(劉亮亮)

2D UFO遊戲#1

專案檔下載

2D航向卷軸遊戲

2D Mario Game遊戲 （余月）

說明

Live2D

• 教材壓縮檔
• Live2D in Unity教學PPT
• Live2D導入Unity影片
• Live2D官網

多媒體互動藝術專題

浮空投影專題

[素材下載]

[紙模範本下載]

[威力導演試用版下載]

製作原理

• 製作浮空投影原理

測試用影片

• 浮空投影影片#1
• 浮空投影影片#2
• 浮空投影影片#3

製作方法

• 用CD光碟片製作
• 用威力導演製作浮空投影

Premiere Pro基礎操作教學

片頭素材網站

• Velsofy 片頭素材網站
• 影片教學
• 完成範例

ICON素材

• ICONFinder 素材網站

Hologram Video

水母

製作方式＃1

製作方式#2

製作方式#3 塑膠瓶

製作方式#4

學習單: 浮空投影

UNITY連結 資料庫寫入

UNITY+PHP資料庫寫入教學PPT

程式

• 資料庫SQL (simledata.sql)
• PHP程式 (addscore)
• UNITY C# (php.c#)

壓縮檔

進階程式(將使用者點什麼按鈕存入資料庫)

UNITYC#

• cube_controller_new
• php (加入按鈕資料傳送)

Playmaker

Playmaker

• 15分鐘做Flappy bird

UNITY 3D game kit

• 3D game kit 影片demo
• 3D game kit asset store

2D game kit

• 2D game kit asset store

UNITY BOLT (new visual scripting tool)

• BOLT demo
• BOLT asset store
• BOLT tutorial
• BOLT tutorial asset

Flash 例子效果

Flash粒子系統

補充教材

Live 2D

• 教學網站
• 下載試用版
• Live 2D 動畫軟體教學
• Live 2D 英文版下載