2012互動技術概論

2012年9月25日星期二

Week03,HW03

1.
int a,b;
void setup(){
size(600,600);
frameRate(100000000);
}
void draw(){
a=300;
b=200;
ellipse(mouseX+300-a,mouseY+200-b, 200, 200);
fill(255,255,255);
rect(mouseX+200-a,mouseY+ 200-b, 200, 100);
ellipse(mouseX+260-a,mouseY+ 150-b, 20, 20);
ellipse(mouseX+340-a,mouseY+ 150-b, 20, 20);
fill(165,202,57);
rect(mouseX+200-a, mouseY+210-b, 200, 150);
ellipse(mouseX+225-a, mouseY+360-b, 50, 50);
ellipse(mouseX+375-a,mouseY+360-b, 50, 50);
rect(mouseX+220-a, mouseY+355-b, 150, 30);
ellipse(mouseX+345-a,mouseY+440-b, 50, 50);
ellipse(mouseX+255-a,mouseY+440-b, 50, 50);
rect(mouseX+230-a, mouseY+380-b, 50, 60);
rect(mouseX+320-a, mouseY+380-b, 50, 60);
ellipse(mouseX+435-a,mouseY+320-b, 50, 50);
ellipse(mouseX+435-a,mouseY+230-b, 50, 50);
ellipse(mouseX+165-a,mouseY+320-b, 50, 50);
ellipse(mouseX+165-a,mouseY+230-b, 50, 50);
rect(mouseX+140-a,mouseY+230-b, 50, 90);
rect(mouseX+410-a,mouseY+230-b, 50, 90);

}
2.小追大

float a,b;
float x=100,y=100;
void setup(){
size(600,600);
frameRate(5);
}
void draw(){
a=300;
b=200;
pushMatrix();
ellipse(mouseX+300-a,mouseY+200-b, 200, 200);
fill(200,0,255);
rect(mouseX+200-a,mouseY+ 200-b, 200, 100);
ellipse(mouseX+260-a,mouseY+ 150-b, 20, 20);

ellipse(mouseX+340-a,mouseY+ 150-b, 20, 20);
fill(165,202,57);
rect(mouseX+200-a, mouseY+210-b, 200, 150);
ellipse(mouseX+225-a, mouseY+360-b, 50, 50);
ellipse(mouseX+375-a,mouseY+360-b, 50, 50);
rect(mouseX+220-a, mouseY+355-b, 150, 30);
ellipse(mouseX+345-a,mouseY+440-b, 50, 50);
ellipse(mouseX+255-a,mouseY+440-b, 50, 50);
rect(mouseX+230-a, mouseY+380-b, 50, 60);
rect(mouseX+320-a, mouseY+380-b, 50, 60);
ellipse(mouseX+435-a,mouseY+320-b, 50, 50);
ellipse(mouseX+435-a,mouseY+230-b, 50, 50);
ellipse(mouseX+165-a,mouseY+320-b, 50, 50);
ellipse(mouseX+165-a,mouseY+230-b, 50, 50);
rect(mouseX+140-a,mouseY+230-b, 50, 90);
rect(mouseX+410-a,mouseY+230-b, 50, 90);
popMatrix();
pushMatrix();
scale(0.5);
ellipse(x+300-a,y+200-b, 200, 200);
fill(255,255,255);
rect(x+200-a,y+ 200-b, 200, 100);
ellipse(x+260-a,y+ 150-b, 20, 20);
ellipse(x+340-a,y+ 150-b, 20, 20);
fill(165,202,57);
rect(x+200-a, y+210-b, 200, 150);
ellipse(x+225-a,y+360-b, 50, 50);
ellipse(x+375-a,y+360-b, 50, 50);
rect(x+220-a,y+355-b, 150, 30);
ellipse(x+345-a,y+440-b, 50, 50);
ellipse(x+255-a,y+440-b, 50, 50);
rect(x+230-a,y+380-b, 50, 60);
rect(x+320-a,y+380-b, 50, 60);
ellipse(x+435-a,y+320-b, 50, 50);
ellipse(x+435-a,y+230-b, 50, 50);
ellipse(x+165-a,y+320-b, 50, 50);
ellipse(x+165-a,y+230-b, 50, 50);
rect(x+140-a,y+230-b, 50, 90);
rect(x+410-a,y+230-b, 50, 90);
x=x*0.9 + mouseX*0.1;
y=y*0.9 + mouseY*0.1;
popMatrix();
}
3.今天的課很實用

