2008年6月13日 星期五

HW17:期末回顧

  在這門課中,學到了很多東西,用Windows Movie Maker製作影片、GoldWave處理音訊、Processing撰寫許多圖像程式。

  常常,我用Processing寫出程式時,都會覺得很有成就感、很高興。有的時候,寫不出來,除錯,常常會發現是有一些小地方寫錯,導致整個程式不能執行或執行錯誤;或是有的指令、函式不瞭解、不會使用,這時,我就會去看一下教學,然後將教學中的範例程式試著執行、再想一想、思考一下,就瞭解了。有幾次,程式一直寫不出來,為了將它寫出,思考了好幾個小時!寫出來之後,我又會去想,要怎麼把它改的更好;有的時候,真的會想的很煩!但是當成功寫出來的時候,心中會感到很高興、快樂。

  覺得寫程式大致上就是這樣:多一分細心、努力,就會多一些收穫。

  又像是期中考的時候,我一直不斷的想做出電風扇,寫好之後,執行,結果不大對;然後除錯,一直加加減減一些指令、函式,結果仍然錯誤,後來發現是指令的順序問題。改了之後,執行就正確了。

  期末的專題研究也是。當初,我在挑選主題的時候,想說挑難一點的,後來一看那程式碼,又多又雜,覺得好像選的太難了,有點想放棄掉一些部分(跳過不講解);但我那個死不放棄的心,又一直逼自己去看懂它。然後,為了講解一些當中課外的東西,到官方網站、維基百科找了一些課外的資料;錄音時,常常會不小心講錯字、說錯話,或一下子思想凝滯,導致停頓,然後就要重錄!(有些比較長的片段重錄了約二十次!)

  雖然製作非常辛苦,有時覺得很煩躁,但是一看到做完後的成果,覺得很高興!

  修習這個課,真的很不錯!

  很喜歡黃老師的課!

2008年6月11日 星期三

期末回顧

終於到了期末了,不過卻還是沒辦法放下壓力阿~

這堂課一開始其實還算蠻得心應手的

Photoimpact 這套軟體從以前就有用過 電腦中也都有

不過還是有學到些以前沒用過的技巧!

Gold wave 之前常常拿來剪鈴聲自用… 但是其實很多功能都沒碰到

像是去人聲真的沒想到這套軟體可以這樣用… 這樣可以讓音樂應用到更多地方

Movie maker 以前就很想玩的東西 但是一直都很懶

課堂上教的很實用,在做課程方面的時候我使用的是會聲會影…操作起來方便

processing 開始的時候其實真的很頭疼

因為總是覺得自己對程式碼這東西很難去掌控

不過到現在對processing其實覺得還好

而且PDF上也有一些基本可以參考

大部分多是變化出來,難的部分應該是很多數學方面的計算吧…


從剛開始上這堂課到現在

老師教學的方式真的很棒,自由發揮可以給學生空間

作業評分也算是給學生的動力吧,也有督促的作用。我覺得

我最大的問題應該是偶爾會遲到吧 會慢了點像互評的東西>"<

這門課真的學到了不少東西!

2008年6月10日 星期二

期末回顧

哇哈哈哈哈哈哈哈哈哈哈
送出去的同時網頁當掉
寫了一大串的東西都不見了

唉................................................

這次就把重點整理出來算了...

期中之前,還算蠻有幹勁
期中之後,開始變的懶懶的
不管做什麼都沒什麼幹勁
做出來的東西都虎頭蛇尾

自己檢討過後,
發現自己是在其中一次遇到挫折
接下來都沒什麼幹勁寫下去了.

但是其實學到了很多東西
之前有修了李遠坤老師的課,要自動自發的看書算是必備技能了吧
就算不想看書,也要會自己上網查資料
不會查資料,也要會問同學XD

就這樣....

期末回顧

這學期終於結束了,應該可以算是完美的結束

學期結束了,但是學到的東西是不可以忘記的

想必以後一定會有用途的.

但是先問問自己這學期學到了什麼?

1.photo impact.

這個程式是用來修改圖片,美工圖片,讓圖片有可看性

大家對這個程式有基礎的了解,都應該受用無窮巴

可以讓自拍照之類的增加美觀程度

2.gold wave

想必大家碰這個軟體之前都應該有知道或聽說過巴

不過我是真的第一次碰到這個軟體,如果我沒有修這堂課我

真的不知道這個軟體的功用如此好用,無聊時可以唱歌給自己聽聽

3.movie make

這個內建於WINDOW裡面的

我之前就有碰依點點

所以說用起來還蠻得心應手的說

4.processing

這個的延伸真的很多,也可以學到很多東西

大家對這個也有莫大的成就感

當某個程式RUN出來的滿足感

就像當廚師的,煮出來的美食

看到吃的這麼的滿足開心.

那種成就感是買不到的


活到老,學到老.

雖然我還是熱血青年的大學生

大家加油

2008年6月9日 星期一

期末回顧

這學期從一開始的自畫像就很吸引人了

這是第一次把人畫得這麼 像~~

還有小電影 ~~~~~~~~讓程式碼寫出來

有3d空間的感覺,和一般上課感覺很不一樣

這堂課最迷人的地方就在這裡,把程式變的

有趣多采多姿,還有最後的互評可以看到

彼此的作品看到不同角度的想法,不一樣的作品

彼此可以激發互相的想法

期末回顧

期中過後,一直以processing為主
雖然是自己由講義中去摸索,
但是老師在上課所指定的作業,
讓我們不致於進度落後,
從一開始的土法煉鋼畫出的2d圖,
到後面可以利用指令製作2d動畫、以及小畫家,
雖然可能不是所有的指令都會,
但是還是能做出一定程度的作品,
這都表示自己的程式能力有在一點點的進步。

最後所做的報告,
讓沒有時間一一去了解processing裡範例程式的我們,
多多少少知道範例的基本流程,
也知道一些沒看過的指令該如何使用,
這比自己去摸索,去測試來的有效率。
而當中令我驚訝的是,
原來processing還可以製作3d圖,以及與openGL做連接,
這也讓我體認到processing不只容易上手,
也可以做多元的變化。

一整個學期學下來,
從一開始的potoimpact、gold wave、movie maker,
都是在上課前沒接觸過、學習過的,
所以感覺還蠻充實的!!!

期末回顧

這堂課讓我培養了對寫程式的興趣,processing寫起來較沒有壓力.

老師也讓我們看power point來瞭解程式碼的運作,和之前web比起來.我認為我有比較進步了.

當我遇到瓶頸時我開始懂得查資料解決.我想這就是老師要我們從中學習的.

回顧從一開始不同多媒體的操作應用.我學到了剪接影片.聲音錄製.自畫像用滑鼠也能畫的很好

到後來processing程式幾何名畫.眼睛轉動.小畫家等等都讓我覺得自己慢慢的去學到之前覺得

不太了解的東西.

期末回顧

這門課學到了好多的東西,像是做MV、錄製自己的單曲、畫自畫像等等,到最後使用processing來畫圖,真是大豐收。
這門課的下半學期主要都是在教prossecing的程式方面,我對程式方面不是很在行,可是透過跟同學互相討論後,讓我學會了很多東西,也可以跟的上上課的速度,學會了很多。
而程式從最簡單的圓形、方形、線等等,到最後圖都可以動起來,而且還可以跟滑鼠做互動,很有趣。老師最後給了我們一個期末的專研活動,大家都做的很不錯,而且可以看到更多還沒學到的東西。

期末回顧

這學期接近尾聲 , 前兩個作業 , 自畫像和變臉 , 為了做這兩個作業

有把繪圖軟體簡單的玩了些基礎功能 , 現在會做些簡單得圖片加工

上次作php期末專研的網頁就有應用到 ,


之後接觸Processing後 , 老師讓我們自己看PDF檔學習

以及看同學的作品 , 這樣學習效果還不錯

學習Processing當中 , 讓我覺得最好玩的是"小畫家"這作業

原本以為要做出"小畫家"是一件很難的事

但是靠著自己研究然後寫出來 , 讓我覺得很有成就感


最後 , 最後一次這種互評系統的方式

我覺得還不錯 , 這樣子的話可以看到別人同學的作品

