week01,hw01

1.http://www.youtube.com/watch?v=TAVbWKGUDiU
2size(772, 443);  //視窗大小
background(210); //背景
fill(0,0,0); //耳朵(外)
ellipse(200, 221,120, 120); //(x,y,寬,高)
fill(255,255,255); //耳朵(內)
ellipse(200, 221, 90, 90); //(x,y,寬,高)
fill(0,0,0); //耳朵(外)
ellipse(397, 221,120, 120);
fill(255,255,255); //耳朵(內)
ellipse(397, 221, 90, 90);
fill(0,0,0); //臉(外)
ellipse(300, 300,190, 190);
fill(255,255,255); //臉(內)
ellipse(300, 300, 165, 165);
fill(0,0,0); //黑色眼睛
ellipse(267, 273, 20, 30); //(x,y,寬,高)
fill(0,0,0); //黑色眼睛
ellipse(333, 273, 20, 30); //(x,y,寬,高)
noStroke();
//stroke(10);
fill(255,0,0); //嘴巴紅色部分
ellipse(300, 320,80, 80);
fill(255,255,255); //嘴巴白色部分
ellipse(300,310,80,62);
fill(0,0,0); //鼻子
ellipse(300,310,25,18);

Week1,HW01

1.http://www.youtube.com/watch?feature=player_embedded&v=8BVTuoVSNmY
2.size(300,300);
PImage kitty;
kitty = loadImage("http://artec-electronics.com/wp-content/uploads/2010/12/artec_evocars.jpeg");
image(kitty, 0,0);

3.第一周沒上到希望ˇ能跟上進度

Week01 HW01

 1.找processing做出來的作品

這是網路上某位高手做出來的星空!!!



2.kitty 程式碼

3.好開心的open將 :D

background(0,0,0);
size(275,275);
fill(255,128,64);
ellipse(100,100, 160, 140);
stroke(153);
fill(5,125,2);
ellipse(100,100, 140, 120);
stroke(153);
fill(255,0,0);
ellipse(100,100, 120, 100);
stroke(0);
fill(255.230,217);
ellipse(100,100, 100, 80);
stroke(0);
fill(128,64,64);
ellipse(100,105, 20, 15);
line(62,81,79,92);
line(60,89,79,92);
line(57,95,79,92);
line(141,88,125,96);
line(144,94,125,96);
line(141,106,125,96);
noFill();
arc(100,120,40,20,0,PI);

Week01,HW01

1.1


1.2

PImage img;  
int x=10,y=10;
img = loadImage("http://static.zerochan.net/IA.full.978309.jpg");  
size(img.width+2*x,img.height+2*y);  
background(255,255,0);
image(img,x,y);

1.3

size(600,600);
background(255,255,255);
fill(165,202,57);
noStroke();
ellipse(300, 200, 200, 200);
fill(255,255,255);
rect(200, 200, 200, 100);
ellipse(260, 150, 20, 20);
ellipse(340, 150, 20, 20);
fill(165,202,57);
rect(200, 210, 200, 150);
ellipse(225, 360, 50, 50);
ellipse(375,360, 50, 50);
rect(220, 355, 150, 30);
ellipse(345,440, 50, 50);
ellipse(255,440, 50, 50);
rect(230, 380, 50, 60);
rect(320, 380, 50, 60);
ellipse(435,320, 50, 50);
ellipse(435,230, 50, 50);
ellipse(165,320, 50, 50);
ellipse(165,230, 50, 50);
rect(140, 230, 50, 90);
rect(410, 230, 50, 90);
pushMatrix();
translate(380,70);
rotate(PI/6);
rect(0, 0, 10, 60);
popMatrix();
pushMatrix();
translate(220,73);
rotate(PI*1.85);
rect(0, 0, 10, 60);
popMatrix();
ellipse(224,70, 10, 10);
ellipse(385,71, 10, 10);

Week1,HW01

1.
2.
size(300,300);
PImage kitty;
kitty = loadImage("http://carseatcoversforgirls.us/wp-content/uploads/2012/02/hello-kitty-300x281.jpg");
image(kitty, 0,0);

3.
4.因為最後才加選到所以還沒去上過課，看著其他同學的作品試著畫畫看，畫得很簡陋，希望能追上大家的進度。

HW1

第一題


第二題

PImage img;
int x=20,y=20;
img = loadImage("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxLbVoS_gyNp0IgztNcvOHT7FoOabL8cLDGT9ub_o2gO3tK6SMoP8aZ0Xx56BRSJfUSuHi_utWybNFuIYvYFYDlqQHFawcW5ObGSweuh5M6_kjQxGuubofkOQj8dEBRVtaiwBD1F9UZ68k/s1600/que-significa-hello-kitty-2.jpg");  
size(img.width+2*x,img.height+2*y);
background(0,255,255);
image(img,x,y);

原圖

第三題

程式碼 部分 :

PImage img;
size(500,400);
img = loadImage("05.jpg");
image(img, 0, 0);

float t=HALF_PI/3;
translate(-250,-100);
scale(2, 2);
pushMatrix();
noStroke();
//披風
fill(0);
quad(200, 120, 150, 250, 350, 250,300, 120);
//身體
fill(220,220,0);
rect(280, 130, 30, 30,3);
fill(220,220,0);
rect(190, 130, 30, 30,3);
fill(255,0,0);
rect(205, 130, 90, 90,3);
//腰帶
fill(220,220,0);
rect(205, 180, 90, 20,3);
fill(255);
rect(235, 180, 35, 20,3);
fill(220,220,0);
rect(242, 185, 20, 10,3);

