2021互動技術: 08160846

顯示具有 08160846_林昀葦 標籤的文章。顯示所有文章

2021年11月15日星期一

Bunny

step1

size(600,600);

fill(235,0,0);

textSize(80);

text("Hello",50,50);

step2

void setup(){

size(600,600);

fill(235,0,0);

textSize(80);

}

void draw(){

text("Hello",50,100);

}

step3

void setup(){

size(600,600);

fill(235,0,0);

textSize(80);

}

void draw(){

background(255);//白

text("Time:"+frameCount,50,100);

}//每秒60frame,過了幾個frame

step4

void setup(){

size(600,600);

fill(235,0,0);

textSize(80);

}

void draw(){

background(255);//白

text("Time:"+frameCount/60,50,100);//不準

text("millis():"+millis()/1000,50,200);//準

}//每秒60frame,過了幾個frame

step5

void setup(){

size(600,600);

fill(235,0,0);

textSize(80);

}

void draw(){

background(255);//白

text(hour()+":"+minute()+":"+second(),50,100);

text("millis():"+millis()/1000,50,200);

}//每秒60frame,過了幾個frame

step6

void setup(){

size(600,600);

fill(235,0,0);

textSize(80);

}

void draw(){

background(255);//白

text(hour()+":"+minute()+":"+second(),50,100);

text("中文:"+millis()/1000,50,200);

}//每秒60frame,過了幾個frame

step7

PFont myFont;

void setup(){

size(500,500);

myFont=createFont("標楷體",100);

textFont(myFont);

text("中文",100,100);

}

step8

PFont font1,font2;

void setup(){

size(500,500);

font1=createFont("標楷體",100);

textFont(font1);

font2=createFont("微軟正黑體 Bold",100);

}

void draw(){

background(0);

text("中文",100,100);

if(mousePressed) textFont(font2);

else textFont(font1);

}

step9

void setup(){

size(600,600);

fill(235,0,0);

textSize(80);

}

void draw(){

background(255);//白

String hh=nf(hour(),2);

String mm=nf(minute(),2);

String ss=nf(second(),2);

text(hh+":"+mm+":"+ss,50,100);

}

step10

void setup(){

size(600,600);

fill(235,0,0);

textSize(80);

}

