2020互動技術: 07160555

顯示具有 07160555_唐敏真 標籤的文章。顯示所有文章

2020年12月28日星期一

喵~Processing手機APP~

Processing 安裝 Android

Android 模式

需要SDK

Android SDK 安裝

去官網下載 Command line tools: https://developer.android.com/studio
將 cmdline-tools 拉到 C槽
在 cmdline-tools 裡新增一個 lastest 資料夾
將檔案拉進 lastest
開啟小黑 cmd 輸入指令

2020年12月21日星期一

喵~PVector~

Proecssing~PVector~

比較:

以前:(僅宣告)

float uX=10,uY=20,uZ=0;
float u2X=30,u2Y=40,u2Z=0;

現在:(可利用PVector裡寫好的函式庫)

PVector u=new PVector(10,20,0);
PVector u2=new PVector(30,40,0);

注意:檔名不可取到函數名(如:PVector、int、PImage......)

憤怒鳥(angry brid)

Processing程式

PVector bird;
PVector Y,v=null;
void setup(){
size(600,400);
bird=new PVector(150,300);//只在setup() new一次
Y=new PVector(150,300);
}
void draw(){
background(255);
textSize(40);
fill(255,0,200);
text("Y",Y.x-10,Y.y+30);
fill(255);
ellipse(bird.x,bird.y,20,20);
line(bird.x,bird.y,Y.x,Y.y);
if(v!=null){
bird.add(v);
v.y+=0.98;
}
}
void mouseDragged(){//滑鼠拖曳
bird.x=mouseX;
bird.y=mouseY;
v=null;
}
void mouseReleased(){
PVector diff=PVector.sub(Y,bird);//減法
v=diff.div(4);//除法
}

搖桿(x,y,sw)結合Processing

搖桿

GND - GND
+5V - 5V
URX - A0
URY - A1
SW - 2

Arduino

void setup() {
pinMode(2,INPUT_PULLUP);
Serial.begin(9600);
}
void loop() {//1000Hz(1000fps)
int x=analogRead(A0);//0~1023
int y=analogRead(A1);//0~1023
int sw=digitalRead(2);//HIGH放開
Serial.write(x/4);//第1個byte
Serial.write(y/4);//第2個byte
Serial.write(sw);//第3個byte
delay(20);//1000ms/20ms => 50fps,變慢
}

Processing程式

import processing.serial.*;
Serial myPort;
void setup(){
size(256, 256);
myPort = new Serial(this,"COM4",9600);
}
int ballX=0,ballY=0;
void draw(){
if(myPort.available()>=3){//延遲少一點 if 改 while
int x=myPort.read();//0~255變成-128~+127
int y=myPort.read();
int sw=myPort.read();
ballX=x;
ballY=y;
}
ellipse(ballX,ballY,10,10);
}

↑憤怒鳥結合搖桿↑(Arduino同上↑)

import processing.serial.*;
Serial myPort;
PVector bird;
PVector Y,v=null;
void setup(){
size(600,400);
myPort = new Serial(this,"COM4",9600);
bird=new PVector(150,300);
Y=new PVector(150,300);
}
void draw(){
background(255);
if(myPort.available()>=3){
int x=myPort.read();
int y=myPort.read();
int sw=myPort.read();
bird.x=100+x-128;
bird.y=900+x-128;
}
textSize(40);
fill(255,0,200);
text("Y",Y.x-10,Y.y+30);
fill(255);
ellipse(bird.x,bird.y,20,20);
if(v!=null){
bird.add(v);
v.y+=0.98;
}
}

2020年12月14日星期一

喵~搖桿/旋鈕

maker uno + 搖桿/旋鈕

組裝:

GND - GND
5V - +5V
A0 - URX

好玩的程式:

void setup() {
for(int i=2;i<=13;i++){
pinMode(i,OUTPUT);
}
}
void loop() {
int now = analogRead(A0);//0~1023
int level= now/(1024/13);
for(int i=2;i<=13;i++){
if(i<level)digitalWrite(i,HIGH);
else digitalWrite(i,LOW);
}
}

加上英文字母:

void setup() {
for(int i=2;i<=13;i++){
pinMode(i,OUTPUT);
}
Serial.begin(9600);
}
void loop() {
int now = analogRead(A0);//0~1023
int level= now/(1024/13);
for(int i=2;i<=13;i++){
if(i<level)digitalWrite(i,HIGH);
else digitalWrite(i,LOW);
}
Serial.write(('A'+level));
delay(100);
}

結合Processing~

import processing.serial.*;
Serial myPort;
void setup()
{
size(700, 50);
myPort = new Serial(this,"COM4",9600);
}
int level=0;
void draw() {
background(255);
fill(200,100,255);
rect(0,0,level*50,50);
if(myPort.available()>0){
int now=myPort.read();//A~N
level=now-'A';
}
}

變得更靈敏~

Arduino:

void setup() {
for(int i=2;i<=13;i++){
pinMode(i,OUTPUT);
}
Serial.begin(9600);
}
void loop() {
int now = analogRead(A0);//0~1023
int level= now/4;//0~255
for(int i=2;i<=13;i++){
if(i<level/14)digitalWrite(i,HIGH);
else digitalWrite(i,LOW);
}
Serial.write(level);
delay(20);//1000/20=50一秒傳50張圖
}

Processing:

