2019互動技術W2
開始互動技術
老師分享打洞的卡片
畫出多個視窗
在800*300的長方形卡片，用滑鼠畫出寬50高20的矩形
void setup(){開始
size(800,300);
}
void draw(){更新
rect(mouseX,mouseY,50,20);
}
void setup(){
size(800,300);
}
void draw(){
fill(#FC0808);
rect(mouseX,mouseY,50,20);
}
畫格子，用滑鼠填黑
void setup(){
size(800,300);
for(int x=0;x<800;x+=16){
for(int y=0;y<300;y+=30){
rect(x,y,16,30);每一個小格子為16*30
}
}
}
void draw(){
int nowX=mouseX/16*16,nowY=mouseY/30*30;用滑鼠座標找到左上起始畫的座標格數，所以除16，乘上16可以找出開始畫的座標
fill(0);填滿黑色
rect(nowX,nowY,16,30);
}
點滑鼠左鍵填黑色，點滑鼠右鍵填白色
void setup(){
size(800,300);
for(int x=0;x<800;x+=16){
for(int y=0;y<300;y+=30){
rect(x,y,16,30);
}
}
}
void draw(){
int nowX=mouseX/16*16,nowY=mouseY/30*30;
if(mousePressed && mouseButton==LEFT){
fill(0);左鍵畫黑色
rect(nowX,nowY,16,30);
}else if(mousePressed && mouseButton==RIGHT){
fill(255);右鍵畫白色
rect(nowX,nowY,16,30);
}
}
讀入圖片
上網複製圖片位址
size(500,500);
PImage img=loadImage("https://a.ksd-i.com/a/2019-07-03/118074-749440.jpg");
image(img,0,0,500,500);從(0.0)開始畫
用滑鼠畫出圖片
PImage img;宣告在最前面，使下面兩個函式找的到共同圖片
void setup(){
size(500,500);
img=loadImage("https://a.ksd-i.com/a/2019-07-03/118074-749440.jpg");
}
void draw(){
image(img,mouseX,mouseY,200,200);
}
在匯入的卡片當背景成功打洞
PImage imgBG;
int [][]table=new int[45][16];
void setup(){
size(640,480);用下載加入速本的方式，size一定要跟圖片原始大小一樣
imgBG=loadImage("https://blogwww.s3.amazonaws.com/uploads/fgblogphoto/8462/586b56d9-c870-4cc6-90de-96bf3f0fc4ba-1669860857.jpg");
}
void draw(){
background(imgBG);
int nowI=mouseX/16,nowJ=mouseY/30;
if(mousePressed && mouseButton==LEFT){
table[nowI][nowJ]=1;
}
else if(mousePressed && mouseButton==RIGHT){
table[nowI][nowJ]=0;
}
for(int i=0;i<45;i++){
for(int j=0;j<16;j++){
fill(0);
if(table[i][j]==1)rect(i*16,j*30,16,30);
}
}
}
沒有留言:
張貼留言