Homework Show @ DMC: 11月 2010

2010年11月30日星期二

hw2

hw2(part1+2+3)

part1 做一個小動畫

這是第二次作業的成品 , 先幫貓咪拍幾張照片 , 挑選出來之後用photoshop做簡單的去背, 之後再用Microsoft GIF Animator 做出這個小動畫 , 花大比較久的時間都是在去背,過程 http://briian.com/?p=2239這個網址有詳細解說 , 能做出小動畫 , 感覺滿有成就的^^剛看了一下圖好像不會動 , 要點圖進去之後才會動歐!

這是msn表情符號版 , 圖像比較小 .

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

圖片檔 :

PSPade報告解析 :

part3 讀取與顯示 GIF 影像檔案中的調色盤

讀取與顯示 GIF 影像檔案中的調色盤

原圖 :

色盤 :這次的作業是用bcb寫一個程式 , 可以讀取GIF檔的色盤出來 , 其實上課有點聽不太懂講解 ,後來問同學 , 慢慢一步步的教學到最後的成果 , 終於弄出來了 . 上了整學期的課程 ,除了體驗到用部落格交作業這種新方式外 ,也學到了許多影像處理的知識 , 這次的作業對我這程式不大通的人來說有點難度 , 不過整體來說老師派的每個作業 , 都有它的連貫性 , 所以慢慢來 , 把每個細節連結起來 , 就可以慢慢做出來 .

2010年11月29日星期一

HW2

我自己用 PhotoShop CS4 做一個動畫，

(因為老師要求使用Microsoft GIF Animator)

檔案內容：新生盃發球動畫(GIF)

尺寸為：1000*564(原檔為3648*2056)，

大小為 2.95M(檔案很大：29.88M)，

再用PhotoShop來分析他的色盤

如左：

(新增)

←這是香蕉的色彩表

這隻比小指的香蕉是我自己製作(改)的，

(小指算什麼？我還可以讓它比X指)

檔案很小而且它會動了

(2010/12/23新增)

現在用 PSPad 來解析我的香蕉動畫，

得到的資料如下↓

紅線：是簽章不是捷運

藍框：2300→0032(16進位)→50(10進位)，

所以得到長度→0032*0032(16進位)=50*50(10進位)

橘線：先把F7轉成二進位之後會得到 11110111 這串數字，之後稍微分割一下就得到 1,111,0,111 (m,cr,0,像素)

m = 1 代表後面有整體色彩對應圖

cr = 111 轉十進位等於 7，所以 cr+1 = 8 代表顏色解析度的位元數目 = 8

pixel = 111 轉十進位等於7，然後 pixel+1 = 8 代表影像的位元/像素數目 = 8

(一開始有點忘記這個是做什麼的，後來看到其他人的說法大致上就想起來了)

小記：

做動畫只花了我五到十分鐘，

而做成GIF動畫也不會很耗時間，

照片是我從自己電腦裡面找到的，

我會先用PhotoShop來做的原因是：

用PhotoShop來做就不一定要用GIF的影像來做，

(可以不用轉檔，有點貪圖一時的方便...)

一開始沒有壓縮動畫的尺寸，

才發現檔案太大可能無法上傳(Google規定最大8M)，

所以我就把動畫的尺寸等比例的縮小之後就沒問題了，

後來發現：他在Google中不會動...

(新增)

後來用比較小的檔案來處理之後，

再用URL方式把圖片引用進來，

圖案(動畫)就會動了。

(推薦一下)

ACD的程式可以協助我們將網路上的動畫解析出來，

可以把動畫切割成好幾個圖檔，

也可以自己選格式(GIF或JPG等等)

且他和格式工廠一樣可以大量的轉檔，

相當方便~~

2010年11月28日星期日

作業1 98360951 賴瑋強

直接用圖片來看

上面包含了基本的功能
如讀檔位置,XY 坐標,RGB顯示新增的東西有筆刷顏色,畫筆顏色,重新設置,選擇形狀
首先來看一下原本的圖檔

好啦....我承認我很宅ˊˋ....
(這不是重點吧....)
圖片本來為JPG檔不過我把它弄成24位元的BMP檔來存
但是這樣存讓有些顏色消失了(不過還是看不太出來啦)
在來開始使用筆刷的功能我們先使用"圓形"

接下來是三角形

這三角型有些許的特別因為可以更改他的邊框
只需要按一下PEN COLOR 就可以嚕

最後是六邊型~

這個六邊型一樣可以使用跟三角型一樣的功能

