Week 17: 程式實作 (3)

本週給同學在課堂上撰寫程式, 完成作業, 請於今天完成所有作業的繳交!

3D 立體影像程式設計

左眼眼鏡: 紅色鏡片
右眼眼鏡: 藍色鏡片

進入左眼影像: 只留紅色, 將綠色、藍色之色彩值設為 0。
進入右眼影像: 保留綠色、藍色, 將紅色之色彩值設為 0。

合成圖: 從左眼影像取得紅色色彩, 從右眼影像取得綠色、藍色(青色) 之色彩值。


Note: 作業繳交須知

同學繳交作業請記得加註 "學號 姓名" 標籤,
否則無法登記成績, 後果自行負責!

作業如果分成 3 個部分, 請不要分散在 3 篇文章中繳交,
請整合成一篇完整的報告!

3D 作業評分要點:
1. 一定要能看出立體效果!
2. 立體圖必須要能連結到大圖, 如果小圖看不到效果, 就等於看不出立體效果!
3. 評分等級: 自己寫程式分數 ( A 級分 )
　　　 高於 用 Photoshop 製作 ( B 級分 )
　　　 高於 用現成軟體製作 ( C 級分 )

對了, 報告還是要有報告的樣子 !
別太敷衍了事 !
一定會影響到成績 !
　
所有的作業, 請在星期四 ( 2011/1/6 24:00 ) 完成上傳 !
謝謝!



Youtube 的 3D 簡介

Week 16: 程式實作 - GIF 檔案處理 (2)

1. 範例程式講解 (2)

本範例程式可以讀取與顯示 GIF 影像檔案中的調色盤。

　　DMC-SP-GIF.c

顯示的方式為使用一個影像元件, 然後用 FillRect 這個 method 畫出來。

　
　
　
　

Week 15: 程式實作 - GIF 檔案處理 (1)

1. 程式實作: 檔案處理
　 file-text.txt
　　a. FILE *fopen(const char *filename, const char *mode);
　　b. int fseek(FILE *stream, long offset, int whence);
　　c. size_t fread(void *ptr, size_t size, size_t n, FILE *stream);
　　d. size_t fwrite(const void *ptr, size_t size, size_t n, FILE *stream);
　　f. int fclose(FILE *stream);

2. 範例程式講解 (1)

本範例程式可以讀取與顯示 GIF 影像檔案中的調色盤。

　　DMC-SP-GIF.c

顯示的方式為使用一個影像元件, 然後用 FillRect 這個 method 畫出來。

　
　
　
　

Week 14: GIF 動畫格式 (GIF format)

作業二: GIF 動畫創作與 GIF 格式解析

　本次作業分成以下三部分:

1. 使用 GIF 動畫製作軟體創造一個 GIF 動畫。

2. 用 PSPad 軟體解析所創造出來的 GIF 動畫檔案, 並將解析結果報告完整呈現。

3. 用 C++ Builder 將 GIF 動畫檔案 中的基本資料, 調色盤等顯示出來。
　
作業三: 3D 立體影像創作

　本次作業分成以下四部分:

1. 「Sony 3D World 異想世界」參觀感想

2. 用數位相機分別拍攝左眼影像與右眼影像

3. 用 C++ Builder 將上述兩張影像創作出一張紅藍濾鏡的 3D 立體影像。

4. 討論 3D 影像創作之效果




　

Week 13: 校外教學

SONY 3D World 異想世界



集合地點: 阪急百貨台北店二樓 Starbucks 咖啡 門口
集合時間: 2010/12/09　 9:10 am
　


檢視較大的地圖


　

Week 12: 檔案處理

1. Week 13: Sony 3D 異想世界 校外教學活動

2. 檢討 第一次小考 題目

　　

　　

　　

　　

　　

　　

3. § 3.2.1 GIF

　　

4. Package: PSPad

　　

5. 程式實作: 檔案處理
　 file-text.txt
　　a. fopen
　　b. fseek
　　c. fread
　　d. fwrite
　　f. fclose

Week 11: Ch3 圖形與影像的表示方式 (part 3)

1. 免費動畫製作軟體: Microsoft GIF Animator

　　下載點　

　　如果安裝時發生 Bootstrp Error, 請將新注音輸入法改成非預設輸入法！

2. § 3-2 常見的檔案格式

　　3.2.1 GIF (維基百科)

3. 本週第三節課 (11:10) 舉行本學期的第一次小考, 請同學移至 S414 教室, 請隔排坐, 只坐奇數排應考。 　

Week 9: CH3 圖形與影像的表示方式 (Part 2)

§ 3.1 圖形與影像的表示方式
　3. 影像資料形態
　　　a. 24-bit 色彩
　　　b. 8-bit 色彩
　　　c. 壓縮技術: 失真與非失真
　4. 24 位元彩色影像
　5. 16 位元彩色影像
　6. 8 位元彩色影像
　7. 顏色查詢表 (LUTs):
　　　a. 調色盤類型影像(palette-based images)

Week 8: CH3 圖形與影像的表示方式 (Part 1)

§ 3.1 圖形與影像的表示方式
　1. 1 位元影像
　　　a. 二元影像 binary image
　　　b. 單色影像 monochrome image
　2. 8 位元灰階影像
　　　a. 灰階值 gray value : 0-255
　　　b. 點陣圖 bitmap
　　　c. 解析度 resolution
　　　d. 畫面緩衝區 frame buffer
　　　e. 位元平面 bitplane
　　　f. 混色 dithering
　　　g. 半色調列印法 halftone printing

Week 7: TCanvas

　

