week17 期末作品

這次的作品也跟期中一樣是打磚塊
有processing+arduion做搭配

盒子

盒子

所以我有做了一個實體的箱子
這箱子上有三個東西
由左到右分別是搖桿、轉盤和按鈕

這次的程式 大多繼承上次打磚塊的元素
但這次有多加一個介面
就是設定
(共四個介面)
裡面有個數值可以讓玩家調控
1.音樂聲音
因為上次原本設定的聲音太小
最後手動在程式裡調整
2.發射球的速度
我一開始的介面的背景有換成當某球反彈，就會自動隨機產生圓環，自動消失

操作版(攝影)

操作版(2d)

要如何操作我的作品(遊戲)呢
1.把usb插到正確的插槽
2.啟動程式
3.當有黃色的顏色在某物體周圍，代表可以在目前的狀態下做某事
4_1.一開始是遊戲的首頁，有兩個選項，上面是設定，而下面是遊戲開始
4_2.搖桿的Y軸(動作是上下擺動)，就能選擇要哪個選項
4_3.確定就按下按鈕，進入下個畫面
5_1.如果到了設定，裡面能設定音樂聲音和發射球的速度
5_2.音樂聲音初始是50，範圍0~100
5_3.發射球的速度初始是10，範圍5~15
5_4.這裡搖桿的Y軸是選擇哪一個選項，搖桿的X軸是調整各項的數值
5_5.用按鈕按下back，回到原本畫面
6_1.當進到玩遊戲介面，遊戲規則跟期中一樣，當磚塊碰到下面黃色的線就gameover
6_2.這個介面也能選擇設定
6_3.在發射的機台上多了一個瞄準線，能知道球往哪射出
6_4.當旋轉轉盤，就能讓玩家想射哪就射哪，但有個限制，就是不會有角度低的方向，避免無線循環
6_5.搖動搖桿，搖桿的X軸是調整發射的機台X軸的位置
6_6.當選項是在發射的機台上，按下按鈕就能發射出球
7_1.當gameover，最後的介面還是有top 5
7_2.如果想離開，就搖桿的X軸往左，並按下按鈕，就遊戲結束
7_3.如果想在玩，就搖桿的X軸往右，並按下按鈕，就遊戲重新開始

week16 期末作品製作

期末作品會有四個介面：

0.遊戲設定畫面，設定完能回到原始進入的介面

1.起始遊戲畫面

2.開始遊戲畫面

3.遊戲結束畫面

week15 制定期末作品目標

我們這組延續期中做的東西
就是“ 打磚塊 ”這個組題
然後介面會做一些改變
會加一些功能

week14 可變電阻

今天有介紹可變電阻如何在arduino連接

它能在期末作品上做出旋轉等功能

它的輸出值從0~1023

下面能印出目前可變電阻的數值

int sensorPin = A0;

int sensorValue = 0;

void setup() {

}

void loop() {

  sensorValue = analogRead(sensorPin);

  println(sensorValue);

}

week13 連接兩個不同平台

期末考快到了
期末也是要交一個作品出來
我覺得我這組的其中作品還可以
所以延續期中的主題: 打磚塊
加入互動裝置
讓玩家在玩的時候 比較能容易操作

這周老師在教如何能讓之前寫的processing與現在的arduino做結合
所以利用processing的範例SimpleRead

把第50行之後的程式搬到arduino

然後把pinMode的INPUT改為PULLUP_INPUT

然後把new Serial的第二個參數改成COM?

如果成功連接 就會有下面的效果

框框內的顏色會改變

week12 戶外教學

這周的上課地點很特別 在taipei hackerspace

這次的主題是製作光劍

每組兩個人 要合力做出一支屬於自己的劍

原本想法是就是做一個產品出來

應該不會很難吧

但聽到光劍裡面的燈不是像日光燈那種燈

而是用百顆以上的led燈串起來

一聽到就知道沒這麼簡單  是個大工程

我跟林敬諺一組

林敬諺一下子就掌握如何快速焊接的技術

所以我就是負責把led搬開檢查led燈有沒有接對

這活動從上午9點開始 

我們這組算是做的比較快

在12點40完成那把光劍

之後我就迅速的趕回去上下午的大三必修課(下午兩點到校)

這次體驗我蠻開心的

第一次體驗到如何焊接

缺點是時間較沒辦法操控和拿捏

所以活動大致上感覺不錯

week11 體驗MAKER UNO

week11

這周真的開始實作
先開啟一個叫做blink的範例
這個程式原本的功能只有使一個燈泡每秒鐘變亮變暗(如圖一)

圖一

然後改寫一下
讓全部的燈泡逐一的變亮  逐一的變暗(如圖二)

圖二

之後老師show了一個網頁
裡面有個程式使用蜂鳴器來播放小星星
https://makeruno.com.my/playing-melody-using-only-maker-uno/?fbclid=IwAR0tZ_KdYKtJw9aii5Foj-eNHvXMWCRF7SSoir2nivJAez7VqyK8293UdHo

修改這個code
每個音階有自己的燈泡
當發出那個音階時
相對應的燈泡就會發亮

最後老師有再show一個網頁
裡面的程式有兩首歌
小星星和聖誕節會放的歌
https://makeruno.com.my/changing-melody-with-push-button-using-only-maker-uno/?fbclid=IwAR2FK8AR-fEKLty_NwiMtNMBgur4tldsjbplxMv8uCYUdIhb_5uZ0P-aifo

但這個code有個問題
就是很難去切換歌曲
所以在loop的歌裡面 加了判斷是條件
這樣就比較順利去切換歌曲

這個code也有用到燈泡
原理和上個程式一樣

