http://www.hightopo.com/demo/astar/astar.html 最近搞個游戲遇到最短路徑的常規游戲問題，一時起興基於HT for Web寫了個A*算法的WebGL 3D呈現，算法基於開源 https://github.com/bgrins ...

　　之前的幾篇文章都是靜態的，而這里主要介紹如何使物體動起來，並且學會使用性能監視器來監測性能。 　　而如果要讓物體動起來，實際上我們是有兩種方法的，第一種是讓物體真的動起來，另外一種是讓攝像機動起 ...

原文地址：WebGL學習(3) - 3D模型 相信很多人是以創建逼真酷炫的三維效果為目標而學習webGL的吧，首先我就是😂。我掌握了足夠的webGL技巧后，正准備大展身手時，遇到了一種尷尬的情況：還是做不出想要的東西😭。為啥呢，因為沒有3D模型可供操作啊，純粹用代碼構建復雜的3D模型完全 ...

原文地址：WebGL學習(2) - 3D場景 經過前面WebGL學習(1) - 三角形的學習，我們已經掌握了webGL的基礎知識，也已經能夠畫出最基本的圖形，比如點，線，三角形，矩形等。有了2D繪圖的基礎，現在終於可以進入精彩的3D世界了，來看一下這一節要實現的3D的效果吧。 實際效果 ...

享了游戲從2D設計轉為3D的初衷，以及轉換設計后對游戲性能與應用包體帶來的改進，例如場景大小從30MB縮 ...

前言 用 WebGL 渲染的 3D 機房現在也不是什么新鮮事兒了，這篇文章的主要目的是說明一下，3D 機房中的 eye 和 center 的問題，剛好在項目中用上了，好生思考了一番，最終覺得這個例子最符合我的要求，就拿來作為記錄。 效果圖 http://hightopo.com/demo ...

前言 監控隧道內的車道堵塞情況、隧道內的車禍現場，在隧道中顯示當前車禍位置並在隧道口給與提示等等功能都是非常有必要的。這個隧道 Demo 的主要內容包括：照明、風機、車道指示燈、交通信號燈、情報板、 ...