Week07,Hw07

7-1期中作品進度

加入手指頭及幾隻會游動的魚

7-2webcam

   

Week07,HW07

7-1 期中作品

登入遊戲畫面

 點選開始遊戲切換到下一個場景(遊戲畫面)

遊戲畫面

7-2 視訊

week,hw07

1.今天進度

boolean a1=false;
boolean s1=false;
boolean d1=false;
boolean f1=false;
boolean z1=false;
boolean x1=false;
boolean c1=false;
boolean v1=false;
boolean y1=false;
boolean u1=false;
boolean i1=false;
boolean o1=false;
boolean h1=false;
boolean j1=false;
boolean k1=false;
boolean l1=false;
 int sice=0;
 int siceten=0;
void setup(){
  size(600,650);
}
void draw()
{
  background(255);
 fill(255);
 /////////////////////////////////////////////第一排
 rect(50, 100, 100, 100);
 rect(180, 100, 100, 100);
 rect(310, 100, 100, 100);
 rect(440, 100, 100, 100);
 ///////////////////////////////////////////////第二排
 rect(50, 230, 100, 100);
 rect(180, 230, 100, 100);
 rect(310, 230, 100, 100);
 rect(440, 230, 100, 100);
 //////////////////////////////////////////////第三排
 rect(50, 360, 100, 100);
 rect(180, 360, 100, 100);
 rect(310, 360, 100, 100);
 rect(440, 360, 100, 100);
 //////////////////////////////////////////////第四排
 rect(50, 490, 100, 100);
 rect(180, 490, 100, 100);
 rect(310, 490, 100, 100);
 rect(440, 490, 100, 100);
 /////////////////////////////////////////////////////////
  if(a1)
  {
    fill(0);
    rect(50, 100, 100, 100);
  }
   if(s1)
  {
    fill(0);
    rect(180, 100, 100, 100);
  }
   if(d1)
  {
    fill(0);
      rect(310, 100, 100, 100);
  }
   if(f1)
  {
    fill(0);
     rect(440, 100, 100, 100); 
  }
/////////////////////////////////////////////////////第一排
   if (z1)
        {
      fill(0);
      rect(50, 230, 100, 100);
        }
     if(x1)
        {
      fill(0);
      rect(180, 230, 100, 100);  
         
        }
      if(c1)
        {
      fill(0);
      rect(310, 230, 100, 100);      
        }
      if(v1)
        {
      fill(0);
      rect(440, 230, 100, 100);      
        }
//////////////////////////////////////////第二排
   if (y1)
        {
      fill(0);
      rect(50, 360, 100, 100);
        }
   if(u1)
        {
      fill(0);
      rect(180, 360, 100, 100);           
        }
      if(i1)
        {
      fill(0);
      rect(310, 360, 100, 100);      
        }
      if(o1)
        {
      fill(0);
      rect(440, 360, 100, 100);      
        }
/////////////////////////////////////////////////////////////第三排
if (h1)
        {
      fill(0);
      rect(50, 490, 100, 100);
        }
     if(j1)
        {
      fill(0);
      rect(180, 490, 100, 100);  
         
        }
      if(k1)
        {
      fill(0);
      rect(310, 490, 100, 100);      
        }
      if(l1)
        {
      fill(0);
      rect(440, 490, 100, 100);      
        }
 
////////////////////////////////////////////////////////////////第四排////////////X+50.Y+80
if(sice==1)
 {
  fill(0);
 rect(450, 280, 20, 60);
 rect(450, 360, 20, 60);
 }
 if(siceten==1)
 {
  fill(0);
 rect(300, 280, 20, 60);
 rect(300, 360, 20, 60);
 }
if(sice==2)
 {
  fill(0);
 rect(390,260,60,20);
 rect(450, 280, 20, 60);
 rect(390,340,60,20);
 rect(370, 360, 20, 60);
 rect(390,420,60,20);
 }
if(sice==3)
 {
  fill(0);
 rect(390,260,60,20);
 rect(450, 280, 20, 60);
 rect(390,340,60,20);
 rect(450, 360, 20, 60);
 rect(390,420,60,20);
 }
 if(sice==4)
 {
   fill(0);
   rect(370, 280, 20, 60);
   rect(450, 280, 20, 60);
   rect(390,340,60,20);
   rect(450, 360, 20, 60);
 }
 if(sice==5)
 {
 fill(0);
 rect(390,260,60,20);
 rect(370, 280, 20, 60);
 rect(390,340,60,20);
 rect(450, 360, 20, 60);
 rect(390,420,60,20);
 }
  if(sice==6)
 {
 fill(0);
 rect(390,260,60,20);
 rect(450, 280, 20, 60);
 rect(390,340,60,20);
 rect(450, 360, 20, 60);
 rect(390,420,60,20);
 rect(370, 360, 20, 60);
 }
 if(sice==7)
 {
 fill(0);
 rect(390,260,60,20);
 rect(450, 280, 20, 60);
 rect(450, 360, 20, 60);
 }
 if(sice==8)
 {
 fill(0);
 rect(390,260,60,20);
 rect(450, 280, 20, 60);
 rect(390,340,60,20);
 rect(450, 360, 20, 60);
 rect(390,420,60,20);
 rect(370, 360, 20, 60);
 rect(370, 280, 20, 60);
 }
 if(sice==9)
 {
 fill(0);
 rect(390,260,60,20);
 rect(450, 280, 20, 60);
 rect(390,340,60,20);
 rect(450, 360, 20, 60);
 rect(390,420,60,20);
// rect(320, 280, 20, 60);
 rect(370, 280, 20, 60);
 }
 if(sice==0)
 {
 fill(0);
 rect(390,260,60,20);
 rect(450, 280, 20, 60);
// rect(390,340,60,20);
 rect(450, 360, 20, 60);
 rect(390,420,60,20);
 rect(370, 360, 20, 60);
 rect(370, 280, 20, 60);
 }

}
void keyPressed(){
  if(key=='a'|| key == 'A'){
    a1=true;
  }
 else  if(key=='s'|| key == 'S'){
    s1=true;
  }
 else  if(key=='d'|| key == 'D')
{
  d1=true;
}
  else if(key=='f'|| key == 'F')
{
  f1=true;
}
  if(key=='z'|| key == 'Z'){
    z1=true;
  }
 else  if(key=='x'|| key == 'X'){
    x1=true;
  }
 else  if(key=='c'|| key == 'C')
{
  c1=true;
}
  else if(key=='v'|| key == 'V')
{
  v1=true;
}
  if(key=='y'|| key == 'Y'){
    y1=true;
  }
 else  if(key=='u'|| key == 'U'){
    u1=true;
  }
 else  if(key=='i'|| key == 'I')
{
  i1=true;
}
  else if(key=='o'|| key == 'O')
{
  o1=true;
}
  if(key=='h'|| key == 'H'){
    h1=true;
  }
 else  if(key=='j'|| key == 'J'){
    j1=true;
  }
 else  if(key=='k'|| key == 'K')
{
  k1=true;
}
  else if(key=='l'|| key == 'L')
{
  l1=true;
}
}
void keyReleased(){
  if(key=='a'|| key == 'A')
  {
    a1=false;
    if(sice<10)
    {
    sice++;
    }
    if(sice==10)
    {
      sice=0;
      if(siceten<10)
      {
      siceten++;
      }
    }
  }
    if(key=='s'|| key == 'S'){
    s1=false;
  }
   if(key=='d'|| key == 'D')
{
   d1=false;

}
 else  if(key=='f'|| key == 'F')
{
    f1=false;
}
   else if(key=='z'|| key == 'Z')
  {
    z1=false;
  }
   if(key=='x'|| key == 'X'){
    x1=false;
  }
   if(key=='c'|| key == 'C')
{
   c1=false;

}
  else if(key=='v'|| key == 'V')
{
    v1=false;
}
  if(key=='y'|| key == 'Y'){
    y1=false;
  }
 else  if(key=='u'|| key == 'U'){
    u1=false;
  }
 else  if(key=='i'|| key == 'I')
{
  i1=false;
}
  else if(key=='o'|| key == 'O')
{
  o1=false;
}
  if(key=='h'|| key == 'H'){
    h1=false;
  }
 else  if(key=='j'|| key == 'J'){
    j1=false;
  }
 else  if(key=='k'|| key == 'K')
{
  k1=false;
}
  else if(key=='l'|| key == 'L')
{
  l1=false;
}
}
加入計分系統

 

