211018 week04
💛🔔
讀圖片、聲音
圖片PART
今天又是哈特利系列
讀入一張圖，須找一張喜歡的圖
這是哈特利跟任意門(不是)
👉程式碼
PImage img;
//圖片，聲音
void setup(){
size(250,250);
img=loadImage("https://stickershop.line-scdn.net/stickershop/v1/sticker/25365/android/sticker.png");
///複製找到圖片網址
}
void draw(){
image(img,0,0);
}
方法二：放圖
將圖片儲存後，拉進程式中，並記得更改檔名
要出現左下訊息
！！登登！！
縮小圖片PART
1024*10242的圖如何放入500*500的框框中??
這是一張1024*1024星空的圖～
想看更多嗎？歡迎加入天文社
一樣把圖拉進去(檔名不要打錯)
👉程式碼（更改部分為豆沙粉色 ）
PImage img;
//圖片，聲音
void setup(){
size(500,500);
img=loadImage("sky.png");
}
void draw(){
image(img,0,0,500,500);
}
哈特利與星空與任意門
把哈特利跟星空的圖放入程式中
好可愛😂(哈特利會跟著滑鼠跑)
👉程式碼（更改部分為豆沙粉色 ）
PImage img1,img2;
//圖片，聲音
void setup(){
size(500,500);
img1=loadImage("sky.png");
img2=loadImage("haha.png");
}
void draw(){
image(img1,0,0,500,500);
image(img2,mouseX,mouseY,100,100);
}
去背哈特利與星空與任意門
PPT是你的去背好夥伴
更可愛了😂
滑鼠中心點PART
滑鼠中心在左上角，如何改成中間？？
方法１
把Ｘ軸跟Ｙ軸各扣50試試
👉程式碼（更改部分為豆沙粉色 ）
PImage img1,img2;
//圖片，聲音
void setup(){
size(500,500);
img1=loadImage("sky.png");
img2=loadImage("haha.png");
}
void draw(){
image(img1,0,0,500,500);
image(img2,mouseX-50,mouseY-50,100,100);
}
方法２
👉程式碼（更改部分為豆沙粉色 ）
PImage img1,img2;
//圖片，聲音
void setup(){
size(500,500);
img1=loadImage("sky.png");
img2=loadImage("haha.png");
}
void draw(){
imageMode(CORNER);
image(img1,0,0,500,500);
imageMode(CENTER);
image(img2,mouseX,mouseY,100,100);
}
聲音PART
Sketch ＞Library＞Add Library＞搜尋Sound
Mini可以用，Sound也可以(但有些電腦會出錯)
大膽按下Install！！！
File>Examples...>第三方貢獻的函式庫>Minim>Basics>PlayFile
左邊為下載檔案，右邊為我們要呼叫聲音的檔案
（右邊基本上複製貼上即可）
Sketch>開啟程式目錄>data>groove.mp3
將groove.mp3拉進程式中
照著程式打就可以聽到名為groove的mp3
👉程式碼
//聲音Sound
import ddf.minim.*;
Minim minim;
AudioPlayer player;
void setup(){
size(500,500);
minim = new Minim(this);
player = minim.loadFile("groove.mp3");
player.play();
}
void draw(){
}
👉程式碼（更改部分為豆沙粉色 ）
//聲音Sound
import ddf.minim.*;
Minim minim;
AudioPlayer player,player2;
void setup(){
size(500,500);
minim = new Minim(this);
player = minim.loadFile("groove.mp3");//音效
player2 = minim.loadFile("bg.mp3");//背景音樂
player2.play();
}
void draw(){
}
void mousePressed(){
player.play();
}
簡易鋼琴
👉程式碼
import ddf.minim.*;
Minim minim;
AudioPlayer doo,re,mi,fa,so;
void setup(){
size(500,100);
minim=new Minim(this);
doo=minim.loadFile("do.wav");
re=minim.loadFile("re.wav");
mi=minim.loadFile("mi.wav");
fa=minim.loadFile("fa.wav");
so=minim.loadFile("so.wav");
}
void keyPressed(){
if(key=='1') {doo.rewind(); doo.play();}
if(key=='2') {re.rewind(); re.play();}
if(key=='3') {mi.rewind(); mi.play();}
if(key=='4') {fa.rewind(); fa.play();}
if(key=='5') {so.rewind(); so.play();}
}///rewind重播
void draw(){
}
按下會變色的簡易鋼琴
對這是Do、Mi、So
👉程式碼（更改部分為豆沙粉色 ）
import ddf.minim.*;
Minim minim;
AudioPlayer doo,re,mi,fa,so;
void setup(){
size(500,100);
minim=new Minim(this);
doo=minim.loadFile("do.wav");
re=minim.loadFile("re.wav");
mi=minim.loadFile("mi.wav");
fa=minim.loadFile("fa.wav");
so=minim.loadFile("so.wav");
}
void keyPressed(){
if(key=='1') {doo.rewind(); doo.play();down[0]=1;}
if(key=='2') {re.rewind(); re.play();down[1]=1;}
if(key=='3') {mi.rewind(); mi.play();down[2]=1;}
if(key=='4') {fa.rewind(); fa.play();down[3]=1;}
if(key=='5') {so.rewind(); so.play();down[4]=1;}
}
void keyReleased(){
if(key=='1') down[0]=0;
if(key=='2') down[1]=0;
if(key=='3') down[2]=0;
if(key=='4') down[3]=0;
if(key=='5') down[4]=0;
}
int [] down={0,0,0,0,0};
void draw(){
background(255);
for(int i=0;i<5;i++){
if(down[i]==0) fill(255);
else fill(255,0,0);
rect(i*100,0,100,100);
}
}
！！！注意注意！！！
一定要記得把圖檔、音檔拉進去
才有辦法成功讀取呦！😉
如果喜歡我的部落格的話
請幫我按右上角的愛心(根本按不下去)
也可以按右上角的小鈴鐺(這也按不下去)
才不會錯過我的更新哦！😉
！歡迎加入天文社！
沒有留言:
張貼留言