期末回顧

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

電風扇上機考

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

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

花? 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：
void setup() {
size(200, 200);
background(255);
smooth();
noLoop();
}

void draw(){
smooth();
translate(99, 99); // Set initial offset
for (int i = 0; i < 24; i++) { // 18 repetitions
strokeWeight(18); // Increase stroke weight
rotate(PI/12); // Accumulate the rotation
stroke(random(0,255),random(0,255),random(0,255),180);
line(0, 0, 55, 0);
}
}

小畫家+期中回顧

作業..

小畫家連結

仿真小畫家
UI相似度95％，功能相似度15% XD...
下面的顏色除了黑跟白固定，其餘28種顏色每次都會不一樣
能選到什麼顏色看運氣囉...

PS：老師您要的功能我測過了一下，網頁版似乎不能使用save function
因為伺服器端"禁止"在伺服器內由JIT(clinet)直接儲存檔案到server
因為基本上雖然說是網路版，說穿了也只是download code到pc丟給JIT跑
(但是有可能存在IE template，我還沒去找)
且只要一按save程式就會掛掉 = =a..

期中回顧:

很快又半學期過去了，其實在選這門課的時候，曾經與XML猶豫2擇1
上過老師幾門課的感想，我覺得"自由發揮"可能會使學生態度兩極化

首先來看上課方式:
不照本單調上課，給進度給同學測試，只要同學有親自操作，都可以加強
學習印象，學習效果比老師廣播講程式台下在睡覺更好，進度超前的同學
也可利用時間做延伸變化練習，學的多的同學自然學的更多，不太懂得同
學也可以問到會，且比較不會浪費到時間，很棒！

再來是課程內容：
這學期的課程內容幾乎都是自由發揮題目，只要想的到的都可以去做。
比如說想到什麼好玩的創意或功能，就可以加上去，而不是規定一定要做
出個什麼東西，這就是上課與作業樂趣的所在阿！

最後說說感想：
我曾經問過老師「processing跟flash很像啊，有存在的必要嗎？」
但自己玩過之後比較，processing是比較好上手的簡單程式，功能
也還滿ok的，一開始以為他只能畫不會動的圖。基本上某方面是可以
暫時代替flash來寫寫小程式了，且重點他是免費！但是缺點也不是
沒有，程式強度沒有actionScript強，且太吃CPU資源了>_<
我的老扣扣k7-2.8+cpu電腦跑processing很lag的啊...flash就不會

感想大概暫時就寫到這，還有想到再做補充

超~ 簡易小畫家

code :
int R = 0;
int G = 0;
int B = 0;

void setup() {
size(600, 400);
background(255);
smooth();
}
void draw() {
if (mousePressed == true) {
strokeWeight(2);
stroke(R,G,B);
line(mouseX, mouseY, pmouseX, pmouseY);
}

//選畫板
dr();
}

void dr(){
//--黃色
strokeWeight(0);
fill(255,255,0);
rect(0,350,50,50);
if(mouseX<50 && mouseY>350)
if (mousePressed == true){
R=255;G=255;B=0;
}
//--紅色
fill(255,0,0);
rect(50,350,50,50);
if(mouseX<100 && mouseX>50 && mouseY>350)
if (mousePressed == true){
R=255;G=0;B=0;
}
//--藍色
fill(0,0,255);
rect(100,350,50,50);
if(mouseX<150 && mouseX>100 && mouseY>350)
if (mousePressed == true){
R=0;G=0;B=255;
}
//--綠色
fill(0,255,0);
rect(150,350,50,50);
if(mouseX<200 && mouseX>150 && mouseY>350)
if (mousePressed == true){
R=0;G=255;B=0;
}
}

有滑鼠的作業

http://ss24.mcu.edu.tw/~s4363613/wd/ep_02

不小心竟然做成遊戲了- -a

要考試就先寫到這，之後再看看要補什麼...

考完可能會寫成打磚塊也說不定 囧

規則：時間愈久，速度愈快，版子愈小
(板子不會小到不見，速度有上限不會快到看不見)

網頁版

http://ss24.mcu.edu.tw/~s4363613/wd/ep_01/index.html

延伸

從上次的圓形延伸動態變色
效果是每個圓都會隨著時間改變顏色
看起來就像有很多眼睛一直不斷在變色
很有迷幻的感覺

...

其實我是想寫時鐘的，但是processing 不支援單次定義法
也就是..
if(db==null){
db=1;
int x;
}
很可惜，如果processing可以這樣寫的話可以延伸更多動態圖案的...

void setup(){
size(800,600);
frameRate(10);
background(random(5,20),random(5,20),random(5,20),50);
}
void draw(){
for(int i=0;i<=800;i+=200){
for(int j=0;j<=600;j+=200){
fillstar(i,j);
}
}
}