之後我自訂形狀那邊....有點問題那個我不知道該怎樣打= =
之後會去問一下班上對BCB比較強的同學吧

在這堂課中一開始的時候上課總會心不在焉的不然就是在寫下午要交的功課= =
但再做了一次作業以後就會發現這堂課真的非常的好玩
如果為了下午的作業而放棄聽課的話真的會損失學到更新知識的機會

2010年11月27日星期六

hw1

hw1

這次是要用bcb做一個類是小畫家的程式

目前簡易版小畫家有的功能 : 開啟舊檔 , 鉛筆 ,橡皮擦 ,改變顏色 ,清除畫面 ,另外可以做出圓,正方形, 三角形三種形狀的線條形狀 ,

這次的作業 , 發現要做一個簡易版小畫家的功能 ,真是不簡單 ,做的過程都是上網查詢,參考論壇或是有些小畫家的教程教學慢慢寫出來 . 以前有用過illustrator和photoshop,現在才知道裡頭的功能是如此複雜 , 不過有做出這個簡易版的小畫家 ,還是滿有成就感的 ,本來有找到類似photoshop和illustrator的一個貝茲曲線的寫法 ,不過失敗了滿可惜 ,下次會再嘗試!

2010年11月23日星期二

hw1

這次的作業是用BCB來完成的(如下圖)

案檔案之後點開啟舊檔去打開BMP圖檔

file name 是顯示資料檔的來源

(x,y)則是顯示滑鼠所放在的位置坐標

(r,g,b)則是顯示紅綠藍三原色的色素多寡

介面上用RadioButton當作選擇圖形的選項

圓形

if(RadioButton1->Checked)

