2012年9月26日 星期三

week03,hw3

1.

void setup(){
  size(600,600);
}

void draw(){
  fill(255,0,0);
  rect(mouseX,mouseY,100,100);
}




2.




void setup(){
  size(600,600);
  frameRate(24);
}
float x=100,y=100;
void draw(){
  background(0,0,0);

  fill(255,255,0);
  ellipse(mouseX,mouseY,60,60);

  fill(255,0,0);
  ellipse(x,y,50,50);
 
  x=x*0.8 + mouseX*0.2;
  y=y*0.8 + mouseY*0.2;
}
 
3.
由於禮拜二生理不適沒去上課,今天有請教蕭俊宇同學教導
目前進度還算跟上,對有些程式碼有一點小不懂就是
 

week02,HW02


1.
size(600,600);
for(int i=0;i<50;i++)
{
fill(random(255),random(255),random(255));
rect(random(500),random(255),random(255),random(255));
}


2.
size(400,300);
for(int i=0;i<40;i++){
  for(int k=0;k<60;k++){
    fill(i*255/30,k*300/30,100);
    rect(i*20,k*50,  10,20);
  }
}







3.
 size(500,300);
for(int i=0;i<6;i++){
  for(int k=0;k<5;k++){
    fill(250,230,230);
    ellipse(i*100+50,k*100+50,  100,100);
    fill(i*255/30,k*255/2,255/2);
    ellipse(i*100+50,k*100+50,  50,50);
    fill(0,0,0);
    ellipse(i*100+50,k*100+50,  15,40);
  }
}


4.看著別人的作業跟著做一次滿簡單的。

2012年9月25日 星期二

98160860黃麒, HW03, Week03

1.


  void setup(){
  size(600,600);
  }

  void draw(){
  fill(255,255,255);
  rect(100,100,100,100);

  fill(255,255,0);
  ellipse(mouseX,mouseY,100,100);
}




2.


void setup(){
  size(600,600);
  //frameRate(1);
}
float x=100,y=100;
void draw(){
  background(0,0,0);
  PImage img;
  img=loadImage("1.png");
  image(img,mouseX-150,mouseY-100);

 PImage img2;
 img2=loadImage("3.png");
 image(img2 ,x ,y);
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
 }




void setup(){
  size(600,600);
  //frameRate(1);
  }
float [] a = new float[10];
float [] b = new float[10];
float x=100,y=100;
void draw(){
  
  background(0,0,0);
  
  a[9]=mouseX+100;
  b[9]=mouseY+100; 
  for(int i=0;i<9;i++){
    PImage img3;
    img3= loadImage("4.png");
    image (img3,a[i]=a[i+1]+mouseX*0.1,b[i]=b[i+1]+mouseY*0.1);
    //a[i]=a[i+1]+mouseX*0.1;
    //b[i]=b[i+1]+mouseY*0.1;
  }
  
  PImage img;
  img=loadImage("1.png");
  image(img,mouseX-150,mouseY-100);

 PImage img2;
 img2=loadImage("3.png");
 image(img2 ,x ,y);
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
  
 }

98160345蔡承芳,HW03,Week3

1.



void setup(){
   size(600,600);
}
void draw(){
  fill(255,255,255);
  rect(100,100,100,100);
  
  fill(100,50,250);
  ellipse(mouseX,mouseY,04,10);
}

2.

void setup(){
  size(600,600);
  //frameRate(1);
}
float x=100,y=100;
void draw(){
  background(0,0,0);

  fill(255,255,255);
  ellipse(mouseX,mouseY,100,100);

  translate(x,y);
  fill(145,133,51);
  ellipse(0,0,80,60);
  fill(0,0,0);
  ellipse(-15,-10,15,15);
  fill(0,0,0);
  ellipse(+15,-10,15,15);
  fill(236,60,64);
  ellipse(0,5,20,15);
  fill(236,60,64);
  ellipse(-25,-38,30,30);
  fill(236,60,64);
  ellipse(25,-38,30,30);
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}


3.

課程滿有趣的,但功課有點多了

week03,HW03

(1)圖跟著滑鼠移動

void setup(){
  size(600,600);
}

void draw(){
  fill(0,0,0);
  ellipse(200,200,50,50);
  ellipse(400,200,50,50);
  
  fill(255,150,150);
  ellipse(mouseX,mouseY,60,60);
}


Week03,HW03

作業一 : 圖跟著滑鼠移動

程式碼:

void setup(){
  size(600,600);
}