import processing.serial.*;
Serial myPort;
void setup()
{
size(765, 50);
myPort = new Serial(this,"COM4",9600);
}
int level=0;
void draw() {//60fbs一秒收60張圖
background(255);
fill(765,100,255);
rect(0,0,level*3,50);
if(myPort.available()>0){
int now=myPort.read();//0~255
level=now;
}
}

2020年12月7日星期一

喵~搖桿~多人遊戲~

maker uno+搖桿

組裝:

SW - pin2
GND - GND
+5V - 5V

Arduino v.s Processing

Arduino

void setup() {
// put your setup code here, to run once:
Serial.begin(9600);
pinMode(2,INPUT_PULLUP);
pinMode(8,OUTPUT);
}
int state=0;
void loop() {
// put your main code here, to run repeatedly:
if(digitalRead(2)==LOW && state==0){
state=1;
Serial.write("1");
}
if(digitalRead(2)==HIGH && state==1){
state=0;
Serial.write("0");
}
delay(100);
}

Processing

import processing.serial.*;
Serial myPort;
void setup()
{
size(200, 200);
myPort = new Serial(this,"COM4",9600);
}
int btn=0;
void draw() {
if(myPort.available()>0){
int now=myPort.read();
if(now=='1') btn=1;
else btn=0;
}
if(btn==1) background(200,100,255);
else background(255);
}

連線到老師的電腦~(多人連線)

載入外掛

Processing(客戶端)

import hypermedia.net.*;//外掛
UDP udp;
void setup(){
size(500,500);
udp = new UDP(this,6000);
udp.send("hello world","120.125.70.53",6100);
}
void draw(){}
void mousePressed(){
udp.send("mousePressed","120.125.70.53",6100);
}

2020年11月30日星期一

喵~傳輸~小鋼琴~

Arduino連接Processing(傳輸)

滑鼠點擊發出聲音

Arduino

#define C 523
#define D 587
#define E 659
void setup() {
Serial.begin(9600);
pinMode(2, INPUT_PULLUP);
pinMode(8, OUTPUT);
tone(8,C);
delay(100);
tone(8,D);
delay(100);
noTone(8);
}
void loop() {
while(Serial.available()>0){
Serial.read();
tone(8,E,100);
}
}

Processing(範例裡的)

import processing.serial.*;//外掛
Serial myPort;
void setup()
{
size(200, 200);
myPort = new Serial(this,"COM4",9600);
}
void draw() {}
void mousePressed(){
myPort.write("1");
}

加上鍵盤，按下數字鍵發出聲音

Arduino

#define C 523
#define D 587
#define E 659
void setup() {
Serial.begin(9600);
pinMode(2, INPUT_PULLUP);
pinMode(8, OUTPUT);
tone(8,C);
delay(100);
tone(8,D);
delay(100);
noTone(8);
}
void loop() {
while(Serial.available()>0){
int now=Serial.read();
if(now=='1') tone(8,C,100);
if(now=='2') tone(8,D,100);
if(now=='3') tone(8,E,100);
}
}

Processing

import processing.serial.*;
Serial myPort;
void setup()
{
size(200, 200);
myPort = new Serial(this,"COM4",9600);
}
void draw() {}
void keyPressed(){
if(key=='1') myPort.write("1");
if(key=='2') myPort.write("2");
if(key=='3') myPort.write("3");
}
void mousePressed(){
myPort.write("1");
}

小鋼琴

Arduino

#define C 523
#define D 587
#define E 659
#define F 698
#define G 784
#define A 880
#define B 988
void setup() {
Serial.begin(9600);
pinMode(2, INPUT_PULLUP);
pinMode(8, OUTPUT);
tone(8,C);
delay(100);
tone(8,D);
delay(100);
noTone(8);
}
void loop() {
while(Serial.available()>0){
int now=Serial.read();
if(now=='1') tone(8,C);
if(now=='2') tone(8,D);
if(now=='3') tone(8,E);
if(now=='4') tone(8,F);
if(now=='5') tone(8,G);
if(now=='6') tone(8,A);
if(now=='7') tone(8,B);
if(now=='0') noTone(8);//放開要靜音
}
}

Processing

import processing.serial.*;
Serial myPort;
void setup()
{
size(200, 200);
myPort = new Serial(this,"COM4",9600);
}
void draw() {}
void keyPressed(){
if(key=='1') myPort.write("1");
if(key=='2') myPort.write("2");
if(key=='3') myPort.write("3");
if(key=='4') myPort.write("4");
if(key=='5') myPort.write("5");
if(key=='6') myPort.write("6");
if(key=='7') myPort.write("7");
}
void keyReleased(){//鍵盤放開要回傳0(靜音)
myPort.write("0");
}
void mousePressed(){
myPort.write("1");
}

2020年11月23日星期一

喵~Aurduino+makeruno初體驗

音符(蜂鳴器發出聲音)

音樂音符頻率對照表

小星星

#define C 523///定義音符頻率
#define D 587
#define E 659
#define F 698
#define G 784
#define A 880
int music[]={C,C,G,G,A,A,G,0,F,F,E,E,D,D,C,0,G,G,F,F,E,E,D,0,G,G,F,F,E,E,D,0,C,C,G,G,A,A,G,0,F,F,E,E,D,D,C};///0是不播音
void setup() {
// put your setup code here, to run once:
delay(1000);
pinMode(8,OUTPUT);
for(int i=0;i<sizeof(music)/sizeof(int);i++){
tone(8,music[i],100);///播放(Pin8是蜂鳴器)
delay(250);///音之間的間隔
}
}
void loop() {}