{

for(i=0;i

{

for(j=0;j

{

if(x-i)*(x-i)+(y-i)*(y-j)<200

Image1->Canves->Pixels[i][j]=Image1->Canvas->Brush->Color;

}

正方形

if(RadioButton2->Checked)

{

Image1->Canvas->FillRect(Rect(x-15,y-15,x+15,y+15));

}

六邊形

if(Radio Button3->Checked)

{

Image1->Canvas->Pen->Width=5;

TPoint points[6];

points[0]=Point(x-10,y-17);

points[1]=Point(x+10,y-17);

points[2]=Point(x+20,y);

points[3]=Point(x+10,y+17);

points[4]=Point(x-10,y+17);

points[5]=Point(x-20,y);

Image1->Canvas->Polygon(points,5);

}

三角形

if(Radio Button4->Checked)

{

TPoint point[3];

points[0]=Point(x-15,y+15);

points[1]=Point(x+15,y+15);

points[2]=Point(x,y-15);

Image1->Canvas->Polygon(prints,2);

}

圖形顏色

ColorDialog1->Execute();

Image1->Canvas->Brush->Color=ColorDialog1->Color;

圖形外框

ColorDialo1->Execute();

Image1->Canvas->Pen->Color=ColorDialog1->Color;

(完成圖!!!)

最後選取你要的圖形:圓形，正方形，六邊形，三角形

之後有圖形顏色和圖形外框顏色選取之後點擊左鍵就

可以顯示在BMP圖檔上了!!

心得:這次的作業一開始都不知道要怎麼使用其他功能

之後老師講說用F1大家就有幹勁了!!知道如何建立一些功能!!

這次的作業其實很有趣，自己去摸索一些功能，比方像橡皮擦等等之類的，

而且也有老師的F1幫助，很多東西都可以從上面拉下來，很方便

相信這堂選修會越來越有趣，可以學到的東西會更多!!!

HW1

喔耶!終於完成了這次作業，這次的作業主要是要做類似小畫家的小軟體。
在做作業時，我有用到上課教的內容，也有自己找新的功能來用。

file name是用來抓取檔案來源
下面則是滑鼠目前的座標位置
右邊是圖片的三原色，並且用Panel來顯示顏色。

在形狀選擇的地方，我則是用RadioGroup來做，因為用這個做起來
會比使用RadioButtom來得整齊且方便。
而在裡面比較困難的是做畫筆，因為這個功能是我上網去查才會做的，
其他像是菱形、正方形......上課都有演練過，所以做起來比較輕鬆點。

再來是做圖片的清除功能，他可以把剛剛在圖上畫的圖都清除掉，變成跟原本一樣。
內框和外框顏色的改變只要把他連結到ColorDialog就做好了。

最後一項功能就是最重要的開啟圖片和儲存圖片，這個功能要先叫出MainMenu，
再拉出OpenPictureDialog及SavePictureDialog放到Form內，再與這2個Dialog
做連結就完成了。

我覺得這次的作業並不算難，只是需要花點時間去做&去想。
做完之後拿來跟小畫家比一比，感覺就像小畫家的無敵精簡版。
我覺得BCB很方便的地方在於它很多元件都做好了，只需要我們
去把他拉下來就可以使用了。很想多學學其他元件如何使用，
感覺很有趣，但是都不會用。這算是第一次使用BCB做出一個
比較完整的程式，感覺很有成就感。

HW01

這是用裡面的元件畫出來的

雖然都是線條

但是能畫出一張圖

很是感動=D

這是我匯入一張bmp的圖片

再用所使用的元件

做一些變化

((其實就是擦擦畫畫而已啦 XD

其實我覺得有點難啦 ..

因為從一開始就有很大的瓶頸 = =

一直無法安裝好BCB

讓我很頭痛 ..

所以蠻多時間都是在學校完成的。

因為還不是很懂得如何使用及如何打入程式碼

所以我從圖書館借了本書

有些都是從書中用出來的元件

基本是使用老師上課教過的東西

再打程式碼的時候

一直思考很久該如何輸入、輸入什麼

才能使它跑出我所想要的東西

再使用speedbutton的時候

真的思考很久也弄得有點煩躁...

一直有bug .. 有點灰心 .. 其實

但是最後從書中看了很多也從網路上找了很多資料

終於弄出我想的東西的時候

真的 ... 很開心啦!!!!

有終於又邁進一小步的感覺

直到最後的成品真的有點成就感呢!!!

其實BCB也蠻不錯玩的!!! =D

HW01

做出來的成品看來很簡略，

但在開始寫這個程式之前也想過說要做什麼樣的東西出來。

除了老師先前教的，畫出不規則形狀，顯示某個點上的色彩外。

也想做得跟真正的小畫家一樣，

除了開存檔、放大縮小，

還有所謂TCanvas 裡的Broush和Pen，

在它們之下有一個叫Mode 的<繪製方式>，

雖然還搞不太清楚是如何使用，

不過在程式碼中mode==1與0，

分別指為Broush和Pen。

因為是參考書籍的做法，

其中有很多名稱是不太了解的，

比方說FormCreate事件，每開啟一個物件都有一個事件要將其寫入，

而FormCreate事件所表達意思是，

當表單載入的時候，BCB 會自動執行這一個事件，

但此事件只有在載入Form 時才會執行，因此在程式中只會執行一次。

除了使用ColorDialog之外，要先寫TColor DrawColor 用來定義色彩。

還有寫畫刷的時候，也有用到一個TCanvas物件：Polygon。

意思是透過畫筆可以在Image上畫出一個閉合的多邊形。

我看很多同學都使用 radiogroup button ，

但是真的在這個群組裡面不知道該怎麼寫，

所以還是拿speedbutton來做比較會。

不過，

當我想嘗試寫列印程式碼Dialog對話盒>的時候，

就正感覺到，知識的淺薄，

太多沒看過的名詞，

我必須先了解這個物件有何作用，才能在了解它是如何進行步驟，

尤其在偵錯的時候，常常霧撒撒，

除了BCB的線上Help有些example能參考，

其他只能靠Google上大家的解答來釐清。

在我感覺起來，BCB這個軟體下，

以現在我能做到的東西中，它像是一個龐大的樹狀結構，

事件、表單、物件、屬性、方法、執行的函數...等，

關係都是密不可分的。

聽過一些人說，

只要你能精通一種程式，你就不用怕站不起來。

所以現在我們學習的情況，

真的很難說站了。(嘆

一開始選取好圖片後，右邊有給使用者選擇想要用哪種形狀，brush color則是給使用者選擇要用哪種顏色，pen color的設定是用來選擇邊框的顏色,而我只有特別寫三角形六邊形有做pen color的設定，想說區分開來，clear就是清除所有使用者在上面用的圖案，本來有寫橡皮擦的設定，可是我發現會連圖片都擦掉= = ，那就真的擦得太乾淨了....
這方面想請問老師要怎麼寫才不會連圖片都擦掉呢!?，麻煩老師教學教學!!
由於是第一次接觸BCB這套軟體，所以在一些部分常常出錯，也不太懂!! 像是radio button 跟 radiogroup button 兩個聽起來差不多可是拉進去使用後發現好像有整體跟個別的差異。
希望老師也可以講解一下!這個作業還蠻特別的，就像是做出自己的小畫家，雖然功能不夠多，但是還是很有趣，也學到BCB的基礎!!