學習 processing 語言很不錯

return

最近接觸了一種視覺化的基於JAVA的語言叫 processing，覺得不算難學，很快可以上手，做一些小遊戲。

最近做了很簡單的打磚塊和幾A幾B這種猜數字的小遊戲，頗有點成就感。只是程式本身就像一個充滿了補丁的衣服一樣，缺什麼補什麼，錯哪裡再改哪裡，所以十分凌亂，但執行起來還「堪用」吧。

打磚塊的遊戲 http://q.to/pong
只有一排磚，打完了會再出現。一開始請用滑鼠點一下圖中間，然後用滑鼠或者左右鍵來移動下方的板子。球往上時比較慢，下墜時會加快。可能會有些bug，請多指教。

有興趣學程式語言的版友也不妨去玩看看。

http://processing.org

政大最近有開線上課程，http://programming101.cs.nccu.edu.tw/index.html

return

1. float bar_x,bar_y,ball_x,ball_y,speed_x,speed_y,brick_x,brick_y,brick_width,brick_height,i,j,up_edge,rnd;
   
2. boolean isPlaying,goLeft,goRight, show1,show2,show3,show4,show5,show6; //使用show變數來決定磚塊消失與否，可用陣列
   
3. int n=0,gameState=1,score=0,best_score=0;
   
4. PFont word;
   
