Week19,Final project

1.系統名稱
越吃越長貪食蛇

2.製作方式
用processing 結合arduino板 製作出一個簡易的貪食蛇遊戲

並設置4個按鈕 控制貪食蛇上下左右行走 讓自己越吃越長
隨心所欲愛吃什麼就吃什麼

3.圖片

 

4.心得介紹
由於之前所做的跟其他組相似，所以全部都重新來過，所以我們做一個貪食蛇的遊戲
遊戲非常簡單，讓大家操作起來更得心應手也有趣，所以瞞開心的也蠻有成就感的yeah

5.影片

6.組員分工情況
我們的程式設計 還有配接電路加上所有的美觀美術都是大家一起分工合作完成的，非常和樂融融，開心萬分。

Week15.HW12

本周將銜接上禮拜的繼續增加按鈕操控的部分

本已大致安排好按鈕位置與功能鍵

但好像跟其他組類似 所以我們有意改做其他的

因為計畫敢不上變化 重新會導致整個作業將從零開始

所以我們也將斟酌情況 製作出遊戲

因為時間緊迫 若成果未如預期 敬請包含

我們將繼續加油 。

Week13, Hw11

1. 瑪莉有隻小綿羊


2.我們的厲害樂譜

3212333 222 355
3212333 22321

3345  5432  1123 322
3345  5432 1123 211

3. 程式碼
int buttonPin2 = 2;
int buttonPin3 = 3;
int buttonPin4 = 4;
int buttonPin5 = 5;
int buttonPin6 = 6;
int buttonState2 = 0;
int buttonState3 = 0; 
int buttonState4 = 0;
int buttonState5 = 0;
int buttonState6 = 0; 
void setup() {
  pinMode(buttonPin2, INPUT);
 pinMode(buttonPin3, INPUT);
 pinMode(buttonPin4, INPUT);
 pinMode(buttonPin5, INPUT);
 pinMode(buttonPin6, INPUT); 
  Serial.begin(9600);
}
void loop() {
  buttonState2 = digitalRead(buttonPin2);
  buttonState3= digitalRead(buttonPin3);
  buttonState4= digitalRead(buttonPin4);
  buttonState5 = digitalRead(buttonPin5);
  buttonState6 = digitalRead(buttonPin6);
  if (buttonState2 == HIGH) {    
    Serial.println("Start Playing");
   tone(8, 262, 10);
  }
  if (buttonState3 == HIGH) {    
    Serial.println("Start Playing");
   tone(8, 294, 10);
  }
  if (buttonState4 == HIGH) {    
    Serial.println("Start Playing");
   tone(8, 330, 10);
  }
  if (buttonState5 == HIGH) {    
    Serial.println("Start Playing");
   tone(8, 349, 10);
  }
  if (buttonState6 == HIGH) {    
    Serial.println("Start Playing");
   tone(8, 392, 10);
  }
}

4.這次的arduino我覺得超酷超有趣的，但是在接線時有點複雜，不過我們還是突破了，所以我們超有成就感，自己做出一座簡易鋼琴的感覺超妙的，讓我回憶起高中時作詞作曲的歲月，所以繼續加油吧 大家！

Week12, Hw10

1. 七彩霓虹燈影片
 
2. 我們做了持續閃爍的七彩霓虹燈

3. 程式碼
int sensorPin = A0;    // select the input pin for the potentiometer
int ledPin = 7;      // select the pin for the LED
int sensorValue = 0;  // variable to store the value coming from the sensor
void setup() {
  Serial.begin(9600);
  pinMode(7, OUTPUT);
  pinMode(6, OUTPUT);
  pinMode(5, OUTPUT);
  pinMode(4, OUTPUT);
  pinMode(3, OUTPUT);
  pinMode(2, OUTPUT);
  pinMode(1, OUTPUT);
}
void loop() {
  sensorValue = analogRead(sensorPin);
  Serial.println(sensorValue);
  digitalWrite(7, HIGH);
  delay(100);
  digitalWrite(6, HIGH);
  delay(100);
   digitalWrite(5, HIGH);
  delay(100);
   digitalWrite(4, HIGH);
  delay(100);
   digitalWrite(3, HIGH);
  delay(100);
   digitalWrite(2, HIGH);
  delay(100);
   digitalWrite(1, HIGH);
  delay(100);

  digitalWrite(7, LOW);
  delay(100);
  digitalWrite(6, LOW);
  delay(100);
   digitalWrite(5, LOW);
  delay(100);
   digitalWrite(4, LOW);
  delay(100);
   digitalWrite(3, LOW);
  delay(100);
   digitalWrite(2, LOW);
  delay(100);
   digitalWrite(1, LOW);
  delay(100);

  delay(50);                 
}

