2012互動技術概論

2012年9月25日星期二

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

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

當

Week03 HW03

3-1 跟著滑鼠移動

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

void draw(){
fill(255,255,0);
triangle(mouseX,100,mouseX,150,100,mouseY);
fill(150,20,100);
ellipse(mouseX,mouseY,100,100);
fill(255,255,255);
rect(mouseX,mouseY,100,100);
}

3-2 追著滑鼠移動

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

float x=100,y=100,x1=150,y1=150,x2=200,y2=200;
void draw(){
background(0,150,255,100);
fill(0,255,255);
ellipse(x,y,100,100);
triangle(x,y,mouseX,mouseY,mouseX,mouseY);
fill(255,100,100);
ellipse(mouseX,mouseY,30,30);

fill(255,255,0);
ellipse(x1,y1,100,100);
triangle(x1,y1,mouseX,mouseY,mouseX,mouseY);

fill(0,255,0);
ellipse(x2,y2,100,100);
triangle(x2,y2,mouseX,mouseY,mouseX,mouseY);

x=x*0.9+mouseX*0.1; //x=(x+mouseX)/2;
y=y*0.9+mouseY*0.1; //y=(y+mouseY)/2;
x1=x1*0.5+mouseX*0.3;
y1=y1*0.5+mouseY*0.3;
x2=x2*0.3+mouseX*0.1;
y2=y2*0.3+mouseY*0.1;
}

3-3 心得
今天教的隨滑鼠移動很有趣，謝謝老師。

Week03 HW03

Week03,HW03第一個作業：

程式碼

void setup(){ //固定大小
size(600,600);
background(0);
}
void draw(){ //畫，會改變的數值

fill(0,255,100);
noStroke();
//rect(100,100,100,100);

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

ellipse(mouseX,mouseY,random(80)/10,random(80)/10);//座標點改成滑鼠座標點，所以滑鼠到哪圖就畫到哪
}

圖片

Week03,HW03第二個作業：

程式碼

void setup(){ //固定大小

size(600,600);

}

float x=100,y=100;

void draw(){ //畫，會改變的數值

noStroke();

background(0);

fill(255,0,100);

ellipse(mouseX,mouseY,100,50);//座標點改成滑鼠座標點，所以滑鼠到哪圖就畫到哪

ellipse(mouseX-50,mouseY,20,40);

ellipse(mouseX+50,mouseY,20,40);

fill(0,0,0);

translate(x,y);

scale(0.5,0.5);

mygr();

x=(x+mouseX)/2;

y=(y+mouseY)/2;

}

void mygr()

{

fill(255,150,10);

rect(x,y,80,150);

fill(255,150,10);

rect(x+30,y+150,140,120);

fill(255,150,10);

rect(x+50,y+270,30,150);

fill(255,150,10);

rect(x+120,y+270,30,150);

fill(255,150,10);

ellipse(x+80,y,50,50);

fill(255,150,10);

ellipse(x,y,50,50);

fill(0,255,255);

ellipse(x+9,y,30,30);

fill(0,255,255);

ellipse(x+69,y,30,30);

}

圖片

課堂心得：

這週的課程跟前兩禮拜學的畫圖可以做結合，把第一個禮拜畫的圖使用void，

可以讓變大變小，不用一直調整數值。

寫起程式起來也更簡單，不會很冗長。

Week3,HW3

作業一 : 跟著滑鼠移動

void setup(){
size(600,600);
background(0,64,0);//背景顏色
noStroke();//消除物件外框
}
void draw(){
fill(255,255,255);
rect(250,250,100,100);

fill(255,255,0);
ellipse(mouseX,mouseY,50,50);//物件位置改成mouseX、mouseY即可由滑鼠控制物件位置
}

作業二 : 多拉A夢追銅鑼燒

void setup(){

size(800,600);

//frameRate(1);

}

void dora(){

//size(206,244);

//noStroke();

//頭

fill(2,187,233);

ellipse(100, 75, 150, 146);

//身體

fill(2,187,233);

rect(47,140, 108, 76, 3);

quad(17,165,47,143,48,173,32,185);

quad(154,143,178,162,166,180,153,170);

fill(255,255,255);

ellipse(23,174,30,31);

ellipse(178,173,30,31);

ellipse(100, 165, 84, 84);//身體白處

//臉

fill(255,255,255);

ellipse(100, 95, 126, 95);

//眼睛

fill(255,255,255);

ellipse(82, 46, 35, 44);

fill(255,255,255);

ellipse(117, 46, 35, 44);

//眼珠

fill(0,0,0);

ellipse(91, 55, 9, 9);

fill(0,0,0);

ellipse(111, 55, 9, 9);

//鼻子

fill(255,0,0);

ellipse(100, 68, 19, 19);

//嘴巴

line(100,77,100,125);

noFill();

arc(100,88,84,77,PI/7.8,PI/1.2);

//鬍鬚

line(128,78,153,69);

line(128,84,155,84);

line(128,88,153,98);

line(77,78,51,69);

line(77,84,50,84);

line(77,88,51,98);

//項圈

fill(207,36,12);

rect(45,132,113,11,5);

//鈴鐺

fill(255,255,0);

ellipse(100,146,22,23);

line(91,143,109,143);

line(90,146,111,146);

fill(0,0,0);

ellipse(100,149,2,2);

line(100,150,100,157);

//口袋

fill(255,255,255);

arc(100, 165, 50, 50, 0, PI);

line(75,164,125,165);

//腳

fill(255,255,255);

rect(38,215,60,16,10,5,5,5);

rect(100,215,60,16,5,10,5,5);

}

float x=100,y=100;

void draw(){

background(255,255,255);

//銅鑼燒

PImage food;

food=loadImage("http://demo.taipeitarget.ozchamp.com/images/x01.JPG");

//多拉A夢

pushMatrix();

translate(x-150,y-150);

dora();//呼叫上面所畫的圖

popMatrix();

//銅鑼燒位置跟大小

translate(mouseX,mouseY);

scale(0.1);

image(food,0,0);

x=x*0.9 + mouseX*0.1;

y=y*0.9 + mouseY*0.1;

}

作業三 : 心得

我是利用第一周的作品來應用在此周的課程，
利用功課使我更熟悉寫法與用法，
利用老師的基礎範例與同學們的作品互相學習，
讓我寫的時候遇到的問題能有更多的資源，
謝謝老師、助教跟同學們囉:D

訂閱：文章 (Atom)

2012互動技術概論

網頁

2012年9月25日星期二

Week03,HW03

week03,HW03

Week03,HW03

Week03,HW03

Week03 HW03

WEEK03,HW03

week03,HW03

HW3,Week3

week 01 hw01

week3,hw03

Week03 , HW03

Week03 HW03

Week03 HW03

Week3,HW3

作者們

搜尋此網誌

網頁

2012年9月25日 星期二

2012年9月25日星期二