按一下滑鼠會有球球掉下來
球球的數量會在陣列裡的數量裡面
2020年6月29日 星期一
2020年6月18日 星期四
2020年5月27日 星期三
2020年3月19日 星期四
這裡是常闇的重修地獄録 第二之卷
這周的第一個主要目標是：讓遊戲角色在隨著方向鍵移動的同時也能根據移動方位改變圖紙方向。開始吧～～
首先，先用你那不會FaFa的廢手畫個悲慘的鬼畫符吧～～
對了，補充一下，用PowerPoint可以快速去被唷～～
接著把它們拉進Progressing裡面，這樣就成功放進Project資料夾裡囉。
接著進入程式碼部分：
這樣就能讓角色動囉，而且也能左右搖擺唷
以下為程式碼：
PImage img0 ,img1 ,img2;//三張圖
void setup()
{
size(800 ,800);
img0 = loadImage("p01.png");
img1 = loadImage("p02.png");
img2 = loadImage("p03.png");
}
int userX = 250 ,userY = 250;
void draw()//ctrl + K來看看在資料夾裡的圖
{
background(128);
if(keyPressed && keyCode == RIGHT)
{
image(img1 ,userX ,userY);
userX+=5;
}//右鍵→圖p01
else if(keyPressed && keyCode == LEFT)
{
image(img0 ,userX ,userY);
userX-=5;
}//左鍵→圖p02
else
{
image(img2 ,userX ,userY);
}//其他情況→圖p03
}
接下來來談談「背景」吧
首先一樣畫個廢圖吧～～
真乖～～接著先進入程式碼的階段：
搭啦～～背景出來啦～～
以下為程式碼：
PImage img ,img0 ,img1 ,img2;
void setup()
{
size(1036 ,806);//與背景圖大小相同
img = loadImage("BG.png");
img0 = loadImage("p01.png");
img1 = loadImage("p02.png");
img2 = loadImage("p03.png");
}
int userX = 250 ,userY = 250;
void draw()//ctrl + K來看看在資料夾裡的圖
{
background(img);
if(keyPressed && keyCode == RIGHT)
{
image(img1 ,userX ,userY);
userX+=5;
}//右鍵→圖p01
else if(keyPressed && keyCode == LEFT)
{
image(img0 ,userX ,userY);
userX-=5;
}//左鍵→圖p02
else
{
image(img2 ,userX ,userY);
}//其他情況→圖p03
}
2020年3月17日 星期二
養了一隻小龜叫Oreo__week02
課堂一開始，老師請我們先完成Zuvio的問卷，目的在於了解我們的學習狀態，以及複習上周的課程進度。
老師很認真的講解及分享每個項目之後，進入本週的進度課程––利用Processing寫出「隕石往下掉」的程式。
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
首先，我們會先寫出一個小畫家（上週進度）。
程式碼如下：
void setup(){ //設定
size(600,400); //畫布大小
}
void draw(){ //畫圖
if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY); //滑鼠按下時，線跟著滑鼠的軌跡。
}
再來我們修改一下小畫家，讓線變成點。
程式碼如下：
int x=0,y=0; //宣告兩個變數,x,y
void setup(){
size(600,400);
}
void draw(){
if(mousePressed){
x=mouseX; //x是滑鼠座標X
y=mouseY; //y是滑鼠座標Y
circle(x,y,10); //點的座標為（x,y）大小為10
}
}
再進化，讓點可以自動往下墜落。
程式碼如下：
int x=0,y=0;
void setup(){
size(600,400);
}
void draw(){
background(47,79,79); //讓每張圖都先蓋上背景，可以消除圓點留下的軌跡
circle(x,y,10);
y++; //圓點落下的速度，欲加速可改成y+=2、y+=3...
if(mousePressed){
x=mouseX;
y=mouseY;
}
}
再做得更完整一點！讓掉下來的隕石不要消失！
程式碼如下：
int []x={0,0,0,0,0,0,0,0,0,0}; //陣列，java寫法和Ｃ語言有些許不同！
int []y={0,0,0,0,0,0,0,0,0,0}; //java : []x={}; C : x[]={};
int n=0; //隕石的數量
void setup(){
size(600,400);
}
void draw(){
background(47,79,79);
for(int i=0;i<n;i++){ //利用for迴圈，讓上一顆隕石不會消失
circle(x[i],y[i],30);
y[i]+=3;
if(y[i]>=400-15) y[i]=400-15; //讓隕石能停留在地表上 （要扣掉半徑，因為座標會在圓心）
}
}
void mousePressed(){
if(n<=30){
x[n]=mouseX;
y[n]=mouseY;
n++; //隕石越來越多顆
}
}
也可以把點改成圖檔，換成可愛的隕石！
程式碼一樣放下面：
int []x={0,0,0,0,0,0,0,0,0,0};
int []y={0,0,0,0,0,0,0,0,0,0};
int n=0;
PImage img; //宣告一張圖
void setup(){
size(600,400);
img=loadImage("01.png"); //讀入一張圖（圖要事先放在data裡）
}
void draw(){
background(47,79,79);
for(int i=0;i<n;i++){
image(img,x[i],y[i],100,100);
y[i]+=3;
if(y[i]>=400-75) y[i]=400-75; //自行調整，讓圖能停在最下面即可
}
}
void mousePressed(){
if(n<=30){
x[n]=mouseX;
y[n]=mouseY;
n++;
}
}
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
課程結束。
2020年3月12日 星期四
懶嵐\(。∀ ° )/ week02 無限輪迴的dio
今天程設課第二節我們學了讓隕石從天而降的方法
加上第三節上了如何把圖片抓進程式裡，
加上第三節上了如何把圖片抓進程式裡，
然後我跟昭哥研究出了讓東西無限輪迴掉下去的辦法
先上個程式碼
中間的if(y[i]>?) y=0是為了讓東西如果消失在畫面底下，
就讓他從畫面上方重新出現
所以如果下面圖片會動的話會看到我們的Dio跟壓路機一直從天而降
Wryyyyyyyyyyyyyyyy
這裡是常闇的重修地獄録
這次的課程主要是針對陣列做講解，以Processing作為教學用具
主題為「以陣列做出隕石」
.
int []x = {0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0};
int []y = {0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0 ,0};
int n;
void setup()
{
size(800 ,1000);
}
void draw()
{
background(255);
for(int i = 0 ;i < n ;i++)
{
circle(x[i] ,y[i] ,60);
y[i]+=8;
if(y[i] >= 1000 - 60)
y[i] = 1000 - 60;
}
}
void mousePressed()
{
if(n < 100)
{
x[n] = mouseX;
y[n] = mouseY;
n++;
}
}
訂閱：
文章 (Atom)