4. 心得
今天的七彩霓虹燈非常有趣，感謝森哥的照料與支持，我們將會更加茁壯努力再出發！

HW09, Week11

1. 可以用Arduino做些什麼？
利用Processing結合Arduino可以做出很多小遊戲，像是做出打地鼠、球的射擊遊戲，或是做出遙控機器的作品。

2. Arduino相關的影片

Midtern

我們的期中小遊戲是踩地雷，也就是大家熟悉的踩地雷遊戲。

接著下面會有我們的程式碼、遊戲顯示視窗以及玩法介紹與demo影片。

 1.由於踩地雷週圍有幾個地雷的顯示數字，對於我們來說有困難點須突破，最後終於突破了。整體踩地雷配合已撰寫計時功能與預設炸彈數、restart功能鍵與良好的操作介面、悅耳的背景音樂，以完成我們的期中小遊戲踩地雷。

程式碼 :

import ddf.minim.*;

  Minim minim;

  AudioPlayer player;

public void setup() {

  size(400, 400);

  loop();

  stroke(0);

  fill(0);

  textSize(50);

  minim = new Minim(this);

  player =minim.loadFile("two.mp3");

  player.play();

  dx = width/col;

  dy = (height - GUIOffset)/row;

  mines = new Field[col][row];

  minesLeft = amountOfMines;

  fieldsRevealed = 0;

  timeCounter = -1;

  timeHelp = 0;

  populate();

}

public void draw() {

  background(167,250,250);

  drawGUI();

  drawField();

}

class Field {

  private int mineCount;

  private boolean mine;

  private boolean hidden;

  private boolean marked;

  public Field() {

    mineCount = 0;

    mine = false;

    hidden = true;

    marked = false;

  }

  int getMineCount() {

    return mineCount;

  }

  void raiseMineCount() {

    mineCount++;

  }

  boolean isMine() {

    return mine;

  }

  void setMine() {

    mine = true;

  }

  boolean isHidden() {

    return hidden;

  }

  void reveal() {

    hidden = false;

    marked = false;

  }

  boolean isMarked() {

    return marked;

  }

  void toggleMark() {

    marked = !marked;

  }

}

final int col =6;

final int row =6;

final int amountOfMines = 5;

final int GUIOffset = 100;

int minesLeft;

int fieldsRevealed;

float dx;

float dy;

Field[][] mines;

  for (int i = 0; i < a; i++) {

    int v = minePositions[i];

    int c = v%col;

    int r = v/row;

    if (c > 0 && r > 0) mines[c - 1][r - 1].raiseMineCount();

    if (r > 0) mines[c][r - 1].raiseMineCount();

    if (c < col - 1 && r > 0) mines[c + 1][r - 1].raiseMineCount()

    if (c > 0) mines[c - 1][r].raiseMineCount();

    mines[c][r].setMine();

    if (c < col - 1) mines[c + 1][r].raiseMineCount();

    if (c > 0 && r < row - 1) mines[c - 1][r + 1].raiseMineCount();

    if (r < row - 1) mines[c][r + 1].raiseMineCount();

    if (c < col - 1 && r < row - 1) mines[c + 1][r + 1].raiseMineCount();

  }

}

int timeCounter;//時間

int timeHelp;

void drawGUI() {

  fill(0);

  for (int i = 0; i < width; i += dx) {

    line(i, GUIOffset, i, height);

  }

  for (int i = GUIOffset; i < height; i += dy) {

    line(0, i, width, i);

  }

  int s = second();

  if (s != timeHelp) {

    timeCounter++;

    timeHelp = s;

  }

  String seconds = Integer.toString(timeCounter);

  if (seconds.length() == 1) {

    seconds = "00" + seconds;

  }

  else if (seconds.length() == 2) {

    seconds = "0" + seconds;

  }

  else if (seconds.length() < 3) {

    seconds = "999";

  }

  textSize(50);

  text(seconds, 10, 50);             //計時位置

  text(minesLeft, width - 50, 50);   //炸彈個數位置

  fill(255);

  noStroke();

  ellipse(width/2+5, 33, 70, 70);//r的格子

  fill(0);

  text("R", width/2 - 10, 50);

}

void highlight(float x, float y) {

  fill(255, 0, 0);

  y -= GUIOffset;

  if (x/dx >= col || y/dy >= row || y < 0) {

    return;

  }

  Float iF = x/dx;

  Float jF = y/dy;

  int i = iF.intValue();

int j = jF.intValue();

  rect(i * dx, j * dy + GUIOffset, dx, dy);

}