也間接了吸收了一些知識 ,

而且這樣的評分方式也比較沒有異議

因為大家的東西都是公開的 , 而不是只有靠老師的主觀來打分數

讓同學也比較心服口服

期末回顧

開頭還是難免不講這句,這學期學了很多
至於到底學了什麼
從最近的開始說
了解有processing這套軟體可以做出很多3D抽象的圖
上手不難,但還是需要花時間去認識它就是

powercam的使用
這套軟體的使用上有點像web 2.0
都是可以即時錄製電腦上的畫面以及錄音

也交了些繪圖軟體修圖改圖的應用資訊
雖然我還是不大熟就是

好像還遺漏了好幾樣程式
比較有印象的就這幾個吧
但在這學期實在很難認真在學業上
感覺身體好像越來越差
不知道是不是打工的關係
也因為打工沒辦法有多餘時間做學校的作業
多半都是下班後凌晨趕到天亮
但最後還是好幾樣沒時間趕出來而被當掉
哀...只能說人生真累
不求高分,只求得到這學分就好

期末回顧

這學期學到一些軟體的應用
第一個作業是用photoimpact來畫自畫像和老師畫像,還有變臉的效果
第二個作業是使用goldwavw來錄製音樂,可以做混音或是改變原歌曲
第三個作業是用windowsmedia來製作MV,讓我們將影像和音樂作結合
最後就進入這次課程的主題processing,利用它來製圖,做些互動的遊戲
或著小動畫,還蠻好玩的。

期末回顧~

一下子一學期又要結束了~
這堂課玩了不少軟體.

有些軟體雖然平常一直躺在電腦裡,
但是都沒有實際碰過.
可能是沒有特別需要用,
所以也不會突然開來玩.

前前後後~
我們接觸了不少軟體.
像是~
畫自畫像和老師畫像時的PhotoImpact,
(老師畫像我有努力畫~)
錄KTV時的Goldwave,Audition,
(雖然曲子很短,但我也盡力了.)
MV製作時的Movie Maker,
後半學期接觸的Processing.

至於Processing,
除了函式很多之外,
其實還蠻有趣的.

一開始可能還無法想像,
自己也可以利用Processing,
寫出這些程式.(例如:簡易的小畫家)

我覺得比較奇妙的是,
Processing也能3D繪圖,
整個覺得很神奇.

最後的期末作業,
製作投影片來錄音.
在製作的途中,
一方面,自己能更加瞭解程式.
一方面,還要講述給其他同學聽懂.
這樣對於學習也很有幫助.
以作業來說,是個相當不錯的作業形式.

期末回顧

回想到開學從XML換選到這堂多媒體,很快又過了一學期了。雖然一開始畫畫,對於沒畫畫天份的我,真的很棘手,也不太喜歡這堂課,但是經過了程式2D 3D繪圖,讓我學到令一種繪畫工具。原來畫畫不用自己畫出來,用電腦畫圖所展現的方式變的好多樣化,每畫出一個作品就好有成就感,從一開始的世界名畫,利用一些簡單的幾何圖形做拼湊,以及顏色的變化來劃出成品。這作品如果用我親手畫可能完全不像,但是我卻可以用processing來完成作品,讓我對這門課的感覺大改觀。除了可以教電腦幫我畫畫,甚至可以製作介面,用滑鼠跟鍵盤與人互動,做出一個擬小畫家。這又可以跟我另一門課網站伺服器做結合,做出一個伺服器式的留言板的繪圖程式,做出這些成絣真的很有成就感。
這門課對我最困難的地方應該就是powercam的錄製過程,自己看會的程式,要從自己口中說出並且讓別人看懂不是一件很容易的事,透過了powerpoint來講解程式的類型和程式碼的用處,然後到這次上課與大家互評,老師從去年我認識到現在都是讓學生自己動手做,自己對自己評分的教學方法,一直都讓我覺得能夠學到很多東西,所有課程中整學期沒在課堂上睡覺就是這些課。這次互評也看到了好多作品,很多都寫的很好,真的有讓我看的懂程式,收穫良多

期末回顧

說實在的~

這學期,在這門課,真的學了蠻多東西的,就從頭開始回顧起吧。

一開始聽到老師要我們錄mv,要做成像星光大道一樣在台上唱歌,我還真的有點嚇到,第一次上到這麼瘋狂的idea

然後接觸了我壓根不會用到的photoshop,photoimpact,因為我對圖片不是很在行,所以畫畫修圖之類的我從來不會去碰它,但是用過之後反而絕得還好,也就不會太排斥接觸這類的東西了。