//小臉
ellipse(250,163,20,20);


//臉
fill(205,151,113);
ellipse(250,100,110,100);
//eyes
fill(0);
ellipse(235,85,10,20);
ellipse(265,85,10,20);

//鼻子
fill(255,0,0);
ellipse(250,110,40,30);
fill(220,103,80);
ellipse(220,110,20,30);
ellipse(280,110,20,30);
fill(255);
rect(245, 105, 10, 10,3);

//嘴巴

noFill();
stroke(0);
arc(250, 120, 50, 30, t, t*5);

//眉毛
arc(232, 80, 30, 35, t*6, PI*2);
arc(268, 80, 30, 35, t*6, PI*2);

//foot
noStroke();
fill(220,220,0);
rect(205, 220, 40, 20,3);
rect(255, 220, 40, 20,3);
popMatrix();

[心得]

在這堂課可以很容易的上手，因為很多程式碼和上學期學的OPNEGL很像。
也可以 感受到高階程式的功能 不用宣告可以直接就開始執行程式
很方便 

processing 是一個很輕鬆上手的軟體 。

Week 01, HW01

1.processing  影片



2.kitty 程式碼

size(350,350);
PImage robbot;
robbot = loadImage("http://pic.wenwen.soso.com/p/20080830/20080830234948-1104005910.jpg");
image(robbot, 20,20);

3.想用processing畫的圖

參考圖就是以上機器人圖
然後在自己畫上草稿圖

利用processing 幾個簡單幾何圖形拼湊後

之後這是完成圖

這是作業中的這個圖全是用四角形和三角形拼湊出來
總覺得自己用了一個很笨的方法，硬是去瞄點，瞄到眼睛都脫窗了
希望未來可以學到比較快的方法可以一次做出多邊形
這樣就不會有把過多時間砸在瞄點這上面的問題了


4. 9/11互動技術上課心得
今天一開始在新增作者的地方有點混亂，再加上電腦螢幕不賞臉，讓我剛開始這堂課有點小小不順，不過對於今天的上課內容真的感覺很好玩，新的東西新的程式，讓人非常新鮮，讓我感到很有趣

Week01,HW01

98160860黃麒,座號24,HW01,Week01

1.







2.

size(600,600);
PImage kitty;
kitty = loadImage
("http://s1.imgs.ck101.com/t/20120615/2322bc4bbd65c26cadcab6c700b04c12.jpg");
image(kitty,20,20);

3.

size(150,150);
background(100,100,100);
fill(300,300,0);
rect(10,25,130,100);
fill(0,0,0);
rect(70,50,15,40);
triangle(70,45,82,60,70,60);
triangle(85,45,73,60,85,60);
triangle(70,90,85,90,78,110);
rect(57.5,62,40,17);
triangle(58,80,70,80,64,90);
triangle(85,80,97,80,91,90);
triangle(63,45,40,65,57,100);
triangle(95,45,115,65,100,100);

4.

我今天在課堂上學到了如何使用processing 印圖畫圖等等的,後來我嘗試畫一些別的圖片,但我卻碰上了一些另外的問題,像是如何化半圓等等之類的,希望之後能夠學習更多關於processing的東西

week01,HW01

Processing + Arduino + Servo.mp4

size(600,600);

PImage webImg;

background(255, 204, 0);

 webImg = loadImage("http://buytheway.buyble.com.tw/wp-content/uploads/2011/01/hello-kitty-fredscorner1.jpg", "jpg");

image(webImg, 0, 0);

課堂心得：

開始了解processing的程式，也學了一些他的使用方法，也更想學其他相關的東西，使用電腦搭配其他東西做應用。

原圖:

以下是畫的很不像的小機器人:

size(400, 330);//畫布大小

background(255, 255, 255);//白色背景

fill(240, 235, 230);//右手顏色

ellipse(380, 350, 40, 120);//右肩位置

fill(240, 235, 230);//身軀顏色

rect(240, 280, 150, 150, 50, 40, 12, 18);//身軀

noStroke();//無邊

fill(0, 0, 0);//脖子顏色

ellipse(320, 260, 110, 80);//脖子位置

ellipse(250, 320, 30, 60);//右肩位置

stroke(0,0,0);//黑邊

fill(240, 235, 230);//右手顏色

ellipse(245, 350, 40, 120);//右肩位置

fill(245, 240, 235);//頭形顏色

ellipse(320, 200, 180, 180);//頭形位置

ellipseMode(CORNER);//漸層一在其頭的一角

noStroke();//無邊

fill(253, 248, 242,72);//漸層一顏色

ellipse(315, 130, 80, 80);//漸層一位置

noStroke();//無邊

fill(255, 255, 255,72);//漸層二顏色 

ellipse(340, 140, 50, 50);//漸層二位置

stroke(0,0,0);//黑邊

noFill();//不放顏色

bezier(230, 215,  230, 195,  410, 195,  410,215);//曲線

fill(22, 165, 24,80);//右眼顏色

triangle(300, 201, 265, 202, 280, 220);//右眼位置

fill(22, 165, 24,80);//左眼顏色

triangle(350, 201, 382, 203, 369, 218);//左眼位置