星期四, 12月 30, 2010

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

1. 範例程式講解 (2)

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

  DMC-SP-GIF.c

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

 
 
 
 

星期四, 12月 23, 2010

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 畫出來。

 
 
 
 

星期四, 12月 16, 2010

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 影像創作之效果




 

星期一, 12月 06, 2010

Week 13: 校外教學

SONY 3D World 異想世界



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

 


檢視較大的地圖


 

星期三, 12月 01, 2010

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

Note: 2010F 第一次小考

題目:



各題成績:



成績分布圖:


 

星期四, 11月 25, 2010

SONY 3D World 異想世界





我們已經完成校外的報名手續了...



接下來, 需要跑校內行政的公文流程。

由於學校規定校外教學需要幫同學投保意外險, 因此, 需要同學填寫相關基本資料, 請修課同學儘快到 Google Docs 中填寫, 以利活動之進行。
 

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

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

  下載點 

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

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

  3.2.1 GIF (維基百科)

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

星期三, 11月 17, 2010

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)

星期四, 11月 04, 2010

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

星期四, 10月 28, 2010

Week 7: TCanvas

 

1. TCanvas
  Prush::Color
  FillRect
  Pen
  Rectangle
  Polygon

2. 範例程式

 
 
 
 
 

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

4. Partly Cloudy

 
 

星期四, 10月 21, 2010

星期四, 10月 14, 2010

Week 5: 多媒體製作

1. § 2.1.2 多媒體製作

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

 

News: 台藝大動畫畢業作 11萬人爭看

日本雅虎點閱率冠軍 學者讚:台灣之光



【陳威廷、楊惠琪╱台北報導】甫自台灣藝術大學多媒體動畫藝術系畢業的虞雅婷、鍾玲、葉亞璇,畢業動畫作品《Out of Sight》(中文名稱為《敲敲》),上周五登上日本雅虎首頁,並高居日本雅虎「動畫網」點閱率第一名,吸引十一萬人次點閱。虞雅婷說:「很意外、很開心。」學者大讚這三名學生是「台灣之光」。

官方網站

藉盲眼女童警世

該動畫敘述一名看不見的小女孩撿到一枝神奇魔棒,揮舞魔棒就會變換出令人多彩奇異的世界,但小女孩只能用手觸摸周遭變化,片長五分多鐘。二十二歲的虞雅婷說,創作此動畫,是要諷刺凡事眼見為憑、卻不用心體會的社會。