期中作業

雛形

 



 

 

 

 

 

視訊

 

Week07,Hw07

7-1

期中進度：

目前已經有基本架構以及判定案件。

如圖所示，這是基本架構。

以及測試用的隨機案件，已經能夠判斷是否有在正確位置。

(尚未製作特效，只有案件按下的效果。)

這張是測試用的隨機游標，由於先入先出，以柱列結構儲存。

此圖左邊三行顏色與上圖不同，這是按下案件時的顏色。


今天進度包含了，加速減速，以及判定位置的調節。
(上星期得太嚴苛，玩不下去= =)


之後進度：
1.製作combo的段數，以及該對應圖片。
2.製作分數表，計算方式未定。
3.下列黃色槓槓，更改為更美觀的圖片及特效。
4.背景部分，預計改為動畫。
5.譜面設定。


7-2

此張照片是使用學校所提供的視訊，以及processing內部的預設視訊效果。

這張則是使用背景相減的效果。

這張則是使用ASCII效果。

這張則是基本的視訊影像。

WEEK07, HW07,

專題進度
我們更新的素材

1.素材

2.程式碼

 

 

 

PImage aaa,ddd; //匯入圖片

int jumpH=0; //跳的高度
int mx=500,my=500; //預設的預備起跳位子

void setup(){
   size(1200,800);  //視窗大小
   aaa=loadImage("back1.jpg"); //背景圖
   ddd=loadImage("ddd.jpg");  //跳跳人
}

