60508013E_林子婷,Week06

105/10/20

1. Vive介紹、設定、體驗
   燈塔(2個):A.b.c

2. 本日實作 Part1
1) for迴圈+陣列
2) 打字遊戲

3. 本日實作 Part2

1) 丟球
2) 陣列

Week 06 葉正聖老師示範

Week 04 李彩鳳筆記

• Google Cardboard
• Google Cardboard app
• 暴風魔鏡
• UtoVR 直播
• 360 degree camera
• VR 裝置
• 教育部 VR 虛擬實境（VR行動體驗車）
• PagamO：玩遊戲佔領土
• BoniO
• Zuvio
• Expresii 水墨畫

Processing: Poke ball 

Week04 施柏豪上課筆記

Google Cardboard體驗：
介紹目前市面上主要的VR頭戴設備與全景攝影機
今天老師帶來4種不同的Cardboard，

• 厚紙板的Cardboard
• 塑膠製的暴風魔鏡
• 塑膠製的BOBOVR 小宅Z4

Google Cardboard組裝照片紀錄

Google Cardboard組裝後內部視圖

組裝需要自備雙面膠進行固定

隨附的兩片稜鏡組裝重點如圖所示

Processing程式練習：
目標：在課堂上寫15行的程式，做出PaGamO的丟球行為
利用Processing畫圖，匯入一張神奇寶貝球的概念，滑鼠按下去座標可以改變球的位置，以程式結合物理牛頓力學第一運動定律與第二運動定律的概念，做出類似寶可夢遊戲的效果。

程式實作結果

水墨畫模擬 Expresii體驗
筆電連接繪圖板的驅動程式當機，無法體驗

今日上課心得：
老師使用Processing程式結合物理速度與加速度概念，做出生活化的有趣範例，讓同學能在極短時間內建立寫程式的自信，感覺老師引導我們學習程式，是透過程式實作某個有趣事件，是一種工具、探索的工具、發揮創意的工具，修課同學有些人是程式初學者，這樣的教學方向是我覺得很不錯的地方。

20161006 小楓兒筆記

20161006 教學軟體設計

1. Google Cardboard體驗
    先下載 Cardboard APP→掃VR裝置上的QR code
    *UtoVR
      http://www.utovr.com/

    *暴風魔鏡
      http://www.mojing.cn/

    *360 Camera
      http://dailytekk.com/2015/09/08/the-7-best-360-cameras-and-rigs-for-shooting-insanely-awesome- vr-video/
      越彎曲的攝影機，成本越低

    *Theta M15 / Theta S
      越彩色越便宜

    *自製cardboard
      https://mdmundo.s3-us-west-2.amazonaws.com/wp-content/uploads/Scissor-cut_template.pdf

2. 教育部VR虛擬實境(VR行動體驗車)

3. Bonio 幫你優 (PaGamO)
    題目過關賺土地→出版社的現成題目
    有詳解可以看
    每玩一次會減體力，避免學生過度沉迷

4. Zuvio 出題優 (Zuvio IRS)

5. 水墨畫模擬 Expresii

本日實作：Processing
Pokemon Go丟球
*程式碼一行一行打，邊打邊Preview，比較能找到錯誤!

把球放入程式

先找一張PNG圖檔，並命名
img名稱跟程式碼圖檔名要一致

→show：球跟著游標跑

PImage img;
void setup(){
  size(800,600);
  img=loadImage("ball.png");
}
void draw(){
  background(255);
  image(img, ballX, ballY, 100, 100);
}

設定球的位置

PImage img;
float ballX=400,ballY=300,ballVX=0,ballVY=0;
void setup(){
  size(800,600);
  img=loadImage("ball.png");
}
void draw(){
  background(255);
  image(img, ballX, ballY, 100, 100);
  if(ballVX!=0){
    ballX +=ballVX; ballY +=ballVY;//Newton 1st Law
}
void mousePressed(){
  ballX=mouseX;ballY=mouseY;
  ballVX=1; ballVY=-2;
}

讓球有拋物線

VX!=0
↑
不是0

+=ballVX
↑
每次+











PImage img;
float ballX=400,ballY=300,ballVX=0,ballVY=0;
void setup(){
  size(800,600);
  img=loadImage("ball.png");
}
void draw(){
  background(255);
  image(img, ballX, ballY, 100, 100);
  if(ballVX!=0){
    ballX +=ballVX; ballY +=ballVY;//Newton 1st Law
    ballVY +=0.98;//Newton 2nd Law
  }

}
void mousePressed(){
  ballX=mouseX;ballY=mouseY;
  ballVX=3; ballVY=-22;
}

Week4 錡洛誼上課筆記

• cardboard體驗
  搜尋：google cardboard app、暴風魔鏡、Uto VR直播
• 360camera
• 教育部VR (體驗車)
• 寫程式要一步一步寫&測試
• 寶貝球程式(牛頓運動定律)

Week04 張曉瑀上課筆記

20161006 notes

虛擬實境裝置
1. cardboard 體驗

2. VR Box體驗



processing 今日實作

step1: 尋找適合的素材(.png)->將圖片檔拉至processing中

step2: 宣告img->設定尺寸大小、背景

** img, 滑鼠位置, 大小

step3: float 浮點數 ->設定球的位置及

** " ! " 不等於

step4: 當滑鼠按下->球的位置等於游標位置

今日實作成果