顯示具有 98360411 吳豐任 標籤的文章。 顯示所有文章
顯示具有 98360411 吳豐任 標籤的文章。 顯示所有文章

2011年1月7日 星期五

HW#2

part1_

這次作業是要製作動態的 GIF 圖檔,一開始沒什麼靈感,想說去網路上找找,去 GOOGLE 搜尋"連續動作"就找到一張圖,如《圖一》

《圖一》

後來想說能不能找到的圖是以一張一張的照片連續拍攝而成的連續動作圖,找了一陣子的圖終於找到兩張可以拿來當作題材。
圖檔如下:




《圖二》



《圖三》
 將每張小圖照順序在小畫家中做裁切,並儲存成 GIF 格式的圖檔後,再利用老師在課堂上介紹 Microsoft GIF Animator 這套軟體將這些小圖一張一張的按照順續擺上去,下面幾張圖為製作過程:
《圖四》





圖四》記得將每張圖全選起來並勾選 Looping 、Repeat Forever ,這樣完成圖就會是一張連續、重複的圖檔。











《圖五》




圖五》則是在調整每張圖片的間隔時間,可以依自己所想要的速度調整快、慢。














以下兩張圖就是完成品!!

《完成品一》

《完成品二》

part2_

第二部分的作業是要將第一部分所完成的動態 GIF 圖檔用 PSPad 以十六進位的表示法開啟,
並分析各個部分所代表的意義。

我就挑了 part1 裡的《完成品一》來分析,選擇 PSPad HEX 方式開啟


《分析結果一》

《分析結果二》
                                                                           
以上就是我的分析結果,經由這次的作業可以學習到如何從 PSPad 中了解到簽章格式、圖檔的高跟寬像素質、色彩對應圖的十六進位儲存方式。



part3_

第三部分將 GIF 圖檔的調色盤值在 C++ Builder 用程式顯示出來。

《圖一》
圖一》為 Form1 的樣式,把 OpenDialogMainMenuLabelImage 放在 Form 上,並依照老師上課講解的程式碼一步一步操作, https://docs.google.com/document/d/1d99AkgaZV0YqdQKAdlYoNEftAOW-W4YZuOZYSsztnIM/edit?hl=en%3Cbr+/%3E&pli=1#
從讀檔、及利用 HW#1 裡老師所教的 FillRect 就可以將調色盤的色彩值以正方形的方式顯示在 Form 上面

《圖二》
圖二》為還沒讀入檔前的圖,選擇選單上的 File -> Open 

《圖三》
圖三》為測試讀入老師放在部落格上的那張綠色昆蟲的圖片,看結果是否有符合!

《圖四》
圖四》為開啟 part1 中《完成品一》的結果,但覺得顯示的結果好像都原圖所呈現的顏色不太一樣,後來在重複 part1 的步驟將連續圖改用 Photoshop 去裁切並用 Microsoft GIF Animator 再製作一張一模一樣的《完成品一》,再讀入一次,結果如下

《圖五》

才發現經由小畫家轉 GIF 檔的圖,調色盤的結果會都一樣,但 Photoshop 則是會依原來讀檔該有的調色盤作轉換。

2010年12月16日 星期四

HW#3

part1_

Sony 3D 校外參展_
  
     這次參加3D Sony展的校外教學,有許多令人驚艷的展出成品。

     一進入會場,就發給每人一副觀看3D影像專用的眼鏡,藉由觀賞3D LED巨型螢幕為大家做個3D視覺的導覽,從電影、運動、娛樂、攝影、環保等多方面介紹,Sony在各領域中所帶領給大家一種全新的感覺。

     影像方面的成品有日本大阪水族館的介紹短片,當中在看的過程,有種身歷其境的感覺,就像自己就處在那水族館裡一樣,相當逼真。另外還有Sony新推出的3D數位相機,拍攝後就可以將數位相片轉成3D的效果輸出,也蠻新奇的。

     娛樂方面有Sony的賽車代表作,以擬真為重點的賽車遊戲在加上3D的效果,在實際操作的過程就感受到以前從未有的速度感、與真實感。家庭影音方面有以前的walkman CD隨身聽,那音質聽起來相當純粹、清晰再搭配3D的MV播放,彷彿就在聽現場演唱的感覺。家庭劇院組合則把3D的感受帶到日常生活上,隨時都可體驗到3D的視覺享受。

     這次的校外活動參展有許多的感受是以前從沒體驗過的,透過觀賞過Sony的3D成果展,發覺日常生活上的用品漸漸跟3D的影像作結合。



part2_