void draw(){
    image(aaa,0,0);
    if(jumpH>0){
       jumpH=jumpH-10;
       my-=10;
     }
     if(my<500){
       my+=5;
     }
    image(ddd,mouseX,my,138,235); //讓跳跳人跟著滑鼠X移動
}

 

void mouseClicked() //按下滑鼠左鍵

{
    jumpH=200 - (500-my); //就跳起
 }

 

 

3. 討論出最後的遊戲

 

有分難易度

1.普通 速度慢慢地加快

2. 困難 除了速度會慢慢地加快，還會有人垃圾有閃躲

 

 

 

 

 

 

 

 

 

 

 

 

已經確定老鼠跟數字的素材 今天的作品先將位置固定 這不是一般拿鎚子的打地鼠 而是利用點擊讓框框填滿來判定攻擊到老鼠

心得:今天看到老師寫的範例讓我把鎚子的構想換成這個 剛剛把程式打完也將圖擺好 還挺開心的

week07 , Hw07

目前進度

這是類似擂台乒乓球的遊戲,目前只有球能動

兩邊的橫槓還不行,預計要設計成能夠兩人共同

遊戲的遊戲





視訊

98160860黃麒, 98163021張耀璇, HW07, Week07,

1.視訊

 

import processing.video.*;
Capture video;
void setup(){
size(640,480,P2D);
video = new Capture(this, width, height);
video.start();
loadPixels();
}
void draw(){
if(video.available()){
video.read();
video.loadPixels();
for(int i=0;i<640*480;i++){
pixels[i]=video.pixels[i];
}
updatePixels();
}
}

2.期中作品:
       今天的進度是讓主角阿寶能夠跳躍，跳躍為上樓梯的方式，除此之外
讓背景圖片能夠一直無限延伸。

1
潘若威那組所做的遊戲是每台電腦的基本遊戲也陪伴我們度過童年 , 非常嚮往那種簡單卻玩不膩的遊戲
2
目前上網參考一些簡單經典遊戲 , 找遊戲相關圖片
詳細流程
貪食蛇也是經典遊戲 , 一直吃果子讓身體越來越長
要小心不要撞到自己的身體 , 然後獲得高分