5. void setup(){
   
6.   
   
7.   size(500,400);
   
8.   
   
9.   word = createFont("Arial",50);
   
10.   textFont(word);
    
11.   textAlign(CENTER);
    
12.   stroke(0);
    
13.   bar_x = random(100,400);//擊板起始位置X座標隨機出現
    
14.   bar_y = height-10;//擊板y定在下邊界減10的地方，擊板高度為10
    
15.   ball_x= width/2-8;//球出現的x座標
    
16.   ball_y= random(50,height/2-50);//球出現的y座標隨機出現
    
17.   //球的x移動方向隨機決定，但如果在0.8到負0.8之間時要重做，以免球會呈現幾近垂直的上下
    
18.   speed_x =random(-2.5,2.5);
    
19.   while(speed_x>=-0.8&&speed_x<=0.8) speed_x =random(-2.5,2.5);
    
20.   speed_y = 4;
    
21.   isPlaying = false;//用滑鼠點擊後球才會開始移動
    
22.   background(255);
    
23.   
    
24. 
    
25.   //磚塊的初始值  
    
26.   brick_x = 0;
    
27.   brick_y = 0;
    
28.   brick_width = 80;
    
29.   brick_height = 20;
    
30.   
    
31.   //brick wall 磚牆逐一設定
    
32.   stroke(0);
    
33.   fill(#FFFF00);
    
34.   rect(brick_x,brick_y,brick_width,brick_height);
    
35.   fill(#0000FF);
    
36.   rect(brick_x+85,brick_y,brick_width,brick_height);
    
37.   fill(#9ACD32);
    
38.   rect(brick_x+85*2,brick_y,brick_width,brick_height);
    
39.   fill(#EE2C2C);
    
40.   rect(brick_x+85*3,brick_y,brick_width,brick_height);
    
41.   fill(#ffa500);
    
42.   rect(brick_x+85*4,brick_y,brick_width,brick_height);
    
43.   fill(#FF00FF);
    
44.   rect(brick_x+85*5,brick_y,brick_width,brick_height);
    
45.   //磚塊目前全部呈現可見狀態
    
46.   show1=show2=show3=show4=show5=show6=true;
    
47.   //擊板的設定
    
48.   noStroke();
    
49.   fill(#1E90FF);
    
50.   rect(bar_x,bar_y,100,15);
    
51.   //球的設定
    
52.   stroke(0);
    
53.   fill(#DAA520);
    
54.   ellipse(ball_x,ball_y,16,16);
    
55.   
    
56.   //up_edge是指當磚塊存在時的上界，其實就是y==20，相對於磚塊消失後的上界值是y==0
    
57.   up_edge = brick_y+20;
    
58. 
    
59.   }
    
60. 
    
61. 
    
62. void draw(){
    
63.      
    
64.    if(gameState==1){
    
65.   
    
66.   if(keyPressed||mousePressed) isPlaying=true;
    
67.   
    
68.   if(isPlaying){
    
69.   background(255);
    
70.   
    
71.   
    
72.   
    
73.   // brick wall
    
74.   stroke(0);
    
75.   //fill(#ffa500);
    
76.   brick_x=0;
    
77.   brick_y=0;
    
78.   brick_width=80;
    
79.   brick_height=20;
    
80. 
    
81.   //如果show值為真，畫出各磚塊，可用陣列
    
82.   fill(#FFFF00);
    
83.   if(show1==true) rect(brick_x,brick_y,brick_width,brick_height);
    
84.   fill(#0000FF);
    
85.   if(show2==true) rect(brick_x+85,brick_y,brick_width,brick_height);
    
86.   fill(#9ACD32);
    
87.   if(show3==true) rect(brick_x+85*2,brick_y,brick_width,brick_height);
    
88.   fill(#EE2C2C);
    
89.   if(show4==true) rect(brick_x+85*3,brick_y,brick_width,brick_height);
    
90.   fill(#ffa500);
    
91.   if(show5==true) rect(brick_x+85*4,brick_y,brick_width,brick_height);
    
92.   fill(#FF00FF);
    
93.   if(show6==true) rect(brick_x+85*5,brick_y,brick_width,brick_height);
    
94.   
    
95.   textFont(word,20);
    
96.   fill(#CDC9C9);
    
97.   text("SCORE: ",50,380);
    
98.   text(score,95,380);
    
99.   
    
100. 
     
101. 
     
102.   //ball
     
103.   stroke(0);
     
104.   fill(#DAA520);
     
105.   ellipse(ball_x,ball_y,16,16);
     
106.   
     
107.   
     
108.   
     
109.   ball_x+=speed_x;
     
110.   ball_y+=speed_y;
     
111.   //如果球朝上則速度是y=-4，如果球向下則速度是y=5
     
112.   if(speed_y>0) speed_y=5;;
     
113.   if(speed_y<0) speed_y=-4;
     
114.   //如果score>18則上下速度加快
     
115.   if(score>18){
     
116.    //if(speed_x>0) speed_x=2;
     
117.    //if(speed_x<0) speed_x=-2;
     
118.    if(speed_y>0) speed_y=6;
     
119.    if(speed_y<0) speed_y=-5;
     
120.   }
     
121.    if(score>54){
     
122.    //if(speed_x>0) speed_x=2;
     
123.    //if(speed_x<0) speed_x=-2;
     
124.    if(speed_y>0) speed_y=7;
     
125.    if(speed_y<0) speed_y=-5;
     
126.   }
     
127.   
     
128.     //如果球碰到某磚塊，則該磚塊的show值為false，磚塊消失
     
129.      rnd=random(0.1,0.3);
     
130.      if(show1==true && (ball_y-8<=up_edge||ball_y-8<=0) && ball_x>brick_x && ball_x<80) {speed_y*=-1;show1=false;score++;}
     
131.      if(show2==true && (ball_y-8<=up_edge||ball_y-8<=0) && ball_x>86 && ball_x<164) {speed_y*=-1;show2=false;score++;}
     
132.      if(show3==true && (ball_y-8<=up_edge||ball_y-8<=0) && ball_x>171 && ball_x<249) {speed_y*=-1;show3=false;score++;}
     
133.      if(show4==true && (ball_y-8<=up_edge||ball_y-8<=0) && ball_x>256 && ball_x<334) {speed_y*=-1;show4=false;score++;}
     
134.      if(show5==true && (ball_y-8<=up_edge||ball_y-8<=0) && ball_x>341 && ball_x<419) {speed_y*=-1;show5=false;score++;}
     
135.      if(show6==true && (ball_y-8<=up_edge||ball_y-8<=0) && ball_x>426) {speed_y*=-1;show6=false;score++;}
     
136. //如果show值都為false時則全部變回true，磚塊全都出現
     
137.   if(show1==false&&show2==false&&show3==false&&show4==false&&show5==false&&show6==false&&ball_y>=22)
     
138.    {
     
139.      show1=true;show2=true;show3=true;show4=true;show5=true;show6=true;}
     
140.    
     
141.   //如果球要出界時，立即反彈   
     
142.   if(ball_y-8<=0) {ball_y=8;speed_y*=-1;}   
     
143.   if(ball_x+8>=width) speed_x*=-1;
     
144.   if(ball_x-8<=0) speed_x*=-1;
     
145.   //反擊時讓球的x移動以隨機處理，增加球反彈的不確定感
     
146.   
     
147.   if(ball_x>=bar_x&&ball_x<=bar_x+100&&ball_y+8>=bar_y) {rnd=random(0.7,1.6); speed_y*=-1;speed_x*=rnd;}
     
148.   
     
149.   if(ball_x-8==bar_x+100&&ball_y+8>=height-10&&ball_y+8>=height) {
     
150.   if(speed_x>0){speed_y*=-1;rnd=random(1.1,2);speed_x*=rnd;}
     
151.   if(speed_x<0){speed_y*=-1;rnd=random(1.1,2);speed_x*=-rnd;}
     
152.   }
     
153.   if(ball_x+8==bar_x&&ball_y+8>=height-10&&ball_y+8>=height) {
     
154.   if(speed_x>0)
     
155.    {speed_y*=-1;rnd=random(1.1,2);speed_x*=-rnd;
     
156.     if(speed_x>2.5) speed_x=2.5;
     
157.      if(speed_x<-2.5) speed_x=-2.5;
     
158.    }
     
159.   if(speed_x<0)
     
160.    {speed_y*=-1;rnd=random(1.1,2);speed_x*=rnd;
     
161.     if(speed_x>3) speed_x=3;
     
162.      if(speed_x<-3) speed_x=-3; }
     
163.   }
     
164.   //limits the max speed of speed_x if necessary
     
165.      if(speed_x>3) speed_x=3;
     
166.      if(speed_x<-3) speed_x=-3;
     
167.     //bar 用滑鼠或鍵盤來控制擊板左右
     
168.   stroke(0);
     
169.   fill(#1E90FF);
     
170.   rect(bar_x,bar_y,100,10);
     
171.   if(goLeft) bar_x-=5;
     
172.   if(goRight) bar_x+=5;
     
173.   if(bar_x<=0) bar_x=0;
     
174.   if(mousePressed) {
     
175.     { if(mouseX<=bar_x)
     
176.      for(int z=0;z<bar_x-mouseX;z++)
     
177.      bar_x--;
     
178.         }
     
179.   if(mouseX>=bar_x)
     
180.       for(int z=0;z<mouseX-bar_x;z++)
     
181.        bar_x++;
     
182.   }
     
183.    
     
184.     bar_x=mouseX;
     
185.   
     
186.   
     
187.   
     
188.   if(bar_x+100>=width) bar_x=width-100;
     
189.   if(bar_x<=0) bar_x=0;
     
190.   
     
191.   
     
192.   textFont(word,40);
     
193.   fill(#0000FF);
     
194.   if(ball_y-8>=height) ball_y=500;
     
195.   fill(255,0,0);
     
196.   //一旦球的y值大於下界表示球未被擊板接住，遊戲結束
     
197.     if(ball_y>450) {text("GAME OVER",width/2,180);isPlaying = false;gameState=0;
     
198.    if(score>best_score) best_score=score;
     
199.     textFont(word,20);
     
200.    fill(#FFA500);
     
201.    text("Your scores are:",220,220);
     
202.    fill(255,0,0);
     
203.    text(score,310,220);
     
204.    fill(#FFA500);
     
205.    text("Your best scores are:",210,240);
     
206.    fill(255,0,0);
     
207.    text(best_score,320,240);
     
208.    textFont(word,30);
     
209.    fill(#006400);
     
210.    text("Play again? Y/N",250,280);
     
211.     }
     
212. }
     
213. 
     
214. 
     
215. }
     
216. 
     
217. }
     
218. 
     
219. void keyPressed(){
     
220.   if(gameState==0)
     
221.       if(key=='y'||key=='Y'){
     
222.        gameState=1;
     
223.        ball_x= width/2-8;//球出現的x座標
     
224.   ball_y= random(50,height/2-50);//球出現的y座標隨機出現
     
225.   speed_x =random(-2,2);
     
226.   while(speed_x>=-0.5&&speed_x<=0.5) speed_x =random(-2,2);
     
227.   bar_x=width/2;
     
228.   show1=show2=show3=show4=show5=show6=true;
     
229.   score=0;
     
230.       }
     
231.     if(gameState==0)
     
232.       if(key=='n'||key=='N'){
     
233.       background(0);
     
234.       textFont(word,50);
     
235.    fill(#ffff00);
     
236.       text("Thanks for playing\n bye bye.",250,150);
     
237.       }   
     
238.        textFont(word,20);
     
239.        fill(255);
     
240.        text("made by SYC @ http://code.club",250,300);
     
241.      
     
242.   if(key==CODED)
     
243.   {
     
244.      
     
245.    
     
246.     switch(keyCode){
     
247.       case LEFT:
     
248.         goLeft= true;
     
249.         break;
     
250.       case RIGHT:
     
251.         goRight= true;
     
252.         break;
     
253.     }
     
254.   }
     
255. 
     
256. }
     
257. void keyReleased(){
     
258.   if(key==CODED){
     
259.     switch(keyCode){
     
260.       case LEFT:
     
261.        goLeft = false;
     
262.        break;
     
263.       case RIGHT:
     
264.        goRight=false;
     
265.        break;
     
266.     }
     
267.   }
     
268. }
     
269. void mousePressed(){
     
270. if(key=='n'||key=='N') {link("http://code.club");}
     
271. 
     
272. }
     
273. 
     
274. void mouseClicked(){
     
275. isPlaying=true;
     
276. }

複製代碼