3-1

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

void draw(){

fill(255,255,255);
rect(mouseX-150,mouseY-150,50,50);

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

3-2

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

background(0,0,0);
fill(255,255,0);
ellipse(mouseX,mouseY,x+30,y+30);
fill(255,0,0);
ellipse(x,y,x-30,y-30);

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

}

老師作的感覺不難但給我們做得時候就沒這麼簡單了所以今天做出來的圖都很簡易希望以後能更熟練做出更炫的圖

week03,HW03

1
(1)
void setup(){
size(600,600);
}
void draw(){
fill(255,125,128);
rect(150,300,300,100);
fill(150,255,100);
ellipse(mouseX,mouseY,250,1);
}
(2)

2.
(1)
void setup(){ //固定大小
    size(600,600);

}
float x=50,y=50;
void draw(){
noStroke();
background(0,120,120);
fill(255,255,128);
ellipse(x-30,y,130,20);
ellipse(x+30,y,130,20);
fill(0,64,128);
ellipse(x,y,80,80);
fill(255,255,128);
ellipse(x-30,y,130,20);
fill(0,0,0);
translate(x,y);
scale(0.8,0.8);
mygr();
x=(x+mouseX)/2;
y=(y+mouseY)/2;
}
void mygr()
{
fill(100,150,10);
ellipse(x,y,150,150);
fill(100,150,10);
ellipse(x,y-60,10,80);
fill(100,150,10);
ellipse(x,y-100,20,20);
fill(100,150,10);
ellipse(x-80,y,20,80);
fill(100,150,10);
ellipse(x+80,y,20,80);

fill(0,0,0);
ellipse(x,y+40,20,20);
fill(0,0,0);
ellipse(x,y+40,60,8);
fill(255,255,255);
ellipse(x,y,50,50);
fill(255,255,255);
ellipse(x+40,y,50,50);
fill(255,255,255);
ellipse(x-40,y,50,50);
fill(0,255,255);
ellipse(x,y,30,30);
fill(0,255,255);
ellipse(x+49,y,30,30);
fill(0,255,255);
ellipse(x-49,y,30,30);
}

(2)

3.心得

今天上的課非常實用很期待下次新的程式碼^^

Week03,HW03

void setup(){

size(600,600);

}

void draw(){

fill(120,220,255);

rect(100,100,100,100);

fill(125,255,0);

ellipse(mouseX,mouseY,30,100);

}

void setup()

{

size(600,600);

}

float x=100,y=100;

void draw()

{

background(0,0,0);

fill(122,250,121);

ellipse(mouseX,mouseY,120,80);

fill(255,255,0);

ellipse(x,y,50,50);

x=x*0.9 + mouseX*0.1;

y=y*0.9 + mouseY*0.1;

}

上到現在感覺到processing這個軟體不必用太多複雜的程式就能畫出要的效果，真的很方便!

week03,HW03

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

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

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

  fill(random(255),random(255),random(255));
  ellipse(mouseX,mouseY,120,50);

  fill(255,255,0);
  ellipse(x,y,50,120);
 
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}

3.

今天的進度大致上都還能跟上

希望到了新教室有廣播系統的話能有更好的學習效率

不然坐的比較遠實在是看不太到投影幕上的程式碼

Week03,HW03

3.1

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

void draw(){
fill(33,137,255);
rect(250,250,100,100);

fill(255,138,60);
ellipse(mouseX,mouseY,50,50);
}

3.2

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

fill(30,60,90);
ellipse(mouseX,mouseY,90,130);

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

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

3.3
今天的進度大致上還OK，老師講解的也很詳細，但這間教室的電腦十時候還是會累格。

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

fill(56,148,192);
ellipse(mouseX,mouseY,100,100);
fill(255,255,0);
ellipse(mouseX,mouseY,200,40);
fill(1,1,1);
rect(mouseX,mouseY,5,10);

}








void setup(){

size(600,600);

}

float x=100,y=100;

void draw(){

background(0,0,0);



fill(56,148,192);

ellipse(mouseX,mouseY,100,100);

fill(255,255,0);

ellipse(mouseX,mouseY,200,40);

fill(1,1,1);

rect(mouseX,mouseY,5,10);



fill(249,37,6);

ellipse(x,y,50,50);

 x=x*0.9 + mouseX*0.1;

  y=y*0.9 + mouseY*0.1;

}

今天因為要等待新同學的進度,所以有點慢,但新同學感覺都有跟上,希望以後都一直這樣的速度