void draw(){
  fill(128,128,255);
  rect(mouseX,mouseY,60,60,20);
}

執行圖:



作業二:圖追著滑鼠移動

程式碼:

void setup(){
  size(600,600);
  //frameRate(1);
}
float x=100,y=100;
void draw(){
  background(128,128,255);

  fill(255,0,0);
  rect(mouseX-35,mouseY-35,70,70,20);

  fill(random(255),random(255),random(255));
  ellipse(x,y,50,50);

  x=x*0.99 + mouseX*0.01;
  y=y*0.99 + mouseY*0.01;
}

執行圖:




W3 課堂練習

第一題

void setup(){
  size(600,600);
}

void mb(){
  float t=HALF_PI/3;
  translate(-250,-100);
  scale(2, 2);
  pushMatrix();
  noStroke();
  //披風
  fill(0);
  quad(200, 120, 150, 200, 350, 200,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();
}

void draw(){
  scale(0.5,0.5);
  translate(mouseX+100,mouseY);
  mb();
}



第二題


float sx = random(30);
float [] x = new float[10];
float [] y = new float[10];
//float Rs = random(20);
void setup(){
  size(600,600);
}

void img(){
  PImage img;
  img = loadImage("123.png");
  image(img, mouseX-190,mouseY-120);
}
void ellipseS(){
  noStroke();
  x[9]=mouseX;
  y[9]=mouseY; 
  for(int i=0;i<9;i++){
    fill(255,255,0);
    ellipse(x[i],y[i],15,15);
    x[i]=x[i+1];
    y[i]=y[i+1];
  }
}
void draw(){
  
  background(255);

  ellipseS();
  img();
}


這堂課 老師 教了 很多東西
希望 老師 可以 多教點東西
可以把所有的練習 都放到網路上
練習的時間 可以 回家再做
 所以 老師 可以 多講些 範例
><

98160345蔡承芳,HW01,Week1

1.



2.

size(500,500);
PImage kitty;
kitty = loadImage("http://farm6.static.flickr.com/5263/5889286374_803853984b.jpg");
image(kitty, 20,20);



3.





Week03 ,HW03

1.跟著滑鼠移動

void setup(){
size(600,600);
}

void draw(){

fill(255,random(255),200);

rect(100,100,100,100);

fill(255,random(200),200);

rect(400,100,100,100);

fill(253,157,176);

ellipse(mouseX,mouseY,10,10);

}



2.追著滑鼠移動


void setup(){
  size(800,600); //視窗大小
  }
float [] a = new float[10];
float [] b = new float[10];
float x=100,y=100;
void draw(){

background(0,0,0); //背景全黑

  a[9]=mouseX+100;
  b[9]=mouseY+100;
  for(int i=0;i<9;i++){
    PImage img3;
    img3= loadImage("4.JPG"); //小雞圖
    image (img3,a[i]=a[i+1]+mouseX*0.5,b[i]=b[i+1]+mouseY*0.53);
  }

  PImage img;
  img=loadImage("1.JPG"); //老鷹圖
  image(img,mouseX-150,mouseY-100);

 PImage img2;
 img2=loadImage("3.JPG"); //公雞圖
 image(img2 ,x ,y);
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;

 }




void setup(){
  size(600,600);
 
}
float x=100,y=100;
void draw(){
  background(0,0,0);
  fill(170,255,255);
 
  ellipse(mouseX,mouseY,100,100);
  fill(255,255,255);
  ellipse(mouseX,mouseY,135,60);
  fill(50,70,120);
  ellipse(x,y,50,50);

 // x=x*0.9 + mouseX*0.1;
 // y=y*0.9 + mouseY*0.1;
}





void setup(){
  size(600,600);
 
}
float x=100,y=100;
void draw(){
  background(0,0,0);
  fill(170,255,255);
 
  ellipse(mouseX,mouseY,100,100);
  fill(255,255,255);
  ellipse(mouseX,mouseY,135,60);
  fill(50,70,120);
  ellipse(x,y,50,50);

  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}

第三週心得:這週已經第三週了,但是卻是我的第一堂課,雖然感到有點吃力,但我跑你追的遊戲讓我覺得這堂課應該很好玩XD

Week01-HW01

1. 用Processing寫的影片




2. Kitty


3. 用Processing畫圖




week03,hw03

void setup(){
  size(600,600);
}
float x=100,y=100;
void draw(){
  background(0,0,0);

  fill(255,255,255);
  ellipse(mouseX,mouseY,100,100);

  fill(255,255,0);
  ellipse(x,y,50,50);

  x=x*0.8 + mouseX*0.2;
  y=y*0.8 + mouseY*0.2;
}



98163021,張耀璇,HW3



void setup(){
  size(600,600);
}

void draw(){
  //fill(255,255,255);
 // rect(100,100,100,100);

PImage img;
img = loadImage("456.jpg");
image(img,mouseX ,mouseY);
}

void setup(){
  size(600,600);
  //frameRate(1);
}
float x=100,y=100;
void draw(){
  background(255,255,255);
PImage img;
img = loadImage("456.jpg");



PImage img_dog;
img_dog = loadImage("123.jpg");
image(img_dog,x,y);

image(img,mouseX ,mouseY);
 
  x=x*0.8 + mouseX*0.1;
  y=y*0.8 + mouseY*0.1;
}

剛開始覺得算輕鬆,但感覺越來越複雜了,希望老師能稍微獎的再詳細一點!!

HW03



程式碼:
void setup(){
  size(600,600);
}

void draw(){
  fill(123,255,255);
  rect(100,100,50,100);

  fill(129,255,0);
  ellipse(mouseX,mouseY,100,100);
}


程式碼
void setup()
{
  size(600,600);
}

float x=100.0,y=100.0;
void draw()
{
background(0,0,0);

fill(255,255,0);
ellipse(x,y,100,60);

fill(255,0,0);
ellipse(mouseX,mouseY,40,60);
fill(0,0,0);
ellipse(mouseX,mouseY,50,10);

x=x*0.9+mouseX*0.1;
y=y*0.9+mouseY*0.1;
}

week 03 hw03

1.
void setup(){
   size(600,600);
}
void draw(){
  fill(255,255,255);
  rect(100,100,100,100);
  
  fill(78,168,250);
  ellipse(mouseX,mouseY,04,20);
}
2.














void setup(){
  size(600,600);   } float x=100,y=100; void draw(){   background(100,150,200);   fill(212,211,78);   ellipse(mouseX,mouseY,100,100);         translate(x,y);   fill(255,255,255);   ellipse(0,0,80,80);   fill(0,0,0);   ellipse(-15,-15,20,20);    fill(0,0,0);    ellipse(15,-15,20,20);    fill(0,0,0);    ellipse(0,+13,15,10);    fill(255,255,255);    ellipse(-15,-15,10,10);    fill(255,255,255);     ellipse(15,-15,10,10);     fill(0,0,0);     ellipse(-30,-45,35,35);     fill(0,0,0);     ellipse(+30,-45,35,35);                        x=x*0.9 + mouseX*0.1;   y=y*0.9 + mouseY*0.1; }
3.心得

就是方向感要很好才能算出什麼位子要畫什麼東西  ㄏㄏ

Week03, HW03

1. 東西跟著滑鼠動(簡易版)

程式碼 :

void setup(){
  size(600,600);
}

void draw(){
  fill(255,0,255);
  rect(100,100,100,100);
  rect(400,100,100,100);

  fill(0,255,255);
  ellipse(mouseX,mouseY,100,100);
}





2. 東西追著滑鼠跑(簡易版)

程式碼 :
void setup(){
  size(600,600);
}
float x=100,y=100;
void draw(){
  background(0,0,0);

  fill(255,255,255);
  ellipse(mouseX,mouseY,100,100);

  fill(255,255,0);
  ellipse(x,y,50,50);

  x=x*0.8 + mouseX*0.2;
  y=y*0.8 + mouseY*0.2;
}



3.心得
東西隨著滑鼠跑,突然想到很多小遊戲的應用
都會用到這個程式
感覺期中&期末的作業
會用的到 :)