void draw(){

background(#1A6FFF);//白

String hh=nf(hour(),2);

String mm=nf(minute(),2);

String ss=nf(second(),2);

text("現在:"+hh+":"+mm+":"+ss,50,100);

text("下課:15:40:00",50,200);

int now=hour()*60*60+minute()*60+second();

int next=15*60*60+40*60+0;

int remain=next-now;

text("剩下:"+remain,50,300);

}

2021年10月25日星期一

Bunny-week04

void setup(){

size(400,400);

}

void draw(){

background(253,236,180);

line(50, 50, 50, 450);

line(100, 50, 100, 450);

line(150, 50, 150, 450);

line(200, 50, 200, 450);

line(250, 50, 250, 450);

line(300, 50, 300, 450);

line(350, 50, 350, 450);

line(400, 50, 400, 450);

line(450, 50, 450, 450);

}

另一種寫法

void setup(){
size(400,400);
}
void draw(){
background(253,236,180);
for(int i=0;i<9;i++)
{
line(50+50i,50,50+50i,450);
}
}void setup(){

size(400,400);
}
void draw(){
background(253,236,180);
for(int i=0;i<9;i++)
{
line(50+50i,50,50+50i,450);
}
}

可以玩五子棋啦!!!

誰要跟我PK

int [][]go = {

{0,0,0,0,0,0,0,0,0},

{0,0,0,0,0,0,0,0,0}};

void setup(){

size(500,500);

}

void draw(){

background(#D9B4FF);

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

line(50+50*i, 50, 50+50*i, 450);

line(50, 50+50*i, 450, 50+50*i);

}

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

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

if(go[i][j]==1) {

int x=50+50*j, y=50+50*i;

fill(255); ellipse(x,y,40,40);

}else if(go[i][j]==2){

int x=50+50*j, y=50+50*i;

fill(0); ellipse(x,y,40,40);

}

void mousePressed(){

int j=(mouseX-25)/50;

int i=(mouseY-25)/50;

if(mouseButton==LEFT) go[i][j]=1;

if(mouseButton==RIGHT) go[i][j]=2;

if(mouseButton==CENTER) go[i][j]=0;

}

void setup(){

size(500,500);

}

void draw(){

for(float a=0 ; a<360 ;a++){

float x=250+250*cos( radians(a) );

float y=250+250*sin( radians(a) );

ellipse(x,y, 4,4);

}

void setup(){

size(500,500);

}

float w=30;

float r=0,g=255,b=0;

void draw(){

noFill();

stroke(r,g,b);

r+=random(3); if(r>255) r=0;

g+=random(3); if(g>255) g=0;

b+=random(3); if(b>255) b=0;

ellipse(mouseX, mouseY,w,w);

w+=0.5;

if(w>100) w=30;

}

2021年10月18日星期一

Bunny-week06

匯入圖片

PImage img;

void setup(){

size(800,680);

img=loadImage("bunny.jpg");

}

void draw(){

image(img,0,0);

}

放入兩張圖片

其中一張跟著滑鼠一起移動

PImage img1,img2;

void setup(){

size(800,680);

img1=loadImage("bunny.png");

img2=loadImage("bunny2.png");

}

void draw(){

image(img1,0,0,800,680);

image(img2,mouseX,mouseY,200,200);

}

改變滑鼠座標

更靠近圖片中心位置

PImage img1,img2;

void setup(){

size(800,680);

img1=loadImage("bunny.png");

img2=loadImage("bunny2.png");

}

void draw(){

image(img1,0,0,800,680);

image(img2,mouseX-100,mouseY-100,200,200);

}

另一種改變滑鼠中心的方法

PImage img1,img2;

void setup(){

size(800,680);

img1=loadImage("bunny.png");

img2=loadImage("bunny2.png");

}

void draw(){

imageMode(CORNER);

image(img1,0,0,800,680);

imageMode(CENTER);

image(img2,mouseX,mouseY,200,200);

}

2021年10月4日星期一

Bunny-week02

step1

滑鼠點擊顏色轉換

void setup(){

size(500,500);

}

void draw(){

if(mousePressed)background(255,0,0);

else background(0,255,0);

}

step2

神秘的線線

void setup(){

size(500,500);

}

void draw(){

if(mousePressed)line(mouseX,mouseY,0,0);

}

step3

簡易版的小畫家

void setup(){

size(500,500);

}

void draw(){

if(mousePressed)line(mouseX,mouseY,pmouseX,pmouseY);

}

step4

顏色

void setup(){

size(500,500);

fill(255,0,0);rect(0,0,100,100);///紅色

fill(0,255,0);rect(0,100,100,100);///綠色

}

void draw(){

if(mousePressed){

if(mouseX<100){

if(mouseY<100) stroke(255,0,0);///紅色

else if(mouseY<200) stroke(0,255,0);///綠色

}else line(mouseX,mouseY,pmouseX,pmouseY);

}

step5

粗細

void setup(){

size(500,500);

rect(0,0,100,100);ellipse(50,50,8,8);///8的圓

rect(0,100,100,100);ellipse(50,150,4,4);///4的圓

}

void draw(){

if(mousePressed){

if(mouseX<100){

if(mouseY<100) strokeWeight(8);///粗

else if(mouseY<200) strokeWeight(4);///中

}else line(mouseX,mouseY,pmouseX,pmouseY);

}

step6

自由挑選粗細

void setup(){

size(500,500);

for(int i=1;i<8;i++){

rect(0,i*50,50,50);

ellipse(25,25+i*50,i,i);

}

void draw(){

if(mousePressed){

if(mouseX<100){

for(int i=1;i<8;i++){

if(mouseY>i*50 && mouseY<i*50+50){

strokeWeight(i);

}

}else line(mouseX,mouseY,pmouseX,pmouseY);

}

step7

void setup(){

size(500,500);

rect(0,50,50,50);ellipse(25,25+50,1,1);

rect(0,100,50,50);ellipse(25,25+100,2,2);

rect(0,150,50,50);ellipse(25,25+150,3,3);

rect(0,200,50,50);ellipse(25,25+200,4,4);

rect(0,250,50,50);ellipse(25,25+250,5,5);

rect(0,300,50,50);ellipse(25,25+300,6,6);

rect(0,350,50,50);ellipse(25,25+350,7,7);

rect(0,400,50,50);ellipse(25,25+400,8,8);

}

void draw(){

if(mousePressed){

if(mouseX<50){

if(mouseY>1*50 && mouseY<1*50+50)strokeWeight(1);

if(mouseY>2*50 && mouseY<2*50+50)strokeWeight(2);

if(mouseY>3*50 && mouseY<3*50+50)strokeWeight(3);

if(mouseY>4*50 && mouseY<4*50+50)strokeWeight(4);

if(mouseY>5*50 && mouseY<5*50+50)strokeWeight(5);

if(mouseY>6*50 && mouseY<6*50+50)strokeWeight(6);

if(mouseY>7*50 && mouseY<7*50+50)strokeWeight(7);

if(mouseY>8*50 && mouseY<8*50+50)strokeWeight(8);

}else line(mouseX,mouseY,pmouseX,pmouseY);

}

step8

void setup(){

size(500,500);

fill(#FF0000);rect(0,50,50,50);

fill(#FF8000);rect(0,100,50,50);

fill(#EDFF00);rect(0,150,50,50);

fill(#10FF00);rect(0,200,50,50);

fill(#0057FF);rect(0,250,50,50);

fill(#0092FF);rect(0,300,50,50);

fill(#8B00FF);rect(0,350,50,50);

fill(#FF00D5);rect(0,400,50,50);

}

void draw(){

if(mousePressed){

if(mouseX<50){

if(mouseY>1*50 && mouseY<1*50+50)stroke(#FF0000);

if(mouseY>2*50 && mouseY<2*50+50)stroke(#FF8000);

if(mouseY>3*50 && mouseY<3*50+50)stroke(#EDFF00);

if(mouseY>4*50 && mouseY<4*50+50)stroke(#10FF00);

if(mouseY>5*50 && mouseY<5*50+50)stroke(#0057FF);

if(mouseY>6*50 && mouseY<6*50+50)stroke(#0092FF);

if(mouseY>7*50 && mouseY<7*50+50)stroke(#8B00FF);

if(mouseY>8*50 && mouseY<8*50+50)stroke(#FF00D5);

}else line(mouseX,mouseY,pmouseX,pmouseY);

}

step9

void setup(){

size(500,500);

rect(0,50,50,50);ellipse(25,25+50,1,1);

rect(0,100,50,50);ellipse(25,25+100,2,2);

rect(0,150,50,50);ellipse(25,25+150,3,3);

rect(0,200,50,50);ellipse(25,25+200,4,4);

rect(0,250,50,50);ellipse(25,25+250,5,5);

rect(0,300,50,50);ellipse(25,25+300,6,6);

rect(0,350,50,50);ellipse(25,25+350,7,7);

rect(0,400,50,50);ellipse(25,25+400,8,8);

fill(#FF0000);rect(450,50,50,50);

fill(#FF8000);rect(450,100,50,50);

fill(#EDFF00);rect(450,150,50,50);

fill(#10FF00);rect(450,200,50,50);

fill(#0057FF);rect(450,250,50,50);

fill(#0092FF);rect(450,300,50,50);

fill(#8B00FF);rect(450,350,50,50);

fill(#FF00D5);rect(450,400,50,50);

}

void draw(){

if(mousePressed){

if(mouseX<50){

if(mouseY>1*50 && mouseY<1*50+50)strokeWeight(1);

if(mouseY>2*50 && mouseY<2*50+50)strokeWeight(2);

if(mouseY>3*50 && mouseY<3*50+50)strokeWeight(3);

if(mouseY>4*50 && mouseY<4*50+50)strokeWeight(4);

if(mouseY>5*50 && mouseY<5*50+50)strokeWeight(5);

if(mouseY>6*50 && mouseY<6*50+50)strokeWeight(6);

if(mouseY>7*50 && mouseY<7*50+50)strokeWeight(7);

if(mouseY>8*50 && mouseY<8*50+50)strokeWeight(8);

}else if(mouseX>450){

if(mouseY>1*50 && mouseY<1*50+50)stroke(#FF0000);

if(mouseY>2*50 && mouseY<2*50+50)stroke(#FF8000);

if(mouseY>3*50 && mouseY<3*50+50)stroke(#EDFF00);

if(mouseY>4*50 && mouseY<4*50+50)stroke(#10FF00);

if(mouseY>5*50 && mouseY<5*50+50)stroke(#0057FF);

if(mouseY>6*50 && mouseY<6*50+50)stroke(#0092FF);

if(mouseY>7*50 && mouseY<7*50+50)stroke(#8B00FF);

if(mouseY>8*50 && mouseY<8*50+50)stroke(#FF00D5);

}else line(mouseX,mouseY,pmouseX,pmouseY);

}

2021年9月27日星期一

Bunny-week01

Week03

解壓縮processing-3.5.4

//第一個程式

size(600,400);//(1)大小

//第二個程式

//工具Tool-顏色選擇器Color Selector-複製copy

background(#5C5AFF);//(2)顏色:背景色、畫的顏色

//第一個程式

size(600,600);//(1)大小

//第二個程式

//工具Tool-顏色選擇器Color Selector-複製copy

background(#5C5AFF);//(2)顏色:背景色、畫的顏色

//第三個程式

rect(100,100,400,400);//(3)方塊rect rectangle

ellipse(200,300,30,30);//(4)橢圓

ellipse(400,300,30,30);

//第一個程式

size(600,600);//(1)大小

//第二個程式

//工具Tool-顏色選擇器Color Selector-複製copy

background(#5C5AFF);//(2)顏色:背景色、畫的顏色

//第三個程式

rect(100,100,400,400);//(3)方塊rect rectangle///前兩個數字是位置，後兩個大小

ellipse(200,300,30,30);//(4)橢圓

ellipse(400,300,30,30);

ellipse(300,400,200,100);

自己練習的

//第一個程式

size(600,600);//(1)大小

//第二個程式

//工具Tool-顏色選擇器Color Selector-複製copy

background(#5D5D5D);//(2)顏色:背景色、畫的顏色

//第五個程式

stroke(204,102,0);//筆觸的色彩(外面框框的顏色)

strokeWeight(5);//線條粗細

//第六個程式

fill(#FFFFFF);//裡面的色彩

//第三個程式

rect(100,100,400,400);//(3)方塊rect rectangle///前兩個數字是位置，後兩個大小

//第四個程式

stroke(#5F5F5F);

ellipse(200,300,30,30);//(4)橢圓

ellipse(400,300,30,30);

stroke(#FAFAFA);

fill(#FF6C0F);

ellipse(300,400,200,100);//中心點在正中間

stroke(#FAFAFA);

rect(200,400,200,1.5);//中心點在左上角

//橢圓 vs. 長方形的差別

老師整理的

size(600,600);

background(128);

fill(255);

noStroke();//臉

rect(100,100,400,400);

stroke(128);

strokeWeight(5);//雙眼

ellipse(200,300,30,30);

ellipse(400,300,30,30);

noStroke();

fill(#CC6600);

ellipse(300,400,200,100);

stroke(255);

line(200,400,400,400);

小筆記

stroke();//筆觸的色彩(外面框框的顏色)

strokeWeight();//線條粗細

fill();//裡面的色彩

rect();//方塊

ellipse();//橢圓

增加滑鼠互動

void setup(){
size(600,600);
}
void draw(){
background(128);
fill(255);
noStroke();//臉
rect(100,100,400,400);
stroke(128);
strokeWeight(5);//雙眼
ellipse(mouseX,mouseY,30,30);
ellipse(400,300,30,30);
noStroke();
fill(#CC6600);//嘴巴
ellipse(300,400,200,100);
stroke(255);//嘴巴的直線
line(200,400,400,400);
}//重點1:畫圖函式，每秒60次 1小時=60分，1秒=60畫面frame

訂閱：文章 (Atom)

2021年11月15日 星期一

Bunny

2021年10月25日 星期一

Bunny-week04

void setup(){

size(400,400);

}

void draw(){

background(253,236,180);

line(50, 50, 50, 450);

line(100, 50, 100, 450);

line(150, 50, 150, 450);

line(200, 50, 200, 450);

line(250, 50, 250, 450);

line(300, 50, 300, 450);

line(350, 50, 350, 450);

line(400, 50, 400, 450);

line(450, 50, 450, 450);

}

void setup(){ size(400,400);}void draw(){ background(253,236,180); for(int i=0;i<9;i++) { line(50+50*i,50,50+50*i,450); }}void setup(){

size(400,400);}void draw(){ background(253,236,180); for(int i=0;i<9;i++) { line(50+50*i,50,50+50*i,450); }}

2021年10月18日 星期一

Bunny-week06

2021年10月4日 星期一

Bunny-week02

2021年9月27日 星期一

Bunny-week01

2021年11月15日星期一

2021年10月25日星期一

void setup(){
size(400,400);
}
void draw(){
background(253,236,180);
for(int i=0;i<9;i++)
{
line(50+50i,50,50+50i,450);
}
}void setup(){

size(400,400);
}
void draw(){
background(253,236,180);
for(int i=0;i<9;i++)
{
line(50+50i,50,50+50i,450);
}
}

2021年10月18日星期一

2021年10月4日星期一

2021年9月27日星期一