Week03,HW03

第一個作業 有東西隨著滑鼠出現

void setup()
{
  size(600,600);
}
void draw()
{
  fill(random(255),random(255),random(255));
  ellipse(mouseX,mouseY,50,50);
}

第二個作業 有東西追著滑鼠跑

void setup()
{
  size(600,600);
  //fill(255,255,255);
  //rect(100,100,100,100);
  //frameRate(1);
}
float x=100,y=100;
void draw()
{
  background(0,0,0);
  fill(255,255,0);
  ellipse(mouseX,mouseY,50,50);
  fill(random(255),random(255),random(255));
  ellipse(x,y,30,30);
  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
//x=(x+mouseX)/2;
//y=(y+mouseY)/2;
}

很基本的上課練習QQ 想不要有什麼花樣可以玩

Week03 HW03

1.void setup()
{
size(600,600);

}
void draw(){

fill(255,255,255);
rect(x,y,100,100);
ellipse(mouseX,mouseY,100,100);
}

2.

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

}
float x=100;float y=100;
void draw(){
background(0,0,0);
fill(255,255,0);
ellipse(x,y,200,200);

fill(random(mouseX),random(mouseX),random(mouseX));

ellipse(mouseX,mouseY,100,200);

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

}

3.

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

frameRate(25);
}
float []x= new float[10];
float []y= new float[10];
//float x=100;float y=100;
void draw(){
background(255,255,255);
fill(255,255,0);
//ellipse(x,y,200,200);

ellipse(mouseX,mouseY,50,50);
fill(125,250,40);
x[9]=mouseX;
y[9]=mouseY;
for(int i=0;i<9;i++){
translate(x[i],y[i]);
scale(0.7);
eyes();
//ellipse(x[i],y[i],20,20);
x[i]=x[i+1];
y[i]=y[i+1];
}

//back();
//translate(0,0);
//scale(0.1);
//eyes();

//fill(random(mouseX),random(mouseX),random(mouseX));
//ellipse(mouseX,mouseY,100,200);

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

}
void eyes()
{
for(int i=0;i<4;i++){
for(int k=0;k<i;k++){
fill(random(i*240/4),random(k*230/i),random(255),250);
ellipse(i*100+50*i,i*100+50*k*i,50*i,50*i);
}
}
for(int i=0;i<4;i++){
for(int k=0;k<i;k++){
fill(255);
ellipse(i*100+50*i,i*100+50*k*i,25*i,25*i);
}
}
for(int i=0;i<4;i++){
for(int k=0;k<i;k++){
fill(random(255),random(255),random(255),200);
ellipse(i*100+50*i+random(4*i),i*100+50*k*i+random(4*i),10*i,10*i);
}
}
}
void back()
{
noStroke();
for(int i=0;i<40;i++){
for(int k=0;k<30;k++){
fill(random(i*255/40),random(k*255/30),random(200),50);
//ellipse(i*10,k*10,i,10);
triangle(i*10,k*10,i*40,k*40,150,120);
}
}
}
心得
這是種可以配合程式的藝術，可以走視覺系藝術

WEEK03,HW03

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

void draw(){

fill(255,255,100);
rect(100,100,100,100);

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

}

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

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

fill(255,100,255);
ellipse(x,y,20,20);

x=(x+mouseX)/2;
y=(y+mouseY)/2;
}

3.
心得:
每個禮拜都有簡單的程式驚奇的功能，很有趣

week03,HW03

1.
void setup(){
size(600,600);
}
int x=100,y=100;
void draw(){
fill(255,0,255);
rect(x,y,100,100);

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

x=(x+mouseX)/2;
y=(y+mouseY)/2;
}

2.

void setup(){
size(800,800);
}
float x,y;
void draw(){
background(0,0,0);

PImage girl;
girl=loadImage("C:/Documents and Settings/s513s/桌面/01.JPG");
image(girl,mouseX-240,mouseY);

PImage boy;
boy=loadImage("C:/Documents and Settings/s513s/桌面/02.JPG");
image(boy,x,y);

x=x*0.75 + mouseX*0.25;
y=y*0.75 + mouseY*0.25;
}

HW3,Week3

float x,y;
int i=0;
void setup(){
size(600,600);
x=100;
y=100;
noStroke();
}

void draw()
{
background(255,255,255);
for(int i=50;i>=0;i--){
fill(0,i*4,0);
rect(mouseX-i,mouseY-i,i*2,i*2);
}
if(++i==200) save("C:/sv.jpg");
}