void fillstar(int q,int k){
noStroke();
smooth();
float radius = 1;
for (int deg = 0; deg < 360*40; deg += 55) {
float angle = radians(deg);
float x=q+(cos(angle)*radius);
float y=k+(sin(angle)*radius);
fill(random(10,255),k--,q,q--);
ellipse(x, y, 5, 3);
radius = radius + 0.5;
}
}

圓型方陣

莫名奇妙的東西...

CODE:

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

void draw(){
for(int i=0;i<3;i++)
for(int j=0;j<4;j++)
{
fill(random(255),random(255),random(255));
rect(0+(j*200),0+(i*200),200,200);
for(int k=0;k<5;k++)
{
fill(random(255),random(255),random(255));
ellipse(100+(j*200),100+(i*200),200-(k*30),200-(k*30));
}
}
}

frameRate

void setup(){
size(800,600);
background(255,255,255);
frameRate(30);
//noLoop();
}

void draw(){
float x,y,lx,ly;
x = random(0,800);
y = random(0,600);
lx = random(0,100);
ly = random(0,100);
rect(x,y,lx,ly);
}

frameRate = (每秒所能處理的畫面)
簡單而言就是每秒動作頻率
相當於FPS (frames per second) 數值...

for + random

processing

CODE:
void setup(){
size(800,600);
background(255,255,255);
noLoop();
}

void draw(){
for(int i=0;i<400;i++)
{
float x,y,lx,ly;
// Random rand = new Random();
x = random(0,800);
y = random(0,600);
lx = random(0,100);
ly = random(0,100);
rect(x,y,lx,ly);
}
}

hw_process

processing

畫的


CODE:
void setup(){
size(800,600);
background(255,255,255);
noLoop();
}

void draw(){
c1();
r1();
c2();
}

void c1(){
fill(14,102,18);
ellipse(100,80,28,28);
fill(22,22,157);
ellipse(50,260,40,40);
fill(165,12,30);
ellipse(80,510,32,32);
fill(194,187,188);
ellipse(400,65,40,40);
fill(214,237,22);
ellipse(710,68,60,40);
fill(246,96,114);
ellipse(740,375,30,40);
}

void c2(){
fill(75,224,222);
ellipse(140,280,100,20);
fill(21,27,118);
ellipse(220,155,100,100);
fill(255,255,0);
ellipse(280,370,85,85);
fill(14,102,18);
ellipse(330,255,90,90);
fill(165,12,30);
ellipse(445,255,90,90);
fill(165,12,30);
ellipse(390,405,95,95);
fill(246,96,114);
ellipse(390,405,75,75);
fill(139,24,242);
ellipse(500,405,105,105);
fill(121,67,013);
ellipse(570,145,105,105);
fill(33,41,185);
ellipse(650,255,100,20);
}

void r1(){
fill(214,108,23);
rect(130,200,25,265);
fill(161,8,33);
rect(205,180,25,285);
fill(70,62,63);
rect(235,330,90,135);
fill(89,41,227);
rect(285,230,90,80);
fill(22,22,159);
rect(400,230,90,80);
fill(0);
rect(365,380,50,80);
fill(143,139,157);
rect(450,350,100,110);
fill(157,159,99);
rect(560,150,15,310);
fill(155,88,46);
rect(635,250,25,212);
}

自己畫的幾何畫

這是什麼鬼我也不知道....

幾何畫

Miro米羅~【太陽也起舞】

銘傳的一天

http://vlog.xuite.net/vlog/guest/basic.php?media_id=NVFHNlFHLTk0OTAzOS5mbHY=

保證精彩，錯過可惜 = =a

設計參觀

今天參觀一圈後，能與科技結合自己比較有感覺的是Q cube環保購物袋這組,本來想請設計者稍微介紹解說一下，但現場沒有設計者在，可能去上課了吧。看了簡介之後，主題是與環保較有關係。利用不要的材料做出一些有創意的環保袋，而我覺得可以在環保袋上加上電子備忘錄，再出門前先輸入自己想要購物的物品，該物品購入後即記錄購物完畢，如此購物物品可更簡單明瞭,不會忘了這次出門的購物目的也可以提醒自己不要買了不需要的物品。

KTV

http://ss24.mcu.edu.tw/~s4363613/94363613.mp3

刺蝟原則

重點:
1.把策略奠基於對三個面向及其交集的深入瞭解
2.把理解轉換為單純而清晰的概念並成為一切努力的依歸

概述:
刺蝟原則
文章中點了三大方向，我以自己的方式解釋為
1.對某事物的熱誠
2.對某技能的熟略
3.經濟引擎這個我比較不了解其意，但我暫且解釋他為推動
主要技能的輔助技能

要保持長久的績效，最重要的紀律就是堅守刺蝟原則，並且願
意放棄超出三個圓圈之外的發展機會，也就是技能專精化

心得:
以我而言，缺乏洞悉一切的能力是有待加強的地方，事情單純
簡單化也是優先學習的地方。對其他某些人而言，或許找到對一
事物的熱誠是優先的考量，不因流行而盲從。

老師的畫像