WebGL學習筆記3

 《WebGL Lesson 10 – loading a world, and the most basic kind of camera》：這個demo載入了一個情境，並且能處理鍵盤事件。 

1. 載入情境：XMLHttpRequest->HTTP GET request->a callback function當載入情境資料完成時調用並載入情境資料。情境資料預設用的格式很簡單，只能反映點座標和對應面的貼圖資訊，其他光源等都不能反映，所以這個格式不好。一組資料包括XYZST五個值，前三個是點座標，後兩個是貼圖紋理。紋理值一般在0-1之間，表示縮放比例，但是這裡出現6.5等，表示同時貼6張圖，每張圖比例是0.5，這適用於牆面紋理。
2. 網路攝影機移動：繞Y軸左右看稱為yaw，繞X軸上下看成為pitch。webgl本身沒提供網路攝影機，需要自己實現，我們實現時是預設將網路攝影機置於原點並看向X軸。網路攝影機移動，其實是情境移動。在複雜處理中，可以維護一個“camera matrix”來維護情境座標的移動旋轉量值。
3. 鍵盤輸入處理：jog(漫步)。原則：配置更好的機器，按鍵盤，獲得的只能是更高的幀數，而不是更快的移動速度。這裡通過設定固定的移動速率，並在drawscene中繪製實現。因為drawscene本身只於使用者幀數相關，所以可以實現上述功能。文中代碼是在drawscene中，先根據各種偏轉參數使用drawarrays繪製映像後，再處理當前的鍵盤操作，更新偏轉參數，即本次處理的鍵盤輸入只能在下次drawscene執行時得以顯示結果。