2.物體跟著滑鼠動:

float x,y;

int i=0;

void setup(){

size(600,600);

x=100;

y=100;

noStroke();

}

void draw()

{

x+=(mouseX-x)/20.0;

y+=(mouseY-y)/20.0;

background(255,255,255);

for(int i=50;i>=0;i--){

fill(0,i*4,0);

rect(mouseX-i,mouseY-i,i*2,i*2);

}

fill(255,0,0);

ellipse(x,y,100,100);

}

3.

float x,y;
int i=0;
int rt=0;
void setup(){
size(600,600);
x=300;
y=300;
noStroke();
}
void pic()
{
//卡片底
strokeWeight(2);
stroke(131,199,252);
translate(5,419);
rotate(-PI/4);
fill(39,134,200);
rect(0,0,580,250,18,18);
rotate(PI/4);
translate(-5,-419);

//臉區
strokeWeight(0);
stroke(255,255,255);
translate(390,396);
rotate(-PI/4);
fill(254,251,242);
ellipse(0, 0, 500, 360);
rotate(PI/4);
translate(-396,-396);

//眼睛
strokeWeight(6);
stroke(39,134,200);
translate(235,315);
rotate(-PI/4);
fill(254,251,242);
ellipse(0, 0, 120, 150);
ellipse(120, 0, 120, 150);
rotate(PI/4);
translate(-235,-315);

//瞳孔
strokeWeight(12);
stroke(39,134,200);
translate(260,305);
rotate(-PI/4);
fill(254,251,242);
ellipse(0, 0, 20, 30);
ellipse(70, 0, 20, 30);
rotate(PI/4);
translate(-260,-305);

//鼻線
strokeWeight(6);
stroke(39,134,200);
translate(330,324);
rotate(PI/4);
line(0,0,90,0);
rotate(-PI/4);
translate(-330,-324);

//鼻子
strokeWeight(0);
stroke(234,4,31);
translate(330,324);
rotate(-PI/4);
fill(231,4,31);
ellipse(0, 0, 68, 68);
fill(255,255,255);
ellipse(-4, -10, 24, 24);
rotate(PI/4);
translate(-330,-324);

//鬍鬚
//left
strokeWeight(6);
stroke(39,134,200);
translate(158,483);
rotate(-PI/7.5);
line(0,0,150,0);
rotate(PI/7.5);
translate(-158,-483);

strokeWeight(6);
stroke(39,134,200);
translate(200,540);
rotate(-PI/4.34);
line(0,0,150,0);
rotate(PI/4.34);
translate(-200,-540);
//right
strokeWeight(6);
stroke(39,134,200);
translate(414,299);
rotate(-PI/7.5-PI/5);
line(0,0,150,0);
rotate(PI/7.5+PI/5);
translate(-414,-299);

strokeWeight(6);
stroke(39,134,200);
translate(434,319);
rotate(-PI/3.85);
line(0,0,150,0);
rotate(PI/3.85);
translate(-434,-319);

//卡片底線
strokeWeight(2);
stroke(205);
translate(215,568);
rotate(-PI/4);
line(0,0,500,0);
rotate(PI/4);
translate(-215,-568);

}
float[] xsite = new float[20];
float[] ysite = new float[20];
void draw()
{
background(0);
translate(300,300);
rotate(++rt%3600/100.0);
noStroke();
for(int i=0;i<600;i++){
fill(255-i/600.0*255,255,255-i/600.0*255);
triangle(300*cos(i/72.0),300*sin(i/72.0),300*cos((i+1)/72.0),300*sin((i+1)/72.0),0,0);
}
rotate(-rt%3600/100.0);
stroke(0);
strokeWeight(1);
noFill();
line(-300,0,300,0);
line(0,-300,0,300);
ellipse(0,0,200,200);
ellipse(0,0,300,300);
ellipse(0,0,400,400);
ellipse(0,0,500,500);
delay(10);
translate(-300,-300);
noStroke();
x+=(mouseX-x)/20.0;
y+=(mouseY-y)/20.0;

for(int i=50;i>=0;i--){
fill(0,i*4,i*4);
ellipse(mouseX,mouseY,i*2,i*2);
}
xsite[19]=mouseX;
ysite[19]=mouseY;
for(int i=0;i<19;i++){
fill(0,i*10,i*10);
ellipse(xsite[i],ysite[i],20,20);
xsite[i]=xsite[i+1];
ysite[i]=ysite[i+1];
}

translate(x-70,y-70);
scale(0.2,0.2);
pic();
scale(5,5);
translate(-x+70,-y+70);

}