利用數位相機拍攝兩張分別由左、右兩眼所看到的影像。
因此就帶著相機到校園裡去取景,邊散步、邊四處觀看學校的建築外觀。
便挑選了以下兩組相片當我的作業題材

《一》左眼影像

《一》右眼影像

《二》左眼影像

《二》右眼影像
必須拍攝水平位移的照片,加上呼吸的律動、風吹所造成的晃動,在拍攝中也增加了些許的困難度。


part3_


將左、右兩眼影像透過 C++ Builder 或是其他軟體來完成一張有紅、藍濾鏡效果的3D立體影像。我則選擇利用 Photoshop 來完成這次的作業,由於接處 Photoshop 的時間不多,對於操作上有遇到蠻多的問題,因此在製作的過程中必須透過同學的幫忙、上網找資料才能順利的完成!



《圖一》



一開始先分別將左、右兩眼的影像圖讀入,並注意圖一左邊的色版欄位










《圖二》





若是要留下紅色的色版就須將綠、藍兩色的色版塗黑;要留下藍色的色版就將紅、藍兩色的色版塗黑,紅色色版的結果如《圖一》底下的圖所呈現的樣子











《圖三》





圖三》為製作另一組影像的過程,也是按照圖二的過程操作








《圖四》





圖四》、圖五》則是接近完成的結果,由於只是單純的利用紅、藍濾鏡的效果,本來原圖影像的色彩就沒有保留下來,看起來沒有當初拍攝影像的豐富



《圖五》





記得小時候第一次接觸3D影像是在台中科學博物館內觀賞一段影片,當中有人在海灘玩飛盤、鯊魚在水中餵食的畫面,那效果相當
驚奇,因為看起來影像會衝出畫面一般。


藉由這次的作業可以了解到基本的3D影像圖片的成像原理,利用兩眼之間的視差並透過濾鏡來達到呈現立體的效果。





《完成品一》

《完成品二》

2010年11月11日 星期四

HW#1_98360411

圖一
這次作業老師要我們做個類似小畫家的軟體,
蠻特別的,第一次可以做出類似畫圖的應用
小程式出來。

《圖一》為還沒執行前的畫面

圖的左上角有四個類似button的圖案是可以用來呼叫用的,最左邊那個是用來做選單列、第二個是讀bmp的圖檔、第三個儲存執行後的結果、第四個則用來讓使用者選擇顏色。

右上角的三個button及radiogroup則是所能執行的功能列。


圖二
 《圖二》為讀入圖檔後的結果

選單列的下面有三行字分別為 (FileName:) 讀入圖檔的所在位址、(x,y) 滑鼠標在畫面上的x、y值、(r,g,b) 滑鼠標在畫面上的色彩值,這色彩值的顏色會顯示在色塊上。

原本老師教的是當滑鼠點到畫面上的某一點才顯示 (MouseDown),而自己就試著把它改成當滑鼠在畫面上移動時就會改變座標值及色彩值 (MouseMove)




圖三
《圖三》為執行功能列上的結果

一開始選擇方形及長方形、圓形印在畫面上,這三個圖形本身沒有邊框顏色可選擇,接著印三角形、六角形、菱形、不規則形,
並試著更改每個形狀所能選的圖形及邊框顏色來做變化,之後用畫筆寫 “Hello!! BCB”。

圖中那色彩選單就是透過呼叫ColorDialog來的效果






圖四
《圖四》為橡皮擦的效果

在做橡皮擦的功能之前,我是先去查怎樣做畫筆的效果後才想到橡皮擦應該跟畫筆的功能類似。

跟著教學一步一步做最後總算有個成果出來,雖然目前還不行自行更換畫筆的粗細,且畫筆畫出來的效果還不是說很順暢,但自己是蠻高興能透過找資料來做出從來沒接觸過的程式。

接著就來做橡皮擦的功能,一開始我想橡皮擦的功能應該是擦下去後會跟原本讀入的圖畫一樣的顏色才對。後來做過很多的嘗試後,只好讓它是擦下去會呈現白色的效果,如果按清除的按鈕,效果又跟橡皮擦不一樣,畫面會恢復剛讀檔入圖檔時的畫面。

註:剛做完畫筆的效果後,執行結果會讓畫面一直閃爍,後來找資料有看到說在圖檔所在的物件上 (GroupBox) 加上這行“DoubleBuffered = true;”指令後就解決了這個問題。

圖五
圖六
《圖五》為儲存圖檔的過程












《圖六》為成品的結果

這作業仍然有蠻多瑕疵的地方,像是要讀檔的時候如果選擇取消會造成程式當掉‧‧‧
希望在接下來的課程能多學一點有關BCB的程式寫作,讓自己能寫出一些功能較完整的應用程式。