該片八月上傳 YouTube 影音網站(http://www.youtube.com/watch?v=4qCbiCxBd2M),至今累計近三十九萬人次點閱,上月初被轉貼到日本雅虎「動畫網」(http://videotopics.yahoo.co.jp/videolist/official/anime/pcaaadfdb9994fd77cffa7c8af4440deb) 後,上周五登上日本雅虎首頁,並居動畫網點閱人次第一名,吸引十一萬人次爭睹。網友 ishiblack 說:「台灣就是需要更多這種能扣人心弦的作品。」日本網友 0319hal 則直呼:「感動」。

虞雅婷昨說:「對紅到日本很意外也很開心,但仍保持平常心繼續努力。」鍾玲和葉亞璇則拒絕受訪。實踐大學時尚與媒體設計研究所所長曲家瑞說:「以往都是台灣人風靡日本動畫,現在是日本人看台灣動畫,這三名學生很了不起,絕對是台灣之光。」

星期四, 10月 07, 2010

Week 4: HTML, XML, 3D 動畫

1. HTML, CSS

2. XML, SMIL

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







4. C++ Builder 程式實作

 範例程式
 
 

星期六, 10月 02, 2010

Chromium: WebP, a new image format for the Web

by Richard Rabbat, Thursday, September 30, 2010
[Original Link]

As part of Google's initiative to make the web faster, over the past few months we have released a number of tools to help site owners speed up their websites. We launched the Page Speed Firefox extension to evaluate the performance of web pages and to get suggestions on how to improve them, we introduced the Speed Tracer Chrome extension to help identify and fix performance problems in web applications, and we released a set of closure tools to help build rich web applications with fully optimized JavaScript code. While these tools have been incredibly successful in helping developers optimize their sites, as we’ve evaluated our progress, we continue to notice a single component of web pages is consistently responsible for the majority of the latency on pages across the web: images.

Most of the common image formats on the web today were established over a decade ago and are based on technology from around that time. Some engineers at Google decided to figure out if there was a way to further compress lossy images like JPEG to make them load faster, while still preserving quality and resolution. As part of this effort, we are releasing a developer preview of a new image format, WebP, that promises to significantly reduce the byte size of photos on the web, allowing web sites to load faster than before.

Images and photos make up about 65% of the bytes transmitted per web page today. They can significantly slow down a user’s web experience, especially on bandwidth-constrained networks such as a mobile network. Images on the web consist primarily of lossy formats such as JPEG, and to a lesser extent lossless formats such as PNG and GIF. Our team focused on improving compression of the lossy images, which constitute the larger percentage of images on the web today.

To improve on the compression that JPEG provides, we used an image compressor based on the VP8 codec that Google open-sourced in May 2010. We applied the techniques from VP8 video intra frame coding to push the envelope in still image coding. We also adapted a very lightweight container based on RIFF. While this container format contributes a minimal overhead of only 20 bytes per image, it is extensible to allow authors to save meta-data they would like to store.

While the benefits of a VP8 based image format were clear in theory, we needed to test them in the real world. In order to gauge the effectiveness of our efforts, we randomly picked about 1,000,000 images from the web (mostly JPEGs and some PNGs and GIFs) and re-encoded them to WebP without perceptibly compromising visual quality. This resulted in an average 39% reduction in file size. We expect that developers will achieve in practice even better file size reduction with WebP when starting from an uncompressed image.

To help you assess WebP's performance with other formats, we have shared a selection of open-source and classic images along with file sizes so you can visually compare them on this site. We are also releasing a conversion tool that you can use to convert images to the WebP format. We're looking forward to working with the browser and web developer community on the WebP spec and on adding native support for WebP. While WebP images can't be viewed until browsers support the format, we are developing a patch for WebKit to provide native support for WebP in an upcoming release of Google Chrome. We plan to add support for a transparency layer, also known as alpha channel in a future update.

We're excited to hear feedback from the developer community on our discussion group, so download the conversion tool, try it out on your favorite set of images, and let us know what you think.
 

星期五, 10月 01, 2010

BNEXT: Google 發表影像壓縮新技術 取代過時的 JPEG

數位時代網站新聞精選 原始連結
撰文者: 戴佳慧 日期:2010/10/01

一向以完美網頁瀏覽體驗為己任的 Google 再出新招!今天 Google 在 Chromium 官方部落格上發表了一種全新影像格式 WebP,能大幅改善網頁圖檔的傳輸效能。經過 WebP 壓縮的影像,檔案大小比常見的 JPEG、GIF、PNG 格式平均減少了 39%,色調和色彩演繹相較之下也毫不遜色。

Chromium 部落格指出,今日的網頁傳輸有 65% 用在影像和照片下載。在行動網路和頻寬有限的情況下,使用者點開網頁之後,還要耐心等待圖片緩緩展開。為了提供使用者更順暢、更愉快的網頁瀏覽經驗,Google 利用全新壓縮技術 VP8 設計了一套新的影像壓縮格式 WebP,大幅減少圖檔大小,讓網頁下載更迅速。

VP8 原本是由美國上市科技公司 On2 所開發出來的視訊壓縮格式,Google 在今年年初收購了On2,接著在五月開放 VP8 技術原始碼。Google 看出 VP8 技術在圖像失真壓縮上也大有可為,足以取代過時的 JPEG、GIF 格式等早年研發成果,因此將 VP8 稍加改編之後推出了新的 WebP 影像格式。

Google 隨機在網路上找了一百萬張圖片作測試,比較 WebP 和傳統格式的壓縮效能和畫質,並分享了幾中幾張圖片讓網友們參考。Google 網站上也提供了轉換軟體,能夠將各種格式的圖片輕鬆轉換成 WebP 檔,歡迎網友們一同試用比較。

星期四, 9月 30, 2010

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. 實作課程

星期四, 9月 23, 2010

BNEXT: HDCP 主密鑰外洩, DVD、藍光防盜拷機制全面瓦解

數位時代網站新聞
撰文者: 戴佳慧 發表日期: 2010/09/20

用以防止非法拷貝 DVD、藍光數位內容的 HDCP 規格,上周傳出已遭駭客破解。制定 HDCP 的 Intel 也向媒體承認,網路上流傳的破解屬實。換言之,市面上所有高畫質 DVD、藍光光碟在技術上都已能夠被解碼、拷貝,高畫質數位內容的保護機制全面瓦解。

HDCP(High Bandwidth Digital Content Protection)是 Intel 開發用來防止高畫質影音資料遭到非法拷貝的機制。生產DVD或藍光播放設備的廠商,必須獲得 HDCP 委員會許可,支付權利金,並且生產符合 HDCP 的規定的商品。

HDCP 會將通過 DVI 和 HDMI 介面的影音資料加密,加密過程是以串流的方式進行,因此每個畫面都會產生不同的金鑰。影音播放器(或電腦顯示卡)和顯示器雙方都必須內建 HDCP 晶片才能夠解密,以高畫質正常播放影音內容,否則只會出現雜訊或 480p 以下的低解析度畫面。

由於 HDCP 使用的是線性密鑰,密碼學家早在 2001 年就對 HDCP 的安全性提出質疑,但 HDCP 還是在 2004 年通過美國聯邦通訊委員會 FCC 的審查正式上路,成為數位內容保護的標準。直到上星期 Pastebin 網站出現一篇不具名的文章,內容包含 HDCP 完整主密鑰和破解方法,引起媒體和大眾熱烈討論,Intel 才正式承認 HDCP 已遭到破解。

HDCP 的主密鑰外洩,對數位影音版權將產生莫大衝擊。Intel 一方面展開調查,一方面提醒大眾,拷貝高畫質 DVD 和藍光屬非法行為,且 HDCP 仍受專利權法保護,Intel 將會對非法使用 HDCP 密鑰的廠商採取法律行動。
 

星期日, 9月 19, 2010

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 ( 事件驅動程式設計 )
 

星期四, 9月 16, 2010

Week 1: 2010F 課程進行方式

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

     

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

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

     

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

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

星期四, 1月 07, 2010

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

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

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

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

星期五, 1月 01, 2010

Week 16: RIFF & WAV Format

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

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

 
 
3. AAC Audio

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

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