week10 認識MAKER UNO

week10

這周要開始要結合板子做一些事情了
我原本以為是arduino或是大一生接觸的linkit
結果的兩個都不是
而是maker uno (如圖一)
聽說它的價格在200 TWD左右
是蠻便宜的 但是裡面好像沒有wifi和藍芽的功能
覺得蠻可惜的
他的特色是在這板子上有蜂鳴器、led燈和開關等功能
能夠讓初學者快速入門

圖一

連上這板子需要driver(url如下):
https://cdn.cytron.io/makeruno/CH341SER.EXE

下載後執行會看到(如圖二)
然後按下install的按鈕
讓它安裝

圖二

如果安裝好(如圖三)
寫Driver insatll success!
如果沒成功 就重新開機 重新安裝

圖三

下一步是在裝置管理員查看連接插槽在哪個com並記住
然後開啟arduino IDE
在工具裡選擇正確的開發版和com
這樣板子和電腦就正常連線了

如果板子未輸入任何的code
它原本就會發出馬利歐的聲音
當輸入code後
馬利歐的聲音就會被覆蓋
執行輸入code的程式

今天後半段有提一下某一組的其中作品
那組做籃球投籃機
老師覺得有些可以改進的地方
就是當籃球彈到籃框時
要往上反彈

week08 期中作品

我們這組的組題是打磚塊
這個遊戲共有三個頁面

一開啟遊戲會出現遊戲的首頁，背景音樂就會撥放
畫面有三個五顏六色的球，球反彈時會發出聲音
按下箭頭圖案，就遊戲開始

第一個畫面

之後就會出現第二個畫面，就要開始打磚塊了
規則:
1.每個磚塊都有自己個生命值，磚塊生命值小於1時，磚塊才會消失
2.當任一個磚塊碰到下面那條黃線時，遊戲就會結束
3.每層都會自動多一顆球
操作:
當滑鼠點擊時，球會就會發射，會有個聲音
當球撞到磚塊時，磚塊生命值減一，在磚塊消失時，磚塊會發出爆裂聲

如果玩家不小心或沒注意，導致某磚塊觸碰到警戒線，遊戲就會結束，跳至最後一個畫面

第二個畫面

最後一個畫面
上方 顯示你最後到第幾Level
中間 有個排行榜，會紀錄TOP 5玩家玩的層數，關起能記住資料
下方 有兩個圖案
1.按下左邊圖案是離開這個遊戲
2.按下右邊圖案是會回到遊戲的首頁

最後一個畫面

賣點:
1.有開始遊戲、玩遊戲和遊戲結束三個不同的畫面
2.幾乎都有互動的聲音
3.磚塊都有自己的生命值
4.有紀錄成績的功能
5.這程式有用到class

困難點:
1.磚塊的邊界處理

week07 作品範例展示_2

這週也跟上週一樣 

在作品範例展示和老師下來幫忙學生的問題

我有些問題在網路上解決

但還有些bug

week06 作品範例展示_1

今天老師主要先展示學長學姊一些作品
然後就下來幫忙同學們做的問題
但我這組目前沒有遇到問題

week05 簡單範例實作

1.讓未碰到矩形的圈圈，重複出現

dist(x1,y1,x2,y2); //算距離

week04 文字 陣列 砲彈

week04

1.
在視窗上放文字 text("rabbit", 600, 150); //text(str, x, y);
改變文字大小 textSize(size);
改變文字字體
PFont font;
font = loadFont();//例如"Apple-Chancery-48.vlw"
textFont(font, 24);
自作砲彈（目前只能一顆), 按下鍵盤就可以噴出

下面程式能讓兔子的口中，發射出紅色砲彈


2.利用當天上課所教一些的內容，在上課兩小時寫出這個簡單的小遊戲 ．
一開始會出現紅蘿波(carrot)和兔子(rabbit)的圖片
雙方都有三條命
紅蘿波這方按下鍵盤1 就能發出丟球的攻擊
反之兔子按下鍵盤0 也能發出攻擊
當球碰到對方時 對方會減少一命
當球相撞 會被抵銷掉
當某方的生命值歸零 對方就贏了
按下鍵盤q 視窗就會關起

week03 畫好看的圖

week 03

畫好看的圖型 (1)
1_1.


1_2.


2_1. 畫許多的三角形


2_2.


3_1.用鍵盤移動圖片


3_2.


3_3.

week02 畫圓 顏色 圖片的練習

填滿顏色
fill(r, g, b);
or
colorMode(HSB, max); // void setup 裡
fill(r, s, b); // void draw 裡

畫圓
ellipse( x, y, r, r);

1.當圓圈的半徑小於0時，隨機選擇一種顏色



2.使用HSB讓顏色會有漸層


3.位置會自動移動，但當圓圈的半徑小於0時，位置會重設



PImage 試圖片的資料型態
loadImage(圖片名字 or 網頁圖片URL);
image( 圖片,  x,  y. resize W,  resize H);

4.把圖片大小設為(100, 100)


背景
background( r, g, b);
image( 圖片,  x, y, W, H);

week01 processing 基礎

week01

size(800,600); //size(w, h);

line(55, 50, 65,100); //line(x1, y1, x2, y2);

rect(100, 10, 200, 250); //rect(x, y., w, h);

當我按下畫面時  background隨機顏色

不按畫面時  background為黑色

彩色畫筆(隨機顏色)
裡面用到
stroke(random(255),random(255),random(255)); //線的顏色
line(pmouseX, pmouseY, mouseX, mouseY); //用滑鼠畫線
strokeWeight(random(19)+1); // 線的寬度


彩色畫筆 + 彩色background  (隨機顏色)