void reveal(float x, float y) {

  float yRel = y - GUIOffset;

  Float iF = x/dx;

  Float jF = yRel/dy;

  int i = iF.intValue();

  int j = jF.intValue();

  if (i < 0 || yRel < 0 || i >= col || j >= row ) {

   return;

  }

  if (!mines[j][i].isHidden()) {

    return;

  }

  if (mines[j][i].isMarked()) {

    minesLeft++;

  }

  mines[j][i].reveal();

  fieldsRevealed++;

  if (fieldsRevealed == col*row - amountOfMines) {        

    win();

  }

  if (mines[j][i].isMine()) {

    gameOver();

void toggleMark(float x, float y) {

  float yRel = y - GUIOffset;

  Float iF = x/dx;

  Float jF = yRel/dy;

  int i = iF.intValue();

  int j = jF.intValue();

if (i < 0 || yRel < 0 || i >= col || j >= row) {

    return;

  }

  if (mines[j][i].isHidden()) {

    if (mines[j][i].isMarked()) {

      mines[j][i].toggleMark();

      minesLeft++;

    }

    else {

      mines[j][i].toggleMark();

      minesLeft--;

} }}
void gameOver() {

  noLoop();

  draw();

  textSize(50);

  fill(55, 200, 30);

  text("ARE YUU OKAY!",20, 180);

}

void win() {

  for (int i = 0; i < col; i++) {

    for (int j = 0; j < row; j++) {

      if (mines[i][j].isHidden() && !mines[i][j].isMarked()) {

        mines[i][j].toggleMark();

      }}}

  minesLeft = 0;

  noLoop();

  draw();

  textSize(50);

  fill(255,135, 80);

  text("CHAMPION!", 20, 200);

}

void reset() {

  setup();

}

public void mousePressed() {

  if (mouseButton == LEFT) {

    reveal(mouseX, mouseY);

  if (mouseX > width/2 - 25 && mouseX < width/2 + 25 && mouseY > 10 && mouseY < 60) {

      reset();

    }}

else if (mouseButton == RIGHT) {
toggleMark(mouseX, mouseY);

  }

}

2.遊戲顯示

此畫面為一開始的遊戲顯示視窗。

一啟動遊戲，即有悅耳的背景音樂相襯。

畫面方塊為6*6的選擇方塊，可供玩家選擇。

1.畫面左上方，為時間計時功能，採累加的方式計時。

2.畫面右上方，為預設炸彈數，顯示6*6方塊中共有5個預設炸彈。

3.畫面中間上方的R鍵，玩家可以依喜好重新啟動遊戲，開啟新局。

此時，時間會重新計時，而炸彈個數不變，背景音樂也持續播放。

 遊戲失敗顯示
1.圖中的紅色同心圓圖形，即為我們所設的預設炸彈。
當按到時，即表示遊戲失敗。
2.失敗時，左上方計時器將停止，秒數為按到炸彈時間。
3.畫面中央會顯示粗體綠字的ARE YOU OKAY! 的字樣。

遊戲過關顯示
1.圖中 "- "，表是炸彈位置。
2.過關時，左上方計時器將停止，秒數為過關時間。
3.右上方炸彈個數會顯示為0個。
4.遊戲過關，會在中央顯示粗體橘字CHAMPION!的字樣。

希望大家玩得愉快
以下是我們完整DEMO影片

week08,hw08

1. 請寫下以下資料:
1.1. 你之前完成了什麼?
之前完成了
1.時間計時的功能
2.炸彈設置個數功能
3.版面大致格式與計畫

1.2. 你今天計畫要做什麼?
1.版面美化
2.成功與失敗提示語
3.簡單可以跑的只有1個炸彈
4.重新restart功能鍵(R)
5.假設炸彈設定


1.3. 可能會遇到的問題... (及可能的解決方法)
1.炸彈隨機的問題
利用具有random的函示來解決

2.提示周圍炸彈個數
已有借書，想透過書上的既定程式語法
將其函式轉換到processing可以應用 加油!

3.音樂放置仍有疑問
下次前一定要突破


2. 請把你目前期中作品的進度貼出來

 

 

目前完成進度
1.版面美化完成
2.預設炸彈完成
3.可放置炸彈
4.RESTART鍵功能OK
5.輸跟贏 視窗顯示語 OK
6.計時功能更新 OK

心得
今天做了不少功能，踩地雷大致也有個樣子了
不過還有幾個功能需要突破，希望挑戰可以一一迎刃而解，加油!



Week07.Hw07

目前進度
1.先把主要介面做出來，設想是6*6的格子可以按，但初步只做出介面，還不能按。

2.在左側上方有計時的功能，目前設定為3位數 ，已可工作。

3 中間的r 想要表示可以重新也就是restart的功能 ，可以重新玩，目前只是概念上放上一個cube。

4.圖右側上方，是想要呈現目前遊戲得炸彈數，此功能鍵還沒完成。

5.主要介面形式， 大概都有初步雛形 就差一步一步完成各個功能鍵的程式碼。

6.下次目標把炸彈跟RESTART功能鍵完成，下方6*6格子可以按。

二、視訊

Week06, Hw06

1. 作品建議
我覺得邱舒曼那組的電流急急棒遊戲很有趣，吃金幣就能讓人物變小來度過狹窄的山洞，我覺得好酷!

2. 期中作品
我們做的是踩地雷的遊戲
素材: 炸彈按鈕、背景圖和音樂來增加緊張度

     

我們想要做9x9的踩地雷遊戲，放10顆炸彈，我們想要選擇9x9是因為初次點擊後方塊的改變機會較少，而玩家須猜測的機會也比較少。

 

3.心得

我覺得要做出一個小遊戲相當困難，必須要清楚知道自己的流程才能打出程式，做出一個有趣的遊戲，希望之後可以做出初步的成果。

Week05, Hw05

1. 花朵會自己轉動

void setup(){
  size(600,600);
}
float angle=0.01;
void draw(){
  noStroke();
  background(182,254,213);
  translate(300,300);
  rotate(angle);
  angle+=0.01;
  fill(248,61,145);
  for(int i=0;i<12;i++){
    rotate( PI/6);
    ellipse(100,0,150,30);
  }
  fill(255,117,26);
  rotate(PI*120/180);
  ellipse(0,0,80,80);
  
  fill(255,255,85);
  rotate(PI*120/180);
  ellipse(0,0,60,60);
} 

2.花朵跟著滑鼠移動和轉動

 



void setup(){
  size(600,600);
}
float angle=0.01;
void draw(){
  noStroke();
  background(153,217,234);
  translate(mouseX,mouseY); 
  rotate(angle);
  angle+=0.01;
  fill(255,134,194);
  for(int i=0;i<24;i++){
    rotate( PI/12);
    ellipse(100,0,100,30);
  }
  fill(248,61,45);
  for(int i=0;i<12;i++){
    rotate( PI/6);
    ellipse(100,0,150,30);
   
  }
  fill(255,117,26);
  rotate(PI*120/180);
  ellipse(0,0,80,80);
  
  fill(255,255,85);
  rotate(PI*120/180);
  ellipse(0,0,60,60);
  
} 

3.
想做踩地雷遊戲

 

Week04, Hw04

1.小畫家

 



void setup(){
  size(500,400);
  background(223,255,255);
  fill(174,87,0);
  rect(0,0,50,50);
  fill(248,189,67);
  rect(0,50,50,50);
  fill(0);
  rect(0,100,50,50);
  fill(255,255,255);
  rect(0,250,50,50);
  fill(255);  
  rect(0,150,50,50);  //save
  rect(0,200,50,50);  //erase
  
  fill(255,255,255);
  rect(450,0,50,50);
  ellipse(475, 25, 2,2);
  fill(255);
  rect(450,50,50,50);
  ellipse(475, 75, 6, 6);
  rect(450,100,50,50);
  ellipse(475, 125, 10,10);
 
  strokeWeight(1);

}
void draw(){
  if(mousePressed && mouseX<50 && mouseY<50) 
  stroke(174,87,0);
  else if(mousePressed && mouseX<50 && mouseY<100)  
  stroke(248,189,67);
  else if(mousePressed && mouseX<50 && mouseY<150) 
  stroke(0);
  else if(mousePressed && mouseX<50 && mouseY<200) 
  stroke(255);
  else if(mousePressed && mouseX<50 && mouseY<250)  
  save("aaa.png");  //save
  else if(mousePressed && mouseX<50 && mouseY<300)
  
  {                  
    PImage file = loadImage("aaa.png");
    image(file,0,0,500,400);
  }                 //erase
   
  else if(mouseX&rt;450 && mouseX<500 && mouseY&rt;0 && mouseY<50 && mousePressed)
  {
  strokeWeight(3);
  }
  else if(mouseX&rt;450 && mouseX<500 && mouseY&rt;50 && mouseY<100 && mousePressed)
  {
  strokeWeight(6);
  }
  else if(mouseX&rt;450 && mouseX<500 && mouseY&rt;100 && mouseY<150 && mousePressed)
  {
  strokeWeight(10);
  }


  if (mousePressed)
  line(mouseX,mouseY,pmouseX,pmouseY);
}

2.心得
今天教得很有趣，竟然用簡單的程式就可以做出小畫家 還可以自己選顏色畫自己喜歡的圖， 還可以存檔、復原，很好玩:D

Week03, HW03

1. 畫的兔子跟著滑鼠移動

void setup(){
  size(500,500);
  background(40,134,210);
}
void draw(){
  noStroke();
fill(255,255,255);
ellipse(mouseX,mouseY,50,50);       //head
fill(255,157,206);

ellipse(mouseX+15,mouseY-45,20,50); //ear
fill(255,157,206);
ellipse(mouseX-15,mouseY-45,20,50); //ear

fill(72,0,0);
ellipse(mouseX-10,mouseY-5,10,10); //eye
fill(72,0,0);
ellipse(mouseX+10,mouseY-5,10,10); //eye

fill(252,99,152);
ellipse(mouseX+2,mouseY+15,25,20);  //nose
fill(72,0,0);
ellipse(mouseX+2,mouseY+10,10,5);  //nose

}

2.兔子追著紅蘿蔔跑跑

void setup(){
  size(600,600);
}
float x=100,y=100;
void draw(){
  background(40,134,210);
  noStroke();
  fill(105,210,0);
  triangle(mouseX+69,mouseY+39,mouseX+82,mouseY+70,mouseX+97,mouseY+62);
  triangle(mouseX+95,mouseY+64,mouseX+111,mouseY+67,mouseX+103,mouseY+21);
  triangle(mouseX+109,mouseY+70,mouseX+119,mouseY+82,mouseX+135,mouseY+31);
  fill(255,60,60);
  ellipse(mouseX+100,mouseY+100,50,80);
  fill(128,0,0);
  rect(mouseX+76,mouseY+85,30,5);
  rect(mouseX+75,mouseY+105,25,5);
  rect(mouseX+82,mouseY+124,15,5);
  
  translate(x,y);
  fill(255,255,255);
  ellipse(0,0,50,50);       //head
  fill(255,157,206);

  ellipse(+15,-45,20,50); //ear
  fill(255,157,206);
  ellipse(-15,-45,20,50); //ear

  fill(72,0,0);
  ellipse(-10,-5,10,10); //eye
  fill(72,0,0);
  ellipse(+10,-5,10,10); //eye

  fill(252,99,152);
  ellipse(+2,+15,25,20);  //nose
  fill(72,0,0);
  ellipse(+2,+10,10,5);  //nose

  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}

3.心得

今天的作品利用短短的程式就可以跟著滑鼠移動，我覺得很有趣很好玩:D

Week02, HW02, 畫圖

1. 用random做出50個方塊

size(600,600);
for(int i=0;i<50 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">fill

(random(255), random(255), random(255));   rect(random(400), random(400), random(150), random(150)); }


2. 用2個for迴圈做出調色盤

size(500,400);
noStroke();
for(int i=0;i<50 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">for

(int k=0;k<40 data-blogger-escaped-k="k" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">fill(i*255/30,0,k*255/20);   rect(i*10,k*10,10,10);   } }


3. 眼睛

size(400,300);
background(255,255,128);
noStroke();
for(int i=0;i<4 data-blogger-escaped-i="i" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">for

(int k=0;k<3 data-blogger-escaped-k="k" data-blogger-escaped-nbsp="nbsp" data-blogger-escaped-span="span" style="color: #cc6600;">fill(i*255/3,k*255/4,0);   ellipse(i*100+50,k*100+50,100,100);   fill(255);   ellipse(i*100+50,k*100+50,100,25);   fill(0);   ellipse(i*100+50,k*100+50,25,25);   } }

4. 心得
今天教的東西我覺得很有趣，學習到如何運用多個for迴圈來畫出自己喜歡的圖，還有利用random指令來隨選顏色，我覺得很酷!也希望之後可以學到更多的東西~

Week 01 HW01

1. Processing相關影片



2.

size(350,350);
PImage kitty;
kitty = loadImage("http://hello-kitty.sanriotown.com/images/kitty.png");
image(kitty, 20,20);
saveFrame("kitty");

3.

原圖

processing

4. 心得

我覺得Processing還滿有趣的，利用簡單幾行程式就能夠畫出一張自己所想要的圖，還滿好玩的，而自己上網找尋ㄧ些Processing的程式還能學到其他的程式語法呢!