1. TCanvas
　　Prush::Color
　　FillRect
　　Pen
　　Rectangle
　　Polygon

2. 範例程式

　
　
　
　
　

3. 作業: 請利用最近兩週所教的繪圖技巧, 製作一個繪圖應用程式。
　　繳交期限: Week 9, 週三, 晚上 12 點以前
　　繳交部落格: Homework Show @ DMC

4. Partly Cloudy

　
　

Week 6: 程式實作

　　範例程式

Week 5: 多媒體製作

1. § 2.1.2 多媒體製作

　　請同學搭配台藝大畢業製作 Out of Sight 官方網站 的 製作過程 來閱讀課本本節的內容。

　

Week 4: HTML, XML, 3D 動畫

1. HTML, CSS

2. XML, SMIL

3. 什麼是動畫? 什麼是 3D 動畫?
　 想想其差別在哪?







4. C++ Builder 程式實作

　範例程式
　
　

Week 3: CH 1 多媒體緒論

1. 理論課程
　§ 1-1 什麼是多媒體?
　　　　電腦視覺監控產學研聯盟
　§ 1-2 多媒體和超媒體
　§ 1-3 全球資訊網
　　　　維基百科:
　　　　　a. CSS
　　　　　b. XML
　　　　　c. Synchronized Multimedia Integration Language
　§ 1-4 多媒體軟體工具概述
　§ 1-5 延伸閱讀
　§ 1-6 習題

2. 實作課程

Week 2: What Is C++ Builder ?

1. 實作課程
　a. C++ Builder [ 維基百科, 官網, 台灣總代理興德資訊 ]

　　C++ Builder 是 CodeGear 針對 C++ 程式語言所開發的快速應用程式開發工具 ( Rapid Application Development, RAD ), CodeGear 為 C++ 加入了許多的視覺化元件, 配合整合開發環境 ( Integrated Development Environment, IDE ), 推出了 C++ Builder 這個產品, 加速了一個視窗應用程式的開發。

　b. Basic Concepts of C++ Builder Programming

　(1) applications
　(2) units
　(3) forms
　(4) VCL ( visual component library )
　(5) components, component palette



　(6) objects
　(7) object inspector

　　　

　(8) properties
　(9) events
　(10) methods
　(11) event-driven programming ( 事件驅動程式設計 )
　

Week 1: 2010F 課程進行方式

1. 教科書:
　　(理論) 多媒體概論 Fundamentals of Multimedia
　　　　　 原著: Li & Drew 譯者: 徐永煜 等
　　　　　 代理: 高立圖書有限公司

　　　　　

　　( PART I ) 多媒體創作與資料表示法
　　　　第一章 多媒體緒論
　　　　第二章 多媒體創作與工具
　　　　第三章 圖形與影像的表示方式
　　　　第四章 影像與視訊的色彩
　　　　第五章 視訊的基本概念
　　　　第六章 數位音訊的基礎

　　(實作) C++ Builder 6 完全攻略
　　　　　 作者: Time 研究室
　　　　　 出版: 上奇圖書有限公司

　　　　　

2. 評分原則:
　　(理論) 小考 ( 45% )
　　(實作) 作業部落格 Homework Show @ DMC 繳交程式作業 ( 45% )　
　　(課堂表現) 出缺席, 上課玩 Game, 睡覺...等 ( 10% )

3. 點名簽到: 每週第一堂課就會發 簽名單 給同學簽到。
　

Week 17: 期末課程回顧與檢討

1. 學期總成績公布 (2010/1/20 23:53 更新)

2. 作業八 (加分作業): 期末心得與檢討 ( 可加 1 ~ 3 分 )

3. 成績說明:
　a. 出缺席成績佔總分 10 分, 缺席 1 次扣 1 分。
　b. 上課互動成績佔總分 20 分, 互動紀錄 1 次可得 2 分。
　c. 已經公布之作業成績, 若在上繳期限內有做更新,
　　請務必用 email 通知我重新評分, 否則就是以公布成績為準。
　

Week 16: RIFF & WAV Format

1. RIFF: Resource Interchange File Format ( 資源交換檔案標準 )

2. 如何在 C++ Builder 程式中, 播放一段 WAV 檔

　
　
3. AAC Audio

4. PCM: Pulse-code modulation ( 脈衝編碼調變 )

5. 作業七: 撰寫一個可以處理音訊的程式。
　　　　　例如: 修改聲音大小的功能。

Week 15: Audio File Format

1. Audio File Format ( 音頻檔案格式 )

2. Apple's 數位音樂入門

　從 CD 匯入音樂到 iTunes









　I Dreamed There Was No War 1:37"
　
　檔案格式　　　　　檔案大小
　WAV　　　　　　　17,277,836 位元組

　　

　AIFF　　　　　　　17,280,112 位元組

　　

　Apple Lossless　　8,175,810 位元組

　　

　MP3　　　　 　　　2,354,555 位元組

　　

　AAC　　　　　　　1,591,708 位元組
　
　　

3. 作業六: 請轉寫一個程式, 可以將 WAV 檔頭資料顯示出來。
　　　　( 可以將音訊波形顯示出來者尤佳 )

Week 14: GIF Format (2)

1. 範例程式講解

　 a. 彩色或灰階 BMP 影像之自動讀取

　 b. GIF 影像調色盤之讀取

2. 導讀 Wikipedia 之 GIF 條目: Graphics Interchange Format

3. 課程重要公告:

　請同學於下週二 (12/22) 以前完成上傳作業 1~3 , 逾期後果請自行負責。