我一直以為移花接木是件很困難的事,沒想到連我剛接觸的人也可以合得不仔細看的話還看不出來的效果,這下子可以拿我朋友的照片去搞怪了(噓

然後是自畫像,我以為描圖不過是那樣而已,沒想到還大有學問,就連著色也是很困難,一不小心就會從黃種人變成非洲人了@@

再來就到聲音控制的部份了,以前我一直搞不懂機器戰警的聲音是怎麼用一個搖控就可以改變的,現在我終於知道,只要透過程式修改它的音軌就能變出很多種聲音,不過既然這是要錄自己的聲音當然也就不會這樣惡搞自己了。(雖然我歌也唱的不太好聽不過也不要用機器戰警的聲音來修飾嗎@@

然後是自製影片,以前有參加過電影研究社,有跟社團的人製作電影,不過到現在都還沒看到成品就是了,現在的社團有個歌謠季的大活動,所以也有開社課教大家如何自製mv,說真的,windows內建的movie maker真的夠陽春的,上字幕超麻煩,能做到那種程度也請大家見諒@@

然後接下來就是processing了,比起之前教的,這個我就完全沒聽過了,連講義都是英文@@

後來絕得其實也還好,真的完全不懂的話,用它的程式run出來就大概可以知道這行指令再做甚麼了。

只是沒想到可以做出這麼多效果就是了....

電風扇,小畫家,模擬細胞等等...

我還真不知道這些短短的指令可以拼湊出這麼龐大有趣的程式,比小黑有趣多了。

其中更令人有成就感的不外乎是別的同學看到我在寫小畫家的時候超羨幕的,他說早知道就選這門課了~超有趣的,還會特地跑來問我要怎麼寫,被班上第一名的同學問真的是有額外的成就感。

說真的,其他課我不敢說一天三節課我都醒著,我只能說這門課我沒睡過覺,因為真的是太有趣了!

期末回顧

學一學期的Processing的程式,覺得這程式很有趣,都是以圖形模式run出來。

一開始還不懂的時候,隨便亂改一些變數,run出來的圖形變化很大,很有吸引力。

之後,程式越來越難懂,在課堂練習的程式,幾乎都是參考同學的程式作改變,然後再去弄懂。雖然不是自己去完成,但還是有把它run出來。

最後,則是做一份從網路上找一個程式碼做講解,我選擇RGB Club。讓我們能夠解讀別人所寫的程式,並不單單只會打而已,有時讀別人的程式也會對自己有所幫助。

在讀這個程式時,有些指令大致上都學過,有些沒學過的查資料,經過這樣學習,讓自己不會變成會了。然後再經由powercam讓自己會的東西用自己方式講給別人聽,可以讓自己是否真正懂這個程式。

期末回顧

很快的已到了學期末,
回憶起所學的東西從剛開始的
變臉,畫像,MV製作,還有各種Processing的程式到現在的期末專案,
對於剛開始所學的東西都絕得還蠻有趣的,
剛開始所學的都是生活上有機會所應用到的,
後期程式的部份,
雖然是第一次學,
但是還覺得蠻好玩的,
不會像很多程式課程都很單調,
剛開始的時候都很容易上手,
不過漸漸的就會加深難度,
到了後期由於某些因素平常日跟假日都會在打功,
好像耽誤到不少的作業,
出缺席的情形,
雖然我住的遠了點,
但是我也是會盡量趕來上課,
不過還是會有1.2次缺課的情形,
有時候真的會覺得自己是否該更認真點,
但總事與願違,
但願下學期搬出來住後,
能夠改善這些情形!!

期末回顧

很快的
學期要結束

這學期後半段
的重點~
processing&powercam


processing
一開始還感覺會很難
可是
有資料可以參考
所以
也比較跟的上進度
有很多地方還是
要靠自己去run
當然有些地方
還是參考別人的程式來改
這就是
目前
最需改變的地方


最後學powercam的製作

一開始先選一個主題
後來回去討論
才發現
我們選的程式好長.好難
我有很多地方都有看沒有懂
還好
我的partner夠強
有很多地方
他都幫我講解
~哈
順利完成~

期末回顧

這學期其實最主要的是學到processing這項程式軟體
因為他已經整合了很多的功能
所以要寫一些多媒體的東西就快很多
而且我們還發現其實官方網站上有許多lib
可以另外下載下來加入
其中有google的插件
好像可以直接連接google拿取一些資料訊息
還有很多如yahoo搜尋的lib.....等

期末回顧

期中考後,都是在學processing,
學到現在雖然沒有說"專精",但也學到了設計概念
經過期中上機考(電風扇)和期末專題報告後,
好像有種比較踏實的感覺,因為我對processing也不是說挺強的
但就覺得做出一個東西好像充實內在不少

期末回顧

一開始抱著把多媒體的課程學完的心態
在學了之後才發覺
原來多媒體也可以這樣玩
而且第一次打程式可以打的沒那麼痛苦
也有用到自己的創意
基本上這門課我真的學到很多
而且是沒有壓力的學習
而且像是自畫像之類的
做完作業還可以自己保留起來做紀念
這種感覺真的很棒^^

期末回顧心得

期中考以後主要的重點是在processing
我們用processing程式寫了很多圖畫出來
一開始只是簡單的用幾個圓圈幾個方塊畫畫
到後面就可以用滑鼠讓畫移動之類
還有用小組討論的方式
兩個兩個一組一起做作業
我覺得這樣子很好
因為我們下課的時候會互相討論一下下次上課要交的作業內容
像最後一個作業要錄製PowerCam
我們也是一起研究
然後分配誰要錄製
我們在研究的時候也有參考一下別組的
上課的時候還有評分機制
還可以一組一組參考他們的作品
這比那種死板板教書的上課方式還好
那種死板板教書的方式讓我回去不想看書上課想睡覺

期末回顧

這次多媒體設計,畫老師的自畫像,我自己覺得我畫的很像了,
當拿給同學看也都說很像,這時我就很有成就感,還有製作了自
己的的MTV覺得很有感覺,把自己的銘傳一天做出來還加上聲音
和影片覺得很有樂趣,這次的PROCESSING雖然常常程式寫的很
卡,但我最後還是學到新的製作多媒體的程式語法,覺得很新鮮,
PROCESSING製作出來的圖形常常都是讓我覺得為之ㄧ亮的視覺
效果,這次期末作業我做的是3D的立體圖形,從中學到如何寫出
3D的方格,與程式的運用,這次有學到很多東西,受益良多。

期末回顧

真的,很快一學期又過去了...,對我來說不僅只是一學期的消
逝,而是我到資工的一年。到這裡真正算熟識的老師除了徐武
孝老師再來就是黃世育老師了,幫助我在這度過陌生的一年。
真的是揪甘心捏>_^。
這學期學到的東西嚴格來說態度大於實質。態度為做事態度,
實質當然就是指程式碼之類的那些。當然也不是說沒有學到東
西,而是我覺得做事的方法與態度(肯認真去做)要比一堆程
式碼有用多了,或許是上課方式的關係吧?丟給學生自己作就
要有為自己負責的責任感,做到凌晨也要把東西做出來也是自
己的約束,這樣做出來的東西總是特別有感覺吧(因為都自己
做過)。雖然有時候真的也會想要偷懶一下- -;不過偷懶
規偷懶還是會把東西做完...
唔...打了一大堆好像沒重點,有很多東西感覺沒有辦法用文字
清楚描述,不過我相信老師會知道我大概想說什麼的啦 >﹏<

期末回顧

很快就到學期末了~
學期一開始試上一些軟體,也做了一些有趣的東西,介紹一些應用軟體
photo impact~去畫老師,mv~我覺得是最有趣的..等等軟體
雖然有些不是做的很好,但是有經驗跟好玩就好

學期中開始上processing,老師是用引導的方式讓我們自己去學習一些相關的程式用法
而自己找pdf,然後想辦法看懂,也是一個進步,比起以前
從最簡單的用程式當小畫家畫出名畫來,慢慢的用程式表現出一些東西,或是寫一個小畫家
而跟同學討論也有很大的幫助,跟同學討論程式可以較快出來
而寫出一些較簡易的程式也使我有了點信心,
而且是自己做出有點藝術(?)感覺的東西,要是我畫是絕對不可能的!!
期中的電風扇讓它轉,沒有完整寫出來,靠同學(救援)才搞定,不過覺得自己有了一點點的進步

而最後自己選一個有關processing的介紹,除了可以對程式了解點,也可以練習有關如何做報告,及介紹使人清楚那個程式,我覺得這方面的經驗挺少的,嘗試看看也不錯

期末回顧

這個課程到現在也已經告一個段落了

課程繳交的作業與上課的參與

從寫程式到去解釋別人寫的程式

這一階段的資訊量 一下子變多了

長長的程式碼看的眼花撩亂也有許多不懂的地方

除了在PDF找範例以外 只能一步一步改

然後再去執行 看看其中的差異 從中了解到此行的程式碼有何作用

如期末專案 也在與同學的交流下 有更多的進步

我在本課程所學到的除了自己動手以外還有尋找資訊與互相交流

這都讓我可以運用在其他課程裡

期末回顧

這堂課真的學到不少不少的東西!
從一開始的大家都熟悉的photo impact.media player....
自畫像。老師畫像。ktv。銘傳的一天......都頗有趣的
漸漸到一些沒接觸過的東西,
ex:錄音剪接音樂的軟體 ...等~到現在的processing

之後,
在學習processing的時候遇到比較多得困難,
因為是需要用把程式的!
不過都一一解決啦!
期中考也很巧很巧的寫出來了!
那個頗有趣的電風扇!

最後的期末作業,
大家做得報告~
讓我對processing更加的了解!
大家的主題都不同,
所呈獻的東西也很不一樣!
收穫多多呀~!

期末回顧

這學期,一開始,以為只是學一些應用軟體的東西
所以還覺得滿好玩的,雖然有些東西原本就會了
但是沒有實際上去完成一個"作品"

但是後來,要寫程式的時候
是有一點點不想啦>"<逃避...
但其實後來覺得還好,因為都有講義
而且先是以好玩的角度去延伸
這樣會比較想學,而且自己去發現東西會更會XD
也可以跟同學討論,這樣比較容易懂
不過後來的程式有越來越難的趨勢
直到後來要小小的上機考的時候
實在是很緊繃,不過,好險有寫出來
不過土法煉鋼的寫法好像還沒改很多ㄝ= =實在需要加油說...
雖然是寫程式,但是很多的概念都是一樣的
不過我覺得processing是一個很直接的程式
就是寫什麼ˋ有什麼
更何況之前寫程式都是跑一些數據之類的東西
但是processing是跑一個圖
比較起來,成就感比較多,哈哈...

其實選這門課沒有想很多,也沒有去問學長姐這個課的內容
不過好險,這個課沒有說超級難
也學的很開心~就是這樣~

期末回顧

從第一堂課到現在,我慢慢對多媒體產生了一點興趣,之前聽到多媒體,

總覺得是很無聊的一堂課,但是現在會覺得多媒體跟其他課程相比,確

實是有趣多了,從自畫像、KTV、MV到Processing,雖然每項作業都要

花上不少時間,但是會有種很好玩的感覺,這是少數覺得寫作業不是件

無聊的事。

後來學的Processing,雖然也是程式,但是不會有很煩的感覺,隨著對於

Processing的了解越來越多,了解越多,越是覺得好玩,雖然我們現在做

的都還是簡單的東西而已。

學習上有比之前要主動,算是一點點的進步吧,雖然到現在還是有惰性,

但是再學習態度上已經有一點改變。

期末回顧

終於到了最後一次上課了
整個學期下來
也學習到了不少東西
回顧之前的作品
每個都是用盡心思去完成
從個人自畫像,老師自畫像,個人KTV,銘傳資工的一天
都是可以充分去展現自我的作品
對於老師給的作業都覺得很有興趣

期中以後
開始學習processing
這對我而言無非是極大的難關
因為本身就對寫程式碼不太行
還好有這個部落格
對於有疑問的問題
就上來找一下其他同學們發表的文章
常常能夠解決遇到的瓶頸
漸漸開始會使用processing後
在上機測驗裡
總算是有把電風扇給寫出
雖然不是寫的很完整
但是對於processing卻是進一步的了解了

而最後一次要交的報告
我們做的PowerCam Title L
首先要先研究已經寫好的程式碼
再把它加以變化
其中光是要瞭解程式碼的內容
就已經是非常痛苦的事了
不過還是給他完成了
而且也做了些許變化

對於這門課程
我覺得是有學到東西的
像是學會了錄製自己唱歌
這真的讓我感覺很實用
還有processing
雖然不是學到很透徹
但是也不至於不會使用
而且未來或許有用到的機會吧

期末回顧

過了期中之後,開始進入processing的程式設計,很明顯的比期中之前的那些軟體應用還要難很多。

還好processing的程式語法和之前學過的C++語法類似,比較容易了解(不過Example裡的範例真的是很難),學起來並沒有特別大的障礙。

在processing裡面我覺得最重要的就是要去了解一大堆函數用法,porcessing作品感覺起來就像是一堆函數寫出來的程式。只要會那些畫直線、圓形、方形等等的函數,或者是更難一些的旋轉函數或是引進OpenGL的函數來用,就可以做出很棒的作品,像是小遊戲或是3D的動畫等等。

剛開始老師從小畫家畫圖開始,在教我們用processing畫出相同的圖來,熟悉一些基本的語法。進而在教到迴路的應用,用For迴路畫出許多圓形的方陣。再來到滑鼠和程式也可以有所互動,隨著滑鼠座標的移動,程式執行畫面也會做出不同的變化。

在接觸到processing之後,才知道原來看起來死板板的程式碼也可以變成充滿創意與生動活潑的藝術作品。而且看了貼在部落格上面許多同學的作品,才發現別人的腦袋似乎都充滿著新奇的想法,看來我還要在繼續多多努力才行了。

期末回顧

期末了 今天是〝多媒體設計〞這門課的最後一堂課了
老師交給了我們多少東西
我想每個人吸收的程度大不相同
但是 多多少少都會帶回一點東西的吧
也不枉費當初選課時好不容易才搶到的機會

期中以前 使用了很多的軟體
做了很多很有趣的作業
不管是 自己或是老師的畫像 還是 MV或KTV
都是讓人印象深刻的
尤其是MV 做完之後 會讓人發覺
天啊!!! 我們已經要大三了耶!!! 時間真的過的很快
期中考的電風扇
也算是另一個階段吧

期中之後著重在程式的部份
從一開始簡單的繪圖
到後來 在PDF上不斷的挖掘新的東西
就像找到寶物一般
是那麼的有趣那麼的令人想繼續探討下去
一次又一次的程式練習 讓大家對Processing有更深的認識
最後一次的功課不但讓大家 試著自己去挖掘PDF裡的寶物
進而去探討研究自己決定的主題
最後以PowerCam的方式呈現報告 就像自己再台上報告一樣
不同的是 可以不斷的重複再重複的錄音
說真的 我們錄了好多次 發現 其實站上台的緊張
會有種迫使自己必須 一次就成功的壓力

老實說有時候上課
我並不是很認真啦
有時候在講解或是在說明的時候
我還是很專心的再用我的程式
因為我是個不喜歡程式還沒弄出來就中斷的人
所以...哈哈哈 不是很愛看前面的齁!!!
至於為什麼喜歡做後面而不做前面上課
因為 我喜歡我慣用的電腦!!! XD

最後最後 我給我自己打了77分
為什麼咧?! 其實我也不知道標準在哪
7是一個很棒的分數 所以就77分啦!!!

期末回顧心得

頭一週時 並不是第一週就選到這門課 所以來時(第2周) 已經將第一週所教的變臉已經完成 之後更用Photoimpact 完成了 自畫像 以及老師畫像 雖然已經用類似描線條的方式畫了 可是還是覺得
用滑鼠 難以描繪 常常因為畫好 忘了存檔 而重畫了2,3次 之後利用Goldwave 讓我們學會了
消去歌曲中歌手的聲音 且錄了自己所唱的 再利用軟體將兩者合併成自己的KTV
之後的window moive maker 由於之前就會了 所以並不是很有心得 Processing 的部份 更讓我們可以利用程式就能把自己畫的圖SHOW出來 而且可以跟滑鼠互動 是個令人想再修的課程

期末回顧心得

期末回顧

這堂課 一開始真的不知道會上些什麼

純粹是因為 它是學程的東西 而且不像其他的課那麼枯燥

我不喜歡枯燥的課程 所以才選修的



不過一路修下來 真的學到滿多的

從自畫像 到audition, KTV, MTV 再上到processing

話說一開始真的不知道processing這個程式可以做什麼

但是一路做下來 慢慢瞭解到了 processing在繪圖的方便

以及其實不單只是畫圖 還可以做簡單的動畫

一開始的世界名畫 真的是畫到抓破頭皮 位置好難抓

後來的程式 開始出現了亂數圖 會動的圖(一開始做的快速行進中的車子 算滿有成就感的)

到最後的processing主題報告

一點一滴 都使processing讓我越來越上手

而且processing是我目前覺得最好寫 程式碼最簡單明瞭的一個程式

而且很意外的 期末報告竟然會拿高分....

不過有很多東西其實沒弄得很好

所以 我決定給自己打個 77分

遲交很久的世界名畫


這幅畫我遲交了很久......不過完成後還是決定po上來。
當初在寫這幅畫時,因為才剛接觸Processing,對裡面的程式了解不多,的確遇到許多難題,雖然朋友說圖片可以簡化,但是我還是決定要把它完整的完成。

一開始只是用直線line畫好,等到畫好,卻找不到上色的方法,整幅畫白色,只有黑色的線條,所以只好重新來過,後來又找到vertex的指令,我只能說這指令太方便了,不規則圖形都能解決,連顏色也能直接塗滿,不過別以為這不會遇到問題,事事不是都那麼順利的,圖形雖然是直線,但是好歹也是斜的,要做好並沒有那麼容易,座標取的有偏差,圖形的色塊之間就會有縫隙,就會留白,直到某一次作業後,想到可以不用那麼拘謹於每個座標點上,色塊是可以覆蓋的,最麻煩的背景色塊可以設定成底色,在逐一考量色塊的覆蓋順序,人物也是如此事後只需再作最後些微的調整,就完成我所想要的圖。

2008年6月2日 星期一

手工小畫家

塗鴉

這是之前早就做好的東西
整理的時候才發現沒有PO上網路-.-

風扇-網路版

這次的考試,只要有基本程式碼,要理解很容易
也很好運用。
這也是稍微把範例改過的成果
風扇

2008年5月30日 星期五

2008年5月26日 星期一

Rule 184~

該說CA還真是神奇~
藉著'1'和'0'的組合,
就能畫出張圖~
這些組合有點規則性,
感覺上'1'好像是白色,'0'則是黑色~

改變許多1和0的排列
就有不同的效果~

HW14-1:細胞自動機

我的圖: http://www.pinkpaper.info/.png 程式碼: http://www.pinkpaper.info/.htm 網頁版: http://www.pinkpaper.info/.html 按下滑鼠任一鍵可以重新產生。

Rule 184

這次的講義進度是Rule 184?

那個很像金字塔的圖
只要變動一個數值1或0,圖案就會變動很多
跟之前畫的圖不太一樣
指令變得很複雜,已經不像是一開始寫的程式一樣那麼顯而易懂
需要研究的還有很多
後面的程式,細胞分裂,感覺很像變形蟲
他的演化可以是很多種
有,聚集ˋ分裂ˋ變大或變小之類的方式可以用
不過我還不是很熟
光是修改一些東西試試看,就一直有BUG
其實我的程式真的不是很厲害
要學的還有很多@@

Abuot〝Rule 184〞

講到〝細胞分裂〞,一開始想到的一定是跟醫療有關的東西,
沒想到這次卻是另一種演算法,而且拿來作畫!!
真的很特別!!

〝0〞與〝1〞就好比是一個開關,或是說控制碼
0和1顯示著相反的東西,
利用0與1的排序,就可以規律的畫出一張圖!

如此一來我們不用像第一次寫程式繳交的圖片一樣,
一行一行指令寫下來,
只要找到規則,
就可以用程式碼跑出一張圖,
不過要懂這個...需要一點時間!!!

那間上課,老實說,有懂了,可是還是有點模糊!!
一直沒有辦法完成我想要的樣子!!!
@"@ 就這樣下課了!!!! 噗~~

心得沒有很多,就這樣而已@"@a

2008年5月19日 星期一

Week14:細胞自動機的資料

細胞自動機的相關資料,中文:

http://lab.geog.ntu.edu.tw/course/%E7%A9%BA%E9%96%93%E7%9F%A5%E8%AD%98%E7%AE%A1%E7%90%86/ch12.htm

風扇

http://ss24.mcu.edu.tw/~s5360644/light/applet/index.html
目前還未完成
正在研究如何消掉風扇轉動過的痕跡
上禮拜想說作完成後再交
結果沒給學姊登記到
希望老師至少能給我個風扇圖案的分數><


目前還未完成
正在研究如何消掉風扇轉動過的痕跡
上禮拜想說作完成後再交
結果沒給學姊登記到
希望老師至少能給我個風扇圖案的分數><

上次的上機考

http://www.csie.mcu.edu.tw/~s5361195/sketch_080520w/applet/index.html


因為那時候社團剛好有大活動要忙請了公假...

所以只能做這個來彌補一下了@@

遲來的一PO

http://ss24.mcu.edu.tw/~s4360415/fanner/

期中_我要電風扇

扇扇扇扇扇

呼~

雖然基本程式不難寫

但是後來要把它改比較好看一點反而比較難一點...


一開始本來想爛爛的就算了

但是看到好多人得很好看

轉得很有feel

所以就給他稍微改一下

雖然還是很爛~"~(抱歉喔)

程式碼:
float angle = 0.0;void setup() {size(600, 600);smooth();noStroke(); background(0); frameRate(1000);}void draw() {rect(0,0,100,100);stroke(255,0,128);stroke(200,0,200,200);rect(0,0,0,150);if(mousePressed != true){ background(0);strokeWeight(10);translate(300, 300);stroke(200,0,200,200);rect(0,0,0,150);stroke(200,200,0,200);line(0, 0, 60, 0);line(0, 0, -60, 0);line(0, 0, 0, 60);line(0, 0,0,-60);}if(mousePressed == true)if(mouseX<100 && mouseY<100){stroke(200,0,200,200);rect(0,0,0,150);fill(0, 12);rect(0, 0, width, height);strokeWeight(10);fill(255);angle = angle + 0.2;translate(300, 300);stroke(200,0,200,200);rect(0,0,0,150);rotate(angle);stroke(200,200,0,200);line(0, 0, 60, 0);line(0, 0, -60, 0);line(0, 0, 0, 60);line(0, 0,0,-60);}}

期中考:電風扇

我的圖: http://freehoxt.com/.png 網頁版: http://page.freett.com/.html 按左鍵開始旋轉,按右鍵可停止旋轉。 程式碼: http://my5gb.com/.htm

2008年5月16日 星期五

真是一PO三折

電腦頻頻出問題
一直到現在才可以上來PO文

http://ss24.mcu.edu.tw/~s5361036/FAN

不知道看不看的出來 兩個風扇 轉的方向不同!!!

2008年5月13日 星期二

就是差那麼一點...

http://ss24.mcu.edu.tw/~s5360405/_95360405__3

基本上一開始已經先畫出風扇了.....
但是在上課時無法變成網路版的....
所以就回家用...
結果一回家才發現我忘記存檔了....
一切重頭開始....
所以有點簡陋.......
改天會想個延伸的然後從新補上來...


這個程式一開始想讓她轉...
我想到的是直接從線的座標去改....
但是改了之後不但電腦當掉......
等到真的跑出來時發現.....
風扇越來越大了......
想了很久.....
想辦法把風扇變小...
但就是想不出來....
後來等救援時....
說課本上有程式碼
有指令可以直接讓他轉...
阿阿阿.....
一句話驚醒我夢中人阿!!!!!!
然後才有辦法讓他轉.....
所以.....
這次我想是我想太多了.....
哈哈哈...
或許下次想的簡單點反而寫的出來~

期中考-電風扇

http://mail.csie.mcu.edu.tw/~s5361045/applet1
其實做出電風扇不難,用之前花的來改就好了。
只是讓它轉就真的是非常的難了..............
剛開始還用亂數,不過他跳來跳去的根本就不像是在轉=.=
後來想到用有規律的變數來控制風扇的旋轉角度,終於就做出來了!

電扇

被救援 然後自己亂用=_=



很想把原本的圖的風扇拿來轉



可是原本的圖直接轉會整個洗成圓= =



只好跑一次底畫一次電扇!?



用到最後按鈕後畫面直接跳到畫底畫電扇…



按鈕還要一直按著>_<



所以現在PO的是我把按鈕判斷地方消掉的…

網頁

其中-電風扇

http://ss24.mcu.edu.tw/~s4363090/design/02/index.html
其中最難的就是讓風扇轉動,所以想了很久才做出來。

電風扇

http://ss24.mcu.edu.tw/~s4361082/sketch_080513a/applet/index.html

風扇~''~




旋轉吧!!

float angle = 0.0;
void setup()
{
size(500, 500);
background(255);
smooth();
fill(0);
ellipse(200, 200, 120, 120);
fill(255);
ellipse(200, 200, 115, 115);
fill(0);
rect(195,260,10,100);
}

void draw()
{
dr();
}

void dr()
{
float r,g,b;
r=0;
g=0;
b=0;
noStroke();
fill(r,g,b);
rect(300,350,50,50);
if(mouseX>300 && mouseX<350 && mouseY>350 && mouseY<400)
if (mousePressed == true)
{
fill(168);
rect(300,350,50,50);
translate(200, 200);
stroke(255,0,0);
for (int i = 0; i < 10; i++)
{
rotate(angle);
angle = angle + 0.03;
strokeWeight(1);
rotate(PI/2);
fill(255);
ellipse(0, 0, 110, 25);


rotate(angle);
angle = angle + 0.01;
strokeWeight(1);
rotate(PI/2);
fill(255);
ellipse(0, 0, 110, 25);

fill(255);
ellipse(0, 0, 33, 33);

}
}

}

電風扇

http://ss24.mcu.edu.tw/~s5361143/applet4/

上機很緊張,
我想最重要的指令就是rotate吧!
還有background把他打在迴圈裡,
才不會重複出現之前的圖案!
延伸...回家再好好想想XD

期中考

float angle = 0.0;
void setup() {
size(800, 600);
background(0);
smooth();

}
void draw() {
background(0);
fill(255);
rect(300,500,50,50);
stroke(255,0,0,200);
line(510,550,510,330);
if (mousePressed == true) {
angle = angle + 0.5;
translate(510,330);
rotate(angle);
strokeWeight(15); // Increase stroke weight
for (int i = 0; i < 30; i++) {
strokeWeight(10);
rotate(PI/15);
stroke(0,0,255,200);
line(50, 50, 50,0);
strokeWeight(20);
rotate(PI/30);
stroke(0,255,0,200);
line(20, 20, 40,0);
strokeWeight(20);
rotate(PI/30);
stroke(255,0,0,200);
line(10, 10, 20,0);
}
}
else
{
strokeWeight(15); // Increase stroke weight
translate(510, 330);
for (int i = 0; i < 30; i++) {
strokeWeight(10);
rotate(PI/15);
stroke(0,0,255,200);
line(50, 50, 50,0);
strokeWeight(20);
rotate(PI/30);
stroke(0,255,0,200);
line(20, 20, 40,0);
strokeWeight(20);
rotate(PI/30);
stroke(255,0,0,200);
line(10, 10, 20,0);
}}}
http://ss24.mcu.edu.tw/~s5360094/fan

卡住的部份在於,只會旋轉一次
還有沒有把前面的部份清掉...

最後...還是只有解決第一個問題
不過算是有點偷吃步吧....

期中考~風扇

http://ss24.mcu.edu.tw/~s5360475/95360475_1234

float angle = 0.0;
void setup()
{
size(500,500);
background(255);
smooth();
fill(0,0,0);
rect(0,0,50,50);
}
void draw()
{
if (mouseX<50 && mouseY<50)
{
if (mousePressed == true)
{
rect(250, 50,3,500);
translate(250,140);
for (int i = 0; i<10;i++)
{
rotate(angle);
stroke(0,255,0);
strokeWeight(30);
line(0,0,80,0);
angle = angle + 0.01;
rotate(angle);
strokeWeight(2);
fill(0);
angle = angle + 0.03;
ellipse(0, 0, 200, 20);
fill(0);
ellipse(0, 0, 50, 50);
fill(255);
}
}
}
}



我覺得這個考試
最難的地方
應該就是
讓它轉吧
讓它轉是向別人求救
才出來的

風扇

float angle = 0.0;
void setup() {
size(800, 600);
background(255,255,255);
smooth();
}
void draw(){
background(255,255,255);
smooth();
stroke(255,0,0);
translate(300, 300);
line(2,50,2,100);
angle = angle + 0.02;
rotate(angle);

for( int i=0;i<24;i++)
{
smooth();
line(50, 0, 10, 0);
rotate(PI/2);
strokeWeight(10);
stroke(350,50,50);


ellipse (0,0,50,50);
}
}




只能這樣囉

先PO程式碼

float angle = 0.0;void setup(){background(0);size(600,600);smooth();stroke(255, 120);strokeWeight(8);line(300, 300, 300, 600);
}
void draw(){/*background(0);translate(300, 300); // Set initial offsetfor (int i = 0; i < 50; i++) { // 18 repetitionsstrokeWeight(i/2); // Increase stroke weightrotate(PI/2); // Accumulate the rotationline(0, 0, 100, 0);stroke(255,125,200);fill(255);ellipse(0,0,50,50);}*/
if(mouseButton == LEFT) {angle = angle + 0.02;translate(300, 300);rotate(angle);for (int i = 0; i < 50; i++) { // 18 repetitionsstrokeWeight(i/2); // Increase stroke weightrotate(PI/2); // Accumulate the rotation line(0, 0, 100, 0);stroke(255,125,200);//background(0);
}
}
}


先PO程式碼= =
等我回家修改過後在把網路版的PO上來

風箏

http://ss24.mcu.edu.tw/~s5360290/95360290/
float angle = 0.0;void setup() {size(600, 400);smooth();noStroke();}void draw() {rect(0, 0, width, height);fill(0,0,0);rect(0, 0, 50, 50);fill(128,123,111);line(100,100,100,250);fill(255);translate(100, 100);for (int i = 0; i < 4; i++) { strokeWeight(18); rotate(PI/2); stroke(180,180,180,180); line(0, 0, 55, 0); }if(mousePressed == true) dr();}void dr(){ if(mouseX<50 && mouseY<50){ //background(255); line(0,0,0,150); angle = angle + 0.01; rotate(angle); for (int i = 0; i < 4; i++) { strokeWeight(18); rotate(PI/2); stroke(180,180,180,180); line(0, 0, 55, 0); } }}

電扇

http://stu.csie.mcu.edu.tw/~s5360564/turn/

最難的是轉的部份吧,弄了快兩節課終於會轉了。

期中"電風扇"

float angle = 0.0;
void setup()
{
size(400,400);
smooth();
noStroke();
}
void draw() {
fill(132,81,151);
rect(0,0,50,50);
if(mouseX<50 && mouseY<50)
if (mousePressed == true)
{
fill(255,0,128);
rect(190,250,20,120);
fill(0,0,255);
ellipse(200, 200, 15,15);
fill(40,50);
rect(0, 0, width, height);
fill(255,0,0);
angle = angle + 10.0;
translate(200,200);
rotate(angle);
rect(-50,-10,50,10);
}
}

風扇

http://www.csie.mcu.edu.tw/~s5361116/pro/applet/index.html
按鈕尚未解決

期中

http://ss24.mcu.edu.tw/~s5360813/index.html

電風扇 按ㄌ會動

float angle = 0.0;
void setup(){size(800,600);frameRate(15);}void draw(){ background(255,255,255); translate(400,300); ellipse(0, 0,100,100); fill(0,100,0); line(0, 50, 0, 200); angle=angle+0.2; rotate(angle); draw2();}void draw2(){ { translate(-100,0); ellipse(0, 0,100,60); fill(100,100,0); } { translate(200,0); ellipse(0, 0,100,60); fill(10,100,100); } }

風扇

http://www.csie.mcu.edu.tw/~s5360352/fans/
float angle = 0.0;
void setup() {
size(300, 400);
background(0,0,255);
strokeWeight(3);
rect(150,200,0,200);
strokeWeight(0);
fill(255,255,0);
rect(0,0,50,50);
}
void draw() {
if(mouseX<50 && mouseY<50)
{
if (mousePressed == true){
translate(150, 200);
for( int i=1;i<3;i++)
{
angle = angle + 0.05;
rotate(angle);
strokeWeight(10);
stroke(255,0,0,100);
line(0, 20, 50, 0);
angle = angle + 0.03;
rotate(angle);
strokeWeight(10);
stroke(0,0,0,100);
line(0, 0, 50, 0);
}
}
}
}
一開始很快就做出風扇,但是不會轉,直道跟同學求救,才知道要加上角度的變數,才可以使風扇轉動

我的風扇

http://www.csie.mcu.edu.tw/~s5361170/0051/index.html


這次的上機考有點小緊張,
畫一個電扇的語法還算ok
之後要讓她動就有點難倒我了!

後來看老師的講義備我翻到,
了解用法,
帶進去~
他就轉勒~

酷,有點成就感^^
float angle = 0.0;void setup(){size(800, 600);background(0);smooth();noStroke();}void draw(){
rect(50,50,80,80);if(mousePressed==true){ fill(0,225,0,10); ellipse(400,300,380,380); fill(225,0,0); rect(400,490,20,200); fill(0,12);ellipse(0,0, width,height);rect(0, 0, width, height);rect(0, 0, width, height);fill(225);angle = angle + 0.02;translate(400, 300);rotate(angle);ellipse(-30,-30,100,100); rect(-40,-180,20,300); rect(-180,-40,300,20);
}
}

電風扇

http://ss24.mcu.edu.tw/~s5360015/applet/

原本我想用上次的作業改
但我這種想法是錯的
因該還要加入新的程式碼才會比較好

期中考阿~電風扇

我的電腦沒辦法用成網路版~等等再用囉~
先放程式碼,很亂

float angle = 0.0;
void setup(){
size(400,300);
background(0);
}
void draw(){
rect(195,150,10,60);
rect(180,210,40,10);
rect(210,200,10,10);
translate(200, 150);
fill(255,100,190,80);
ellipse(0,0,70,10);
ellipse(0,0,10,70);
if ((mouseX > 210) && (mouseX <> 200) && (mouseY < 210)) {
if (mouseButton == LEFT) {
for (int i = 0; i <15; i++) {
rotate(PI/10);
angle = angle+0.0002;
ellipse(0,0,70,10);
rotate(angle);
}
}
}
}

上機考之電風扇(?)

http://ss24.mcu.edu.tw/~s5360626/applet12/index.html


偷吃步的....XD

電扇

http://www.csie.mcu.edu.tw/~s5361170/0414/index.html
這次電風扇原本我是用花去改的

但只能變顏色

後來改成旋轉但有重疊下來的痕跡

後來把background和LOOP一起跑就解決了

電風扇上機考

上機考的電風扇
最難的部份? ...
嗯 ... 應該是電風扇的弧形葉面太難畫了,畫不出來結果放棄妥協了 = =a

延伸部分:
目前想到的是電風扇跟著滑鼠跑,上面有很多葉子,被電風扇吹到的會飛走
快寫出來囉,寫出來之後在放上去嚕

電風扇

http://www.csie.mcu.edu.tw/~s4360786/test1/index.html

程式碼:http://www.csie.mcu.edu.tw/~s4360786/1.txt

電風扇

  1. http://ss24.mcu.edu.tw/~s5360626/applet/index.html

最難的應該是讓她旋轉的指令八

偷吃步之殘影運用

http://www.csie.mcu.edu.tw/~s5361170/good/index.html


======================================

我覺得這次最難的部份是電扇的運作方式吧

可以有許多不同的方式來詮釋電扇的轉動

有留下殘影的

兩張圖相互交換的

一起移動同樣間距的

這都可以詮釋電扇

我的延伸是節省資源 利用最少物件來達成最大效益

2008年5月12日 星期一

期中考~風扇

http://ss24.mcu.edu.tw/~s5361143/applet3

小小花型電風扇~

http://ss24.mcu.edu.tw/~s5360954/ap
按著左鍵就轉,按著右鍵就停~
最麻煩的是,明明知道它有在轉,可是眼睛卻看不出來啊~
我讓它轉的圈數隨機換,這樣就看得出來了.
{ size(400, 400); background(255); smooth(); }void draw(){ int i,k=0; smooth(); translate(200, 200); stroke(0,0,0); strokeWeight(10); line(0,0,0,160); for(i=0;i<4;i++){ stroke(255-i*40,0,0); strokeWeight(5); line(0, 0, 80,0); rotate(PI/2); } if (mousePressed == true) k+=1; if((k%2) == 1){ for(i=0;i<16;i++){ stroke(255-i*10,0,0); rotate(PI/8); line(0, 0, 80,0); } }}

這次的考試
其實就掌握幾個重要的程式碼
應該就可以做的出來了

translate 物件位置
stroke 填充顏色
rotate 旋轉角度

點到哪就開花~

http://ss24.mcu.edu.tw/~s5361143/applet6/

花~

void setup()
{size(800, 800);
background(255);
smooth();
}
void draw()
{smooth();if (mousePressed == true){translate(mouseX, mouseY);
for (int i = 0; i < 50; i++) {strokeWeight(5);rotate(PI/15);
stroke(random(0,255),random(0,255),random(0,255),200);
line(0, 0, 80,0);
}
}
}

HW12-1:圖形的變換、位移、旋轉

我的圖: http://freehoxt.com/.png 網頁版: http://page.freett.com/.html 按滑鼠左鍵可增加十朵,右鍵可消除全部。 程式碼: http://my5gb.com/.htm

0506之2的延伸

http://www.csie.mcu.edu.tw/~s5361195/sketch_080512a/applet/index.html


不管怎麼看都是鬥雞眼的外星人~

儘管你驚訝~突出了雙眼~你還是鬥雞眼~

還能跟她玩123木頭人~看他看到甚麼東西會嚇的臉色發青~

延伸

http://www.csie.mcu.edu.tw/~s5361214/drawdraw/applet/index.html


這...我也不知道是什麼@@
只是想說丟了一個ROTATE進去就變成這樣
雖然有點怪
可是我還滿喜歡這種感覺XDDD
有點像潑墨,哈哈

2008年5月11日 星期日

距離~變化

http://ss24.mcu.edu.tw/~s5361143/applet7

2008年5月8日 星期四

void setup() {
size(600, 600);
background(0);
smooth();
}
void draw(){
smooth();
if (mousePressed == true){
translate(mouseX, mouseY);
for (int i = 0; i < 30; i++) {
strokeWeight(10);
rotate(PI/15);
stroke(0,0,255,200);
line(50, 50, 50,0);

strokeWeight(20);
rotate(PI/30);
stroke(0,255,0,200);
line(20, 20, 40,0);

strokeWeight(20);
rotate(PI/30);
stroke(255,0,0,200);
line(10, 10, 20,0);
}
}
}

2008年5月6日 星期二

Recursuve


網頁版:
http://ss24.mcu.edu.tw/~s5360954/cir

花2


void setup() {
size(500, 500);
background(255);
smooth();
}
void draw(){
smooth();
translate(mouseX,mouseY); // Set initial offset
if (mousePressed == true) {
for (int i = 0; i < 25; i++)
{
strokeWeight(5); // Increase stroke weight
rotate(50);// Accumulate the rotation
stroke(random(0,255),random(0,255),random(0,255));
line(6, 1, 50, 50);
}
}
}

花?畫?

http://ss24.mcu.edu.tw/~s5361214/flower/applet/index.html

奇怪花




void setup()
{
size(800,600);
background(0);
}
void draw()
{
}
void mousePressed()
{
smooth();
stroke(1, 10);
translate(mouseX, mouseY); // Set initial offset
float x=random(0,200);
fill(255,x,x);
for (int i = 0; i < 18; i++) { // 18 repetitions
strokeWeight(i); // Increase stroke weight
rotate(PI/5); // Accumulate the rotation
fill(random(100,255),random(100,190),random(100,190));
ellipse(0,0,60,10);
}
}


===============================================================

奇怪的花

花!!!

void setup() {
size(800, 800);
background(255);
smooth();
}
void draw(){
smooth();
if (mousePressed == true){
translate(mouseX, mouseY);
for (int i = 0; i < 24; i++) {
strokeWeight(10);
rotate(PI/12);
stroke(random(0,255),random(0,255),random(0,255),200);line(0, 0, 60,0);
}
}
}

灑小花


這些小花,我很想讓他"點到為止",但是他只要按著不放就會暴走
所以還再想讓她點一下出現一朵的狀態

福老耳...GOOD
















void setup() {
size(800, 600);
background(0);
smooth();
}

void draw()
{
if (mousePressed == true) {

stroke(255,150,55);

translate(mouseX,mouseY);
for (int i = 0; i < 10; i++) { // 18 repetitions
strokeWeight(15); // Increase stroke weight
rotate(PI/4); // Accumulate the rotation
line(5,5,20, 25);
}}}

花!!


void setup(){
size(600,600);
background(0);
smooth();
stroke(255,120);
}
void draw(){
if (mousePressed == true){
translate(mouseX, mouseY);
for (int i=0;i<25; i++)
{
strokeWeight(i);
rotate(PI/12);
line(0, 0, 100, 0);
stroke(random(0,255),random(0,255),random(0,255),180);
fill(random(0,255),random(0,255),random(0,255),180);
triangle(30,40,20,50,60,20);
}
}
}






void setup() {
size(200, 200);
background(255);
smooth();
noLoop();
}
void draw(){
smooth();
translate(99, 99); // Set initial offset
for (int i = 0; i < 25; i++) { // 18 repetitions
strokeWeight(5); // Increase stroke weight
rotate(50);// Accumulate the rotation
stroke(random(0,255),random(0,255),random(0,255));
line(6, 1, 50, 50);
}
}

Flower



Code:
void setup()
{
size(800,600);
background(255);
}
void draw(){}
void mousePressed()
{
smooth();
stroke(random(0,255),random(0,255),random(0,255), 120);
translate(mouseX, mouseY); // Set initial offset
for (int i = 0; i < 12; i++) { // 18 repetitions
strokeWeight(50); // Increase stroke weight
rotate(PI/6); // Accumulate the rotation
line(0,0,55,0);
}
ellipse(0,0,30,30);
}

第2朵花

void setup() {
size(300, 400);
smooth();
}
void draw ()
{
translate(mouseX,mouseY);
smooth();
if (mousePressed == true) {
for( int i=0;i<24;i++)
{
rotate(PI/6);
strokeWeight(7);
stroke(random(0,255),random(0,255),random(0,255),50);
line(0, 0, 20, 0);
}
}
}

花非花!!



種花!


void setup()
{
size(400, 600);
background(255);
smooth();
}
void draw()
{

dr();
}
void dr()
{
float r,g,b;
r=random(0,255);
g=random(0,255);
b=random(0,255);
if (mousePressed == true)
{
translate(mouseX, mouseY);
stroke(r,g,b,120);
for (int i = 0; i < 20; i++)
{
strokeWeight(10);
rotate(PI/8);
line(0, 0, 50, 0);
ellipse(0, 0, 15, 15);

}
}
}


size(800,600);
background(255);
smooth();
translate(400, 300);
for (int i = 0; i<30;i++){
stroke(random(255,255),random(0,160),random(128,255));
strokeWeight(i);
rotate(PI/5);
line(0, 0, 55, 0);
}




void setup(){
size(800,600);
background(255);
smooth();
translate(400, 300);
}
void draw(){
if (mousePressed == true)
{
translate(mouseX,mouseY);
for(int i=0;i<30;i++){
stroke(random(255,255),random(0,160),random(128,255));
strokeWeight(i);
rotate(PI/5);
line(0, 0, 55, 0);
}
}
}

flower

http://ss24.mcu.edu.tw/~s5360626/flow/applet/index.html

花花花花花花

void setup()
{
size(800, 600);
background(0);
smooth();
}
void draw()
{smooth();
if (mousePressed == true)
{
translate(mouseX, mouseY);
for (int i = 0; i < 18; i++)
{strokeWeight(25);
rotate(PI/9);
stroke(random(25,255),random(25,255),random(25,255),255);
line(0, 0, 55,55);
ellipse(0,0,60,60);
}
}
}

很多花


size(800,600);
background(0);
smooth();//stroke(255, 120);
for(int j=0;j<=1000;j++)
{
translate(random(10,320) ,random(10,320));// Set initial offset
for (int i = 0; i <25>
{ // 18 repetitions
stroke(random(50,190),random(50,200),random(50,190));
strokeWeight(i); // Increase stroke weight
rotate(PI/4); // Accumulate the rotation
line(0, 0, 32, 0);
}
}

這不是花




















好醜的一朵花




















好多很醜的花

點哪裡都會跑出很醜的花

花-自點


程式碼:
void setup(){
size(800,600);
background(0);
}
void draw(){
for(int i=0;i<50;i++)
{
float x,y;
float a1,a2,a3,a4;
a1=random(0,255);
a2=random(0,255);
a3=random(0,255);
a4=random(0,255);
x=random(0,800);
y=random(0,600);
if (mousePressed == true)
{
smooth();
stroke(a1,a2,a3,a4);
translate(mouseX, mouseY);
// translate(x,y); // Set initial offset 座標
for (int j = 0; j <50; j++)
{
strokeWeight(j); // Increase stroke weight
rotate(PI/6); // Accumulate the rotation
line(0, 0, 55, 17);
}
}
}
}



void setup()
{
size(400, 400);
background(30,150,0);
smooth();
}
void draw(){
translate(mouseX,mouseY); // Set initial offset
if (mousePressed == true){
for (int i = 0; i < 30; i++)
{ // 18 repetitions
strokeWeight(7); // Increase stroke weight
rotate(PI/12); // Accumulate the rotation
stroke(random(0,255),random(0,100),random(0,100),random(150,180));
line(0, 0, 30, 0);
}
}
}

2008年5月5日 星期一

這是花?


void setup(){
background(0);
size(600,600);
smooth();
stroke(255, 120);
} void draw(){
if (mousePressed == true){
translate(mouseX, mouseY); // Set initial offset
for (int i = 0; i < 50; i++) { // 18 repetitions
strokeWeight(i/2); // Increase stroke weight
rotate(PI/12); // Accumulate the rotation line(0, 0, 100, 0);
stroke(random(0,255),random(0,255),random(0,255),random(0,200));
fill(random(0,255),random(0,255),random(0,255),random(0,200));
ellipse(0,0,50,50);
}
}
}

康乃馨

網頁:http://ss24.mcu.edu.tw/~s4360786/flower/

程式碼:
void setup()
{
size(800,600);
background(0);
}
void draw()
{
}
void mousePressed()
{
smooth();
stroke(1, 10);
translate(mouseX, mouseY); // Set initial offset
float x=random(10,150);
fill(255,x,x);
for (int i = 0; i < 18; i++) { // 18 repetitions
strokeWeight(i); // Increase stroke weight
rotate(PI/4.8); // Accumulate the rotation
ellipse(0,0,60,10);
}
fill(255,190,190);
ellipse(0,0,5,5);
}

花0.0

http://ss24.mcu.edu.tw/~s5360094/flower

1個花

void setup() {
size(300, 400);
//if (mousePressed == true) {
translate(150, 200);
for( int i=0;i<24;i++)
{
smooth();
line(50, 10, 10, 0);
rotate(PI/6);
strokeWeight(10);
stroke(random(0,255),random(0,255),random(0,255),300);
}
}

我點~


code:
void setup(){size(800,600);background(255,255,200);smooth();stroke(255, 120);}
void draw(){ if(mousePressed==true){
translate(mouseX,mouseY);for (int i = 0; i < 20; i++) {fill(255,150,150);rotate(PI/12); ellipse(0, 0, 50, 5);}ellipse(0, 0, 10, 10);}
}

Flower_滑鼠點



void setup(){

size(800,600);

background(0);

smooth();

}

void draw(){

stroke(255, 120, random(0,255), 100);

translate(mouseX, mouseY);

if(mousePressed == true)

{

for (int i = 0;i <>{

strokeWeight(10);

rotate(PI/12);

line(0, 0, 40, 10);

}

for (int i = 0;i <>{

stroke(255, 255, 0);

strokeWeight(10);

rotate(PI/12);

line(0, 0, 5, 0);

}

}

}

只有一朵的花
隨著滑鼠點擊,可以增加圖片數量。
float R;
float G;
float B;
float L;
void setup() {
size(800,800);
background(255);
smooth();
stroke(200, 50);
}
void draw(){
if (mousePressed == true){
translate(mouseX, mouseY); // Set initial offset
for (int i = 0; i <>
R=random(0,255);
G=random(0,255);
B=random(0,255);
L=random(10,200);
stroke(R,G,B,20);
strokeWeight(10); // Increase stroke weight
rotate(PI/143); // Accumulate the rotation
line(0, 0, L, 0);
}}}


程式碼:
size(800,600);
background(128);
smooth();
stroke(125,53,30,60);
translate(150, 200);
{ for (int i = 0; i <50;>
strokeWeight(i); // Increase
rotate(PI/6); // Accumulate the rotation
line(0, 0, 55, 17); }

花? part 2




我找不到滑鼠離開的方法,所以變成這副德性

void setup() {
size(800, 600);
background(255);
smooth();
}

void draw(){
if (mousePressed == true)
re_todo(mouseX,mouseY);
}

void re_todo(int x,int y){
smooth();
translate(x, y); // Set initial offset
for (int i = 0; i < random(3,25); i++) { // 18 repetitions
strokeWeight(random(3,18)); // Increase stroke weight
rotate(PI/5); // Accumulate the rotation
stroke(random(0,255),random(0,255),random(0,255),180);
line(0, 0, random(15,55), 0);
}
}

小紅花~


code:
size(800,600);background(255,255,200);smooth();stroke(255, 120);float k;for(int j = 15; j < 100; j++){k=random(50,75)+j;translate(2*k,3*k+10);for (int i = 0; i < 20; i++) {fill(255,150,150);rotate(PI/12); ellipse(0, 0, 50, 5);}}

0506一堆花





想辦法均勻散佈中...

程式碼:

void setup(){size(800,600);background(255,255,255);smooth();noLoop();}
void draw(){ for(int j=0;j<100;j++){ translate(random(-50,100),random(-50,100));fill(random(150,255),random(150,255),random(150,255),255);ellipse(-35, -5, 70, 10);for(int i=0;i<180;i++){ rotate(-PI/10);fill(random(150,255),random(150,255),random(150,255),255);ellipse(-35, -5, 70, 10);}fill(random(150,255),random(150,255),random(150,255),255);ellipse(0, 0, 60, 60);} }

-----------------------------------------


void setup() {size(800, 600);
}void draw() { } // Empty draw() keeps the program runningvoid mousePressed() {float xx=random(0,100),yy=random(0,20);translate(mouseX,mouseY);fill(random(150,255),random(150,255),random(150,255),255);ellipse(-xx/2, -yy/2, xx, yy);for(int i=0;i<180;i++){ rotate(-PI/10);fill(random(150,255),random(150,255),random(150,255),255);ellipse(-xx/2, -yy/2, xx, yy);}fill(random(150,255),random(150,255),random(150,255),255);ellipse(0, 0, xx, xx);
}