2013互動技術概論: HW05

顯示具有 HW05 標籤的文章。顯示所有文章

2013年10月10日星期四

2013年10月7日星期一

Week5

#課堂內容
今天目標: (1) 會轉動的漂亮的花花, (2) 思考決定期中作品
http://2013interaction.blogspot.tw/2013/10/week05_8495.html

#期中想做的
這個是以前玩過的一款日文的釣魚小遊戲,畫面可愛還有逗趣的音效讓我印象深刻~
遊戲畫面如下:

玩家控制的腳色是那隻坐在魚上面的拿著釣竿的貓,
以鍵盤左右控制,按上下鍵可以控制魚線的長短,按空白件則是把魚鉤起來
畫面第一行是分數,依照你抓到魚的種類計分,下面一行是時間,也是依照你抓到的魚來增加或減少時間.另吊起的魚要放進火鍋內才算數

#實作
畫花花

色彩&滑鼠控制

隨意更改部分程式碼測試~發現同時有三朵以上的花跟著滑鼠在畫圖~

旋轉與印章效果

====程式碼====
int angle=0;int[]X=new int[100]; int[]Y=new int[100];

void setup()
{ size(800,800); colorMode(HSB,480);}

void draw()
{
angle+=0.01;
// translate(mouseX,mouseY);
fill(mouseX,mouseY,480);
for(int i=0;i<angle;i++) fl(X[i],Y[i]);
fl(mouseX,mouseY);
//fl(100,200);
}

void fl(int x,int y)
{
translate(x,y); rotate(angle);
for(int i=0;i<8;i++)
{
rotate(PI/8*i); ellipse(0,0,25,80);
}
}

void mousePressed()
{
X[angle]=mouseX; Y[angle]=mouseY;
angle++; if(angle>=100)angle=0;
}

黃敦群的第五周作業

廖中遠HW05

滑鼠移動轉動顏色改變

int[]X=new int[100];

int[]Y=new int[100];

int N=0;

void setup() {

size(640, 480);

colorMode(RGB, 640);

}

float angle=0;