4.心得:

經過這三周學習後的感覺，Processing相較先前所璇是比較平易近人......
目前學習起來感覺很輕鬆也很有趣，能夠不用像opengl這樣多的程式碼，卻能達到相同的效果。
未來希望能夠交更多一些很炫的功能、特效，或是一些應用，我想是沒問題的。

week 01 hw01

1.processing相關影片

2.

size(1000,1000);
PImage Pluto;
Pluto = loadImage("http://www2.tcgs.tc.edu.tw/~s810303/hw/10/304/dog.jpg");
image(Pluto,20,20);
saveFrame("Pluto");

3.

4.心得

七巧板有點難畫還有顏色要一直換有一丁丁麻煩

week3,hw03

第一個作業

int value = 0;

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

void draw(){

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

}

void mousePressed(){
fill(value);
ellipse(mouseX,mouseY,100,100);

}
void mouseReleased(){
fill(100,0,100);
ellipse(mouseX,mouseY,10,100);

}

void mouseMoved(){
value = value + 5;
if (value > 255) {
value = 0;
}
}

黑色小圓球可以跟著回署一直畫，當滑鼠點下去會產生不固定色的大圓球（白色、灰色、黑色），滑鼠放開會產生紫色橢圓。

第二個作業

void setup(){

size(600,600);

}

float x=100,y=100;

void draw(){

background(0,0,0);

fill(100,0,255);

rect(x+65,y-20,100,100);

fill(255,255,255);

rect(x+85,y+30,60,10);

fill(255,255,255);

ellipse(x+85,y,20,20);

ellipse(x+145,y,20,20);

fill(255,0,0);

ellipse(mouseX,mouseY,50,50);

translate(x,y);

myball();

x=x*0.8 + mouseX*0.1;

y=y*0.8 + mouseY*0.1;

}