week7 hw7

1.
其中作品

2.

Week07,HW07

1.期中作品

int dogx=0,dogy=0;
int dx=1;
PImage dog;
PImage bg;
PImage []num =new PImage[10];
void setup()
{
size(500,500);
dog = loadImage("dog.png");
bg = loadImage("background.png");
image(bg,0,0,500,500);
num[0]=loadImage("0.png");
num[2]=loadImage("1.png");
num[3]=loadImage("2.png");
for(int i=0;j<10;j++){
  num[i]=loadImage(""+i+".png");
  }
}
void draw(){
//bg = loadImage("background.png");
//background(249,242,226);\
image(bg,0,0,500,500);
if(dogx>400 || dogx<0) dx=-dx;
dogx+=dx;
loadPixels();
for(int Y=dogy;Y>500;Y++)
{
  color c=pixels[Y*500+dogx];
  if(c==color(255,0,0)){
  dogy=Y-100;
  break;
  }
}
stroke(255,0,0);
line(mouseX,mouseY,pmouseX,pmouseY);
save("background.png");
println("X"+dogx+"Y"+dogy);
//loadPixels();
//stroke(255,0,0);
//line(mouseX,mouseY,pmouseX,pmouseY);
image(dog,dogx,dogy,100,100);
//loadPixels();
}

2.視訊

[圖片]

[程式碼] import processing.video.*;
Capture video;
void setup(){
  size(640,480,P2D);
  video = new Capture(this, width, height);
  video.start();
  loadPixels();
}
void draw(){
  if(video.available()){
    video.read();
    video.loadPixels();
    for(int i=0;i<640*480;i++){
      pixels[i]=video.pixels[i];     
    }
    updatePixels();
  }
}

Week07 , HW07

1.期中作品

(a)增加素材

射擊的手槍

瞄準的標靶

2.視訊

執行畫面:

全世界最短視訊程式碼(小葉老師)

import processing.video.*;
Capture video;
void setup(){
  size(640,480,P2D);
  video = new Capture(this, width, height);
  video.start();
  loadPixels();
}
void draw(){
  if(video.available()){
    video.read();
    video.loadPixels();
    for(int i=0;i<640*480;i++){
      pixels[i]=video.pixels[i];     
    }
    updatePixels();
  }
}

HW07

