html5+webgl 三維街景的渲染

        因為前期做了北京街景的採集軟體，手中有很多街景圖片；又看到google街景和soso街景效果很炫，就產生了小試牛刀的想法，我何不把手頭的圖片變成渲染成三維街景放到網上呢。於是開始搜集相關資訊，經過5天的嘗試，終於有了初步的效果；

        首先，感謝http://www.hiwebgl.com/?p=42網站提供的WebGL的教程和原始碼；

        提到3D渲染，就不得不說到三維建模，那麼google和soso的街景的3D 模型是什麼呢？不錯，是球體；正好hiwebgl網站中有產生球體的模型，於是再一想想是不是可以把街景圖片作為紋理貼到此球體上呢？當然可以，到此為止，我們就已經完成了街景渲染90%的工作；此時出現了幾個問題：

 1. 此時我們看到的並非google和soso的3D街景，而是如掛在天空的“街景”圖；

解決方案：渲染3D模型的時候不再進行平移；

2. 不再平移後，掛在天空的“街景”圖消失了，此時已經位於原點看球內表面了；但是又發現一個問題：圖片中的字呈現"鏡像"；

解決方案：載入紋理的時候取消對紋理圖片的垂直翻轉；

3.此時鏡像問題解決，但是預設的街景看上去是倒轉的；

解決方案：這個好辦，把當前模型繞X軸旋轉180度；

4.此時還有一個問題，那就是看上去的街景不是正前方的，而是右側的；

解決方案：把當前模型繞Y軸旋轉90度；

最後，需要提醒的是，街景圖片作為紋理時，它的解析度必須是 2的整次冪*2的整次冪；

暫時先寫這麼多，等我把網站建好了，大家就可以看到效果了。