week 02 hw02

1.50方塊
size(600,600);
for (int i=0;i<50 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">fill
(random(255),random(255),random(255));     rect(random(400),random(300),random(200),random(100)); }
2.


size(500,400);
noStroke();
for (int i=0;i<50 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">for
(int j=0;j<40 data-blogger-escaped-j="j" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">fill(i*255/50+100,j*200/40+10,180);     ellipse(i*10,j*20,30,40);      } }


3.眼睛


background(20,40,800);
size(400,400);
noStroke();
for( int i=0;i<8 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">for
( int k=0;k<6 data-blogger-escaped-k="k" data-blogger-escaped-span="span" style="color: #cc6600;">fill(i*255/2,k*255/4,0); ellipse(i*100+50,k*100+50,100,100); fill(i*255/7,k*255/8,255); ellipse(i*100+50,k*100+50,100,50); fill(i*255/9,k*255/25,0); ellipse(i*100+50,k*100+50,50,50); }}

4.心得

眼睛的顏色還有大小跟圈圈都要慢慢比對~~~不過好像很好玩一樣只是很麻煩
void setup()
{
  size(600,600);
}

//float x=100.0,y=100.0;
void draw()
{
background(0,0,0);

fill(255,255,0);
ellipse(100,100,100,60);

fill(255,0,255);
ellipse(mouseX,mouseY,50,100);
fill(255,0,255);
ellipse(mouseX,mouseY,80,60);

//x=x*0.9+mouseX*0.1;
//y=y*0.9+mouseY*0.1;
}

void setup()
{
  size(600,600);
}

float x=100.0,y=100.0;
void draw()
{
background(0,0,0);

fill(255,255,0);
ellipse(x,y,100,60);

fill(255,0,255);
ellipse(mouseX,mouseY,50,100);
fill(255,0,255);
ellipse(mouseX,mouseY,80,60);

x=x*0.9+mouseX*0.1;
y=y*0.9+mouseY*0.1;
}


第一次上課吸收太多,要消化一下,不過跟Open gl有點像。

Week03, HW03

1. 畫的兔子跟著滑鼠移動



void setup(){
  size(500,500);
  background(40,134,210);
}
void draw(){
  noStroke();
fill(255,255,255);
ellipse(mouseX,mouseY,50,50);       //head
fill(255,157,206);

ellipse(mouseX+15,mouseY-45,20,50); //ear
fill(255,157,206);
ellipse(mouseX-15,mouseY-45,20,50); //ear

fill(72,0,0);
ellipse(mouseX-10,mouseY-5,10,10); //eye
fill(72,0,0);
ellipse(mouseX+10,mouseY-5,10,10); //eye

fill(252,99,152);
ellipse(mouseX+2,mouseY+15,25,20);  //nose
fill(72,0,0);
ellipse(mouseX+2,mouseY+10,10,5);  //nose

}

2.兔子追著紅蘿蔔跑跑



void setup(){
  size(600,600);
}
float x=100,y=100;
void draw(){
  background(40,134,210);
  noStroke();
  fill(105,210,0);
  triangle(mouseX+69,mouseY+39,mouseX+82,mouseY+70,mouseX+97,mouseY+62);
  triangle(mouseX+95,mouseY+64,mouseX+111,mouseY+67,mouseX+103,mouseY+21);
  triangle(mouseX+109,mouseY+70,mouseX+119,mouseY+82,mouseX+135,mouseY+31);
  fill(255,60,60);
  ellipse(mouseX+100,mouseY+100,50,80);
  fill(128,0,0);
  rect(mouseX+76,mouseY+85,30,5);
  rect(mouseX+75,mouseY+105,25,5);
  rect(mouseX+82,mouseY+124,15,5);
  
  translate(x,y);
  fill(255,255,255);
  ellipse(0,0,50,50);       //head
  fill(255,157,206);

  ellipse(+15,-45,20,50); //ear
  fill(255,157,206);
  ellipse(-15,-45,20,50); //ear

  fill(72,0,0);
  ellipse(-10,-5,10,10); //eye
  fill(72,0,0);
  ellipse(+10,-5,10,10); //eye

  fill(252,99,152);
  ellipse(+2,+15,25,20);  //nose
  fill(72,0,0);
  ellipse(+2,+10,10,5);  //nose

  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}

3.心得
今天的作品利用短短的程式就可以跟著滑鼠移動,我覺得很有趣很好玩:D

Week03, Hw03


作業1



void setup(){
  size(600,600);
}

void draw(){
  fill(255,255,255);
  rect(100,100,100,100);

  fill(255,168,178);
  ellipse(mouseX,mouseY,100,80);
  fill(0,0,0);
  ellipse(mouseX-15,mouseY-15,5,10);
  fill(0,0,0);
  ellipse(mouseX+15,mouseY-15,5,10);
  fill(0,0,0);
  ellipse(mouseX,mouseY+25,30,20);
  fill(255,168,178);
  ellipse(mouseX,mouseY+25,25,15);
  fill(0,0,0);
  ellipse(mouseX-5,mouseY+25,3,6);
  fill(0,0,0);
  ellipse(mouseX+5,mouseY+25,3,6);
  fill(255,168,178);
  ellipse(mouseX+30,mouseY-48,10,30);
  fill(255,168,178);
  ellipse(mouseX-30,mouseY-48,10,30);
  
}







作業2





void setup(){
  size(600,600);
  //frameRate(1);
}
float x=100,y=100;
void draw(){
  background(0,0,0);

  fill(123,72,38);
  ellipse(mouseX-5,mouseY-50,8,20);
   fill(123,72,38);
   ellipse(mouseX,mouseY-45,50,10);
   fill(123,72,38);
   ellipse(mouseX,mouseY-40,65,10);
    fill(123,72,38);
    ellipse(mouseX,mouseY-35,80,10);
     fill(123,72,38);
     ellipse(mouseX,mouseY-28,90,15);
  
  
  
  
  translate(x,y);
  fill(255,168,178);
  ellipse(0,0,100,80);
  fill(0,0,0);
  ellipse(-15,-15,5,10);
  fill(0,0,0);
  ellipse(+15,-15,5,10);
  fill(0,0,0);
  ellipse(0,+25,30,20);
  fill(255,168,178);
  ellipse(0,+25,25,15);
  fill(0,0,0);
  ellipse(-5,+25,3,6);
  fill(0,0,0);
  ellipse(+5,+25,3,6);
  fill(255,168,178);
  ellipse(+30,-48,10,30);
  fill(255,168,178);
  ellipse(-30,-48,10,30);
 
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}

作業3 心得:這次對於畫圖的技巧感覺更熟練了!

Week03, HW03

1.
老鼠


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

void draw(){

fill(0,0,0);
rect(mouseX-5,mouseY,10,10);
rect(mouseX+5,mouseY,10,10);

fill(128,128,128);
ellipse(mouseX,mouseY,50,50);
fill(128,128,150);
ellipse(mouseX+30,mouseY-20,30,30);

fill(128,128,150);
ellipse(mouseX-30,mouseY-20,30,30);

fill(0,0,0);
ellipse(mouseX-10,mouseY-10,10,10);
fill(0,0,0);
ellipse(mouseX+10,mouseY-10,10,10);

fill(255,255,255);
rect(mouseX-2,mouseY+10,5,7);
rect(mouseX+2,mouseY+10,5,7);

}

2.
老鼠追一串蕉



void setup(){
  size(600,600);
  //frameRate(1);
}
float x=100,y=100;
void draw(){
  background(25,225,30);

  fill(255,255,38);

  ellipse(mouseX+5,mouseY+30,10,50);
  ellipse(mouseX+12,mouseY+30,10,50);
  ellipse(mouseX+19,mouseY+30,10,50);
  ellipse(mouseX+26,mouseY+30,10,50);
  ellipse(mouseX+33,mouseY+30,10,50);
  ellipse(mouseX+40,mouseY+30,10,50);
  ellipse(mouseX+47,mouseY+30,10,50);
  
  fill(64,0,0);
   rect(mouseX,mouseY,50,10);


translate(x,y);
  fill(128,128,128);
ellipse(0,0,50,50);
fill(128,128,150);
ellipse(+30,-20,30,30);

fill(128,128,150);
ellipse(-30,-20,30,30);

fill(0,0,0);
ellipse(-10,-10,10,10);
fill(0,0,0);
ellipse(+10,-10,10,10);

fill(255,255,255);
rect(-2,+10,5,7);
rect(+2,+10,5,7);
 
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}


心得 今天得更有趣了,有漸漸感受到互動技術的厲害了,不過我還需要加強繪圖技術,如此一來 
學到更多更新的互動技術,也不至於徬徨,更能發揮得當!

98160345蔡承芳,HW02,Week2

1



size(600,600);
for(int i=0;i<50;i++)
{
fill(random(255),random(255),random(255));
rect(random(255),random(255),random(255),random(255));
}


2



size(400,300);
 for(int i=0;i<40;i++)
 {
  for(int k=0;k<30;k++)
   {
    fill(i*200/40,k*255/30,0);
    triangle(i*20,k*20, i*20+20, k*20, i*20, k*20+20);
    fill(i*200/45,k*200/50,i*200/20);
    triangle(i*10,k*10+10, i*10+10,k*10, i*10+10,k*10+10);
   }
 }




3

size(400,300);
background(600,200,0);
for(int i=0;i<40;i++){
  for(int k=0;k<30;k++){
   
    fill(i*255/4,k*255/3,0);
    ellipse(i*50+10,k*50+10,  50,45);
    fill(0,0,0);
ellipse(i*50+10,k*50+10,10,45);

  }
}