int d1=0,d2=0,d3=0,d4=0,d5=0,d6=0,d7=0,d8=0,d9=0;
void setup(){
  size(800,600);
  PImage mouse;
  mouse=loadImage("mouse1.jpg");
 
  image(mouse, 0,0);
}
void draw(){
  if(d7==1){
    fill(255,0,0);
    ellipse(140,125,130,90);
  
  }else{
    fill(128,128,128);
  }
 
  if(d8==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
   ellipse(390,125,130,90); 
  if(d9==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  ellipse(660,125,130,90); 
  if(d4==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  ellipse(100,300,130,90); 
  if(d5==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  ellipse(390,300,130,90); 
 if(d6==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  ellipse(660,290,130,90); 
  if(d1==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  ellipse(100,470,130,90); 
  if(d2==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  ellipse(395,475,130,90); 
  if(d3==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  ellipse(685,490,130,90); 
}
void keyPressed(){
  if(key=='1'){
    d1=1;
  }else if(key=='2'){
    d2=1;
  }else if(key=='3'){
    d3=1;
  }else if(key=='4'){
    d4=1;
  }else if(key=='5'){
    d5=1;
  }else if(key=='6'){
    d6=1;
  }else if(key=='7'){
    d7=1;
  }else if(key=='8'){
    d8=1;
  }else if(key=='9'){
    d9=1;
  }                       
}
void keyReleased(){
  if(key=='1'){
    d1=0;
  }else if(key=='2'){
    d2=0;
  }else if(key=='3'){
    d3=0;
  }else if(key=='4'){
    d4=0;
  }else if(key=='5'){
    d5=0;
  }else if(key=='6'){
    d6=0;
  }else if(key=='7'){
    d7=0;
  }else if(key=='8'){
    d8=0;
  }else if(key=='9'){
    d9=0;
  }                       
}
這禮拜我們在課堂上學到按鍵   我們想利用按鍵當感應區 當地鼠出來時可以利用鍵盤打他

問題如何讓地鼠可以隨機出現在洞裡面    還有如何調整速度等等...
.
2.視訊學校做不出來

week07,HW07

1.視訊

HW07,Week07

  

今天的進度大概僅限於根據ｘ,y的座標，做出按方格會變色，

已及按ａ鍵已及滑鼠點擊方格會變另外ㄧ種顏色，

之後可能要讓變色的圖片變成移動的人物，然後按Ａ鍵點擊方塊再丟炸彈

week07,HW07

1.








2.

WEEK,HW07

視訊圖案

Week07,HW07

7.1

7.2
繼續素材

A.道具&按鈕&分數

 B.標題&背景&遊戲結束

程式碼：

遊戲標題畫面->進入遊戲

使用滑鼠將腳色發射

HW7 Week7

1. 期中作品 踩地雷

以Windows XP的踩地雷為範本，基本上已經做好了，
踩到空白的地方會自動把周圍全部點開，
踩到地雷會在螢幕上show出lose訊息，
介面方面，可以設定要玩多少顆地雷(但是不能選擇地圖大小)，
按下PLAY會開始重新的一局，
如果有改過地雷數量，必須按過PLAY才有效(廢話)

2.視訊

我是用 會一直噴水很難用還一時找不到截圖在哪的MAC內建的攝像頭 錄的，
基本上沒什麼問題，不過在MAC上灌的Win7跑MAC攝像頭驅動實在有點蠢，
下次有要用會開OS X

Week6,HW6

6-1:
鍾孟志的部分：

在他想要做的期中專題，是滿有趣的感覺。
但是在對於判斷飛行的角度以及距離，飛行時的動作，
可能會有比較大的難度!

畢竟太過於簡單的話是沒有甚麼吸引力。
而在飛行時用到許多動作，素材選擇方面也需要多注意。

計算角度力量的部分，可以設定角度選項以及力道大小。
飛行距離則可以取出該角度及力量的X分量，同理，高度可以取Y分量。
但在設定時必須要選擇一張比較大的圖片以及去嘗試一個比較適合的力道向量。

整體而言，是在對於細節部分的處理，架構是不困難的，
但若要有吸引力、有趣，就必須要下很多的功夫，不然會是一個很無聊的遊戲。

6-2

在對於自己的流程規劃方面：
因為是做音樂遊戲，由標會由上向下落。

故問題有幾個：
1.在對於游標正確定點的判斷，判斷是否有按到。
2.游標掉落時機，必須要按照音樂節奏，可以預先設定譜面或是預先儲存成txt檔案。
3.combo顯示以及特效。

其實統整出來，最大的問題是游標配合節奏的部分。

目前的想法是，估計會先寫入txt檔案，有游標的 x y 座標 ， 以及時間點。

流程如下:
1.建立架構，包含背景，按鈕，以及游標區。
2.先建立游標，建立判斷函式。
3.由於游標是先入先出，故使用柱列結構。
4.加入案件特效以及combo特效。

***  更改程式碼，建立寫入譜面為txt檔的部分。

5.建立選單，音樂選擇，加速、效果。
6.建立更多的音樂。

week7,hw07

 

視訊作業~~~

size(500,300);
PImage bomo;
bomo = loadImage("http://pic4.duowan.com/psp/0807/79716333053/79716615230.jpg");
image(bomo,0,0);
saveFrame("bomo");

主要是把背景先弄出來，之後再搭配音樂，做點擊功能

 

 

心得~~   點擊跟音樂要搭配得恰恰好才可以使遊戲好玩，所以要找一個重節拍的音樂來使用