void myball(){

scale(0.5,0.5);

noStroke();

smooth();

fill(0,64,128);

ellipse(230,308,430,430);//底圓1

noStroke();

smooth();

fill(117,186,255);

ellipse(230,308,410,410);//底圓2

noStroke();

smooth();

fill(0,186,255);

ellipse(230,308,305,305);//底圓3

noStroke();

smooth();

fill(255,255,255);

ellipse(230,308,285,285);//底圓4

/* ------------------------------------------------------*/

noStroke();

smooth();

fill(0,128,192);

ellipse(231,190,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(231,190,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(231,190,12,12);//淺藍小圓1

noStroke();

smooth();

fill(0,128,192);

ellipse(265,195,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(265,195,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(265,195,12,12);//淺藍小圓2

noStroke();

smooth();

fill(0,128,192);

ellipse(190,195,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(190,195,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(190,195,12,12);//淺藍小圓2

noStroke();

smooth();

fill(0,128,192);

ellipse(295,210,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(295,210,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(295,210,12,12);//淺藍小圓3

noStroke();

smooth();

fill(0,128,192);

ellipse(160,215,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(160,215,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(160,215,12,12);//淺藍小圓3

noStroke();

smooth();

fill(0,128,192);

ellipse(323,233,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(323,233,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(323,233,12,12);//淺藍小圓4

noStroke();

smooth();

fill(0,128,192);

ellipse(137,240,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(137,240,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(137,240,12,12);//淺藍小圓4

noStroke();

smooth();

fill(0,128,192);

ellipse(343,263,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(343,263,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(343,263,12,12);//淺藍小圓5

noStroke();

smooth();

fill(0,128,192);

ellipse(120,275,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(120,275,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(120,275,12,12);//淺藍小圓5

/* ------------------------------------------------------*/

noStroke();

smooth();

fill(0,128,192);

ellipse(350,297,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(350,297,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(350,297,12,12);//淺藍小圓6 mid

noStroke();

smooth();

fill(0,128,192);

ellipse(120,310,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(120,310,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(120,310,12,12);//淺藍小圓6 mid

/* ------------------------------------------------------*/

noStroke();

smooth();

fill(0,128,192);

ellipse(345,330,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(345,330,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(345,330,12,12);//淺藍小圓7

noStroke();

smooth();

fill(0,128,192);

ellipse(125,345,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(125,345,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(125,345,12,12);//淺藍小圓7

noStroke();

smooth();

fill(0,128,192);

ellipse(330,365,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(330,365,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(330,365,12,12);//淺藍小圓8

noStroke();

smooth();

fill(0,128,192);

ellipse(140,375,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(140,375,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(140,375,12,12);//淺藍小圓8

noStroke();

smooth();

fill(0,128,192);

ellipse(308,395,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(308,395,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(308,395,12,12);//淺藍小圓9

noStroke();

smooth();

fill(0,128,192);

ellipse(160,400,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(160,400,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(160,400,12,12);//淺藍小圓9

noStroke();

smooth();

fill(0,128,192);

ellipse(275,415,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(275,415,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(275,415,12,12);//淺藍小圓10

noStroke();

smooth();

fill(0,128,192);

ellipse(195,415,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(195,415,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(195,415,12,12);//淺藍小圓10

noStroke();

smooth();

fill(0,128,192);

ellipse(235,420,29,29);//深藍

noStroke();

smooth();

fill(255,255,255);

ellipse(235,420,20,20);//白

noStroke();

smooth();

fill(117,186,255);

ellipse(235,420,12,12);//淺藍小圓11

/* ------------------------------------------------------*/

noStroke();

smooth();

fill(0,118,174);

ellipse(230,308,165,165);//底圓5

noStroke();

smooth();

fill(0,64,128);

ellipse(230,308,120,120);//底圓6

noStroke();

smooth();

fill(117,186,255);

ellipse(230,308,100,100);//底圓7

noStroke();

smooth();

fill(0,64,128);

ellipse(230,308,60,60);//底圓8

noStroke();

smooth();

fill(255,255,255);

ellipse(230,308,30,30);//底圓9

跟著滑鼠移動的紅點，和跟著紅點移動的蝸牛

}

心得：

　　　今天的上課學用滑鼠作變化，圖案跟著滑鼠移動還有我自己查到的當滑鼠按下跟放開的時候有另外的變化，以及將之前第一周的作業如何包成一個函式運用在別的地方做放大縮小和移動的變化。

Week03 , HW03

作業3-1：
做出跟隨滑鼠移動的圖

void setup(){
  size(1000,800);
  fill(0,0,0);
  rect(0,0,1000,800);
  PImage HA;
  HA=loadImage("C:/Documents and Settings/s513s/桌面/a.jpg");
  image(HA,100,100);
}
void draw(){
  PImage YA;
  YA=loadImage("C:/Documents and Settings/s513s/桌面/ccc.jpg");
  image(YA,mouseX,mouseY);
}

作業3-2：

貓咪追兔子然後把它吃掉

void setup(){
  size(1000,800);
}
float x=100,y=100;
void draw(){
  fill(0,0,0);
  rect(0,0,1000,800);
  PImage HA;
  HA=loadImage("C:/Documents and Settings/s513s/桌面/22.jpg");
  image(HA,mouseX,mouseY);
  PImage YA;
  YA=loadImage("C:/Documents and Settings/s513s/桌面/1.jpg");
  image(YA,x,y);
  x=x*0.99+mouseX*0.01;
  y=y*0.99+mouseY*0.01;
}

↓一個大圖後面跟一堆小圖 ( 貓咪大很多大便 : D )

void setup(){

size(1000,800);

frameRate(12);

}

float [] x = new float[10];

float [] y = new float[10];

void draw(){

fill(255,255,255);

rect(0,0,1000,800);

PImage HA;

PImage YA;

HA=loadImage("C:/Documents and Settings/s513s/桌面/a.png");

image(HA,mouseX,mouseY);

x[9]= mouseX;

y[9]= mouseY;

for(int a=0;a<9;a++){

YA=loadImage("C:/Documents and Settings/s513s/桌面/b.png");

image(YA,x[a]+100,y[a]+150);

x[a]=x[a+1];

y[a]=y[a+1];

}

作業3-3：

心得與問題檢討

我覺得今天這堂課教的東西好好玩:D

首先是畫面可以和滑鼠作互動

當

訂閱：文章 (Atom)

2012互動技術概論

網頁

2012年9月25日星期二

Week03,HW03

week03,HW03

Week03,HW03

week03,HW03

Week03,HW03

Week03,HW03

Week03 HW03

WEEK03,HW03

week03,HW03

HW3,Week3

week 01 hw01

week3,hw03

Week03 , HW03

作者們

搜尋此網誌

網頁

2012年9月25日 星期二

2012年9月25日星期二