void draw() {

angle+=0.005;

background(#77DEE3);

for (int i=0;i<N;i++) {

flower(X[i], Y[i]);

}

flower(mouseX, mouseY);

}

void flower(int x, int y) {

pushMatrix();

translate(x, y);

rotate(angle);

for (int i=0;i<14;i=i+1) {

if (mousePressed) {

fill(#38FAD4);

}

else {

fill(640, mouseX, mouseY);

}

rotate(PI/7);

ellipse(00, 50, 30, 100);

}

rotate(-angle*2);

for (int i=0;i<14;i=i+1) {

if (mousePressed) {

fill(#3BEDFF);

}

else {

fill(640, mouseY, 640);

}

rotate(PI/5);

ellipse(0, 0, 20, 100);

fill(#FCE25C);

ellipse(0, 0, 50, 50);

}

popMatrix();

}

void mousePressed() {

X[N]=mouseX;

Y[N]=mouseY;

N++;

if (N>=100) N=0;

}

我有可能要做這個遊戲

第五週

今天目標: (1) 會轉動的漂亮的花花, (2) 思考決定期中作品, (3)請用中文多寫一些心得及想要做的事

第五周課堂作業

WEEK05,課堂作業

第1節
教花花的旋轉與位置

size(600,600);

background(65,183,240);
translate(300,300);花花移動的位置，由左上角為中心點移動至(X,Y)=(300,300)

for(int i=0;i<12;i++){花瓣的個數
fill(240, 65, 118);
color(255,0,0);
rotate(PI/12*1);一個花瓣所旋轉的角度

ellipse(0,0,15,100);花瓣的形狀大小
}
fill(223, 227, 55);圓心的顏色
ellipse(0,0,20,20);圓心的大小

將滑鼠變成花花，按一下花花，花瓣會增加，花花會變成彩色
void setup() {
size(600, 600);
background(65, 183, 240);
colorMode(HSB, 480);
}

int flowerBan=12;

void draw() {
translate(mouseX, mouseY);隨著滑鼠移動
for (int i=0;i<flowerBan;i++) {
fill(mouseX, mouseY, 480);滑鼠移動顏色會變，上面是淺的下面是變深的
color(255, 0, 0);
rotate(PI/flowerBan);
ellipse(0, 0, 15, 100);
}
fill(223, 227, 55);
ellipse(0, 0, 20, 20);
}
void mouseClicked() {每壓一下滑鼠，就會增加花瓣個數
flowerBan++;
}

第2節

將花花可以自動選轉

void setup() {

size(600, 600);

background(65, 183, 240);

colorMode(HSB, 480);

}

float angle=0;

int flowerBan=12;

void draw() {

angle+=0.005;

pushMatrix();

translate(mouseX, mouseY);

rotate(angle);

for (int x=0;x<5;x++) {

fill(0, 228, 255);

color(255, 0, 0);

rotate(PI/5*1);

ellipse(0, 0, 30, 150);

}

for (int i=0;i<flowerBan;i++) {

fill(mouseX, mouseY, 480);

color(255, 0, 0);

rotate(PI/flowerBan);

ellipse(0, 0, 15, 100);

}

fill(223, 227, 55);

ellipse(0, 0, 20, 20);

popMatrix();

}

void mouseClicked() {

flowerBan++;

}

第3節

可以播種花花，讓花花旋轉

int[]X=new int[100];

int[]Y=new int[100];

int N=0;

void setup() {

size(600, 600);

colorMode(HSB, 480);

}

float angle=0;

void draw() {

background(65, 183, 240);

angle+=0.005;

for(int i=0; i<N; i++)

myflower(X[i],Y[i]);

myflower(mouseX, mouseY);

}

void myflower(int x, int y) {

pushMatrix();

translate(x, y);

rotate(angle);

for (int i=0;i<5;i++) {

fill(0, 228, 255);

color(255, 0, 0);

rotate(PI/5*1);

ellipse(0, 0, 30, 150);

}

for (int i=0;i<12;i++) {

fill(mouseX, mouseY, 480);

color(255, 0, 0);

rotate(PI/12*1);

ellipse(0, 0, 15, 100);

}

fill(223, 227, 55);

ellipse(0, 0, 20, 20);

popMatrix();

}

void mousePressed(){

X[N]=mouseX;

Y[N]=mouseY;

N++;

if(N>=100) N=0;

}

思考決定其中作品

遊戲名稱:卡片記憶遊戲

遊戲說明:先將牌記好，然後隔10秒牌會自動蓋起來，將相同2張的牌按出來之後，會消掉，不相同者會蓋回去，有時間限制，時間限制內將翻出相同圖案的兩張卡片即可消除卡片，消除全部的卡片即可過關。盡量在時間內累積高分才可進級下個等級，等級越高的關卡圖片也會越多種。

心得以及想要做更多的事
現階段老師所教的東西我還蠻清楚明懂得，上的不會太快，讓我更有興趣學習，也更了解原理，原本不太會寫程式，現在覺得寫程式是一件很有趣的事，可以寫出自己簡單的小遊戲，讓自己會覺得更有成就感，未來還想學的東西，遊戲製作以及一些日常生活中常用到的東西。

Week05第五週課堂作業

size(640,480);

translate(300,200);

rotate(PI/3*1); //以左上角為中心旋轉
ellipse(0,0,25,250); //橢圓得形狀
rotate(PI/3*1);
ellipse(0,0,25,250);
rotate(PI/3*1);
ellipse(0,0,25,250);

void setup(){

size(640,480);

colorMode(HSB,480);

}

int flowerBan=10;

void draw(){

translate(mouseX,mouseY);

fill(mouseX,mouseY,480);

for(int i=0;i<flowerBan;i++){

rotate(PI/flowerBan);

ellipse(0,0,25,300);

}

void mouseClicked(){

flowerBan++;

}

HW5 黃柏勳 99160193

1.畫出花花

2.幫花花上色

3.來個三角形的花花

4,每點一下會多一個花辦

5.嘗試做彩色的漂亮花花

6.無敵風火輪花花

7.有幻術感覺的花花

------------------------期中想做什麼----------------------
想做關於麥克風的格鬥遊戲
由麥克風感應聲波圖形
並且不同的圖型會有不同的控制反映

胡凱翔的第五周作業

第5周課堂作業

畫個像花的東西吧

void setup(){
size(640,480);
}
float r=0.01,t=0.001;
void draw(){
background(255); //讓走過可以不留痕跡
translate(320,240);//把旋轉中心移到螢幕中央
rotate(t); //讓他繞著中心轉
translate(40,30);
fill(255,0,0);
rotate(r); //讓他自轉
r+=0.05;
t+=0.1;
for(int i=0;i<16;i++){
rotate(PI/16*-1);
ellipse(0,0,15,100);
}
noFill();
for(int i=0;i<16;i++){
rotate(PI/16);
ellipse(0,0,15,50);
}
fill(0,255,255);
rotate(PI);
ellipse(0,0,30,30);
fill(0,0,255);
rotate(PI);
ellipse(0,0,15,15);
}
他會轉......但是圖片看不出來QQ"

期中想做的東西......戳屁屁!!

Week05 鄭羽婷

float angle=0.01;
boolean a=false,b=false;
int X,Y;

void setup(){
background(#F6F7DC);
size(640,480);
}

void flower(){
for(int i=0;i<20;i++){
fill(X+i*3,Y+i*3,255);
ellipse(0,50,20,100);
rotate(PI/10*1);
}
fill(#F6FF00);
ellipse(0,0,30,30);
}

void draw(){
background(#F6F7DC);
translate(X,Y);
if(b){
//if(mouseX>X)angle+=0.01;
//else angle-=0.01;
float delta=(mouseX-pmouseX)/30.0;
angle += delta;
rotate(angle);
}
if(a)flower();
}

void mouseClicked(){
X=mouseX;
Y=mouseY;
a=true;
b=false;
}

void mouseMoved() {
b=true;
}

//期中

接金幣遊戲

2013年10月10日 星期四

2013年10月7日 星期一

2013年10月10日星期四

2013年10月7日星期一