Week 04 ლ(ﾟдﾟლ) 張書豪 60408029E 大豪豪der上課筆記

2016/10/06 教學軟體設計 筆記

本日心得:

今天老師帶了Cardboard 以及 從魔鏡網購買的載具，直接供我們體驗，現場直接開箱! 完全是新的，以前有向掏寶網購買過Cardboard，也有從手機下載許多VR的APP來體驗過，之前有載過雲霄飛車、遊樂園、電梯鬼故事、海底世界等APP，當時就相當驚豔，但唯一美中不足的點是，我可能不太喜歡紙做的載具，讓我有種不真實感(?! 因為我覺得我很容易用壞他... 果不其然，我買來兩天就壞了... 覺得難過但還好，好像才150元，150元讓我有感受到VR我覺得挺超值的，在課堂上看到老師這種硬殼的載具，這就是我要的硬殼! XD  於是有上網查一下類似的載具，說實話價格浮動的挺大的，可能是材質或是內部接縫的地方有分，當下立馬打開APP在老師的載具中體驗，這次不只是驚豔，多的是種哇! 跟紙做的揪4不一樣! 感覺更擬真(?!  後來老師也向大家介紹 Pagamo 老師直接登入網站證明自己有在玩~ 這個東西我覺得在教學的時候進行很棒，因為說實話 學生上課 87%都覺得老師在公三.... 接著扣掉翹課、扣掉玩手機、扣掉發呆的 真的有在聽課的 大概屈指可數，我覺得現在的上課已經不完全是老師的問題，老師的教學方式並沒有不好，只是因為現在資訊科技發展的飛快，那些遊戲對於學生的影響很深遠，沒有刺激的聲光或是遊戲元素，很難激起學生的目光與興趣，我覺得這是目前教學中必須面對的問題，好在現在也有很多致力於開發能讓老師在教學中使用的APP或WEB等，著實給予教育帶來一線生機，今天體驗的很棒~ 謝謝老師。

1. Google Cardboard : GoogleCardboard APP,暴風魔鏡web
2. 教育部 VR虛擬實境 (VR行動體驗車)
3. Bonio 幫你優 (PaGamO)
4. Zuvio 出題優 (Zuvio)
5. 水墨畫模擬 Expresso :http://www.expresii.com


●  GoogleCardboard:
https://vr.google.com/intl/zh-TW_tw/cardboard/

Google Cardboard 是一個以透鏡、磁鐵、魔鬼氈以及橡皮筋組合而成，可折疊的智慧型手機頭戴式顯示器，提供虛擬實境體驗。
有著3D顯示軟體的智慧型手機適合搭配此裝置，透鏡會讓使用者分別感知左影像和右影像，以建立一個3D影像。此穿戴式裝置由Google公司設計，然而並沒有任何官方的製造商或供應商；取而代之的是，Google在其網站上免費提供零件列表、示意圖及組裝說明，鼓勵一般人用容易取得的零件自行組裝。此硬體在2014年6月召開的Google I/O大會上發表。

一部分的已經展開的Cardboard viewer
官方 Google Cardboard 的軟體開發套件使用OpenGL。
在此提供一個非官方的Cardboard SDK iOS port。
除此之外，有個執行中的 Google 瀏覽器虛擬實境試驗使用WebGL：支援 WebGL 的手機將可以執行 Google 的網頁試驗。
蘋果公司的 iOS 8 支援 OpenGL，也就是可以使用 Google 瀏覽器虛擬實境試驗。
在 Google Play 商店中，支援 Cardboard 的第三方應用程序已經可以下載。

●  暴風魔鏡web:
http://www.mojing.cn/


●  教育部 VR虛擬實境 (VR行動體驗車):
http://www.edu.tw/News_Content.aspx?n=9E7AC85F1954DDA8&s=E9AA0624E8232F72

2016年被產業界譽為「VR元年」，各式穿戴裝置及相關應用軟體於年初陸續發表，臺灣為全球IT產業重鎮，在其中更是扮演了舉足輕重的角色。本計畫的推動使高級中等學校的學生有機會及早接觸此一新興科技產業，進而產生興趣並提高進入相關產業的意願，這將帶動國內在此產業的發展，且提升國家的全球競爭力。






●  Bonio 幫你優 (PaGamO):
https://www.pagamo.org/

詳細介紹blog: http://blog.ilc.edu.tw/blog/index.php?op=printView&articleId=567420&blogId=135




本日實作 : Processing


製作cardboard web : https://www.youtube.com/watch?v=-2zMnqleZpg

實作：

PImage img;   // 宣告圖片 命名為img
void setup(){     // 開始執行起始函示
  size(800,600);    //視窗大小 800x600
  img = loadImage("pokeball.png");   //讀取圖片
}

void draw(){      //畫的函示
  background(255);     //設定背景顏色 （白）
  image(img,mouseX,mouseY,150,150);   //圖片大小 150x150 & 跟著滑鼠移動
}

---------------------------------------------------------------------------------------------------------------------
PImage img; // 宣告圖片 命名為img
float ballX=400,ballY=300,ballVX=0,ballVY=0;  //宣告浮點數
void setup(){
  size(800,600);
  img = loadImage("pokeball.png");
}

void draw(){
  background(255);
  image(img,ballX,ballY,150,150);

  if(ballVX!=0)
  {
     ballX +=ballVX;ballY += ballVY;
     ballVY += 0.98;
  }
}

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