WebGL學習(3) - 3D模型
原文地址：WebGL學習(3) - 3D模型 相信很多人是以創建逼真酷炫的三維效果為目標而學習webGL的吧，首先我就是😂。我掌握了足夠的webGL技巧后，正准備大展身手時，遇到了一種尷尬的情況：還是做不出想要的東西😭。為啥呢，因為沒有3D模型可供操作啊，純粹用代碼構建復雜的3D模型完全 ...
原文：webgl之3d動畫
之前的幾篇文章都是靜態的，而這里主要介紹如何使物體動起來，並且學會使用性能監視器來監測性能。 而如果要讓物體動起來，實際上我們是有兩種方法的，第一種是讓物體真的動起來，另外一種是讓攝像機動起來這樣物體相對來說也就動起來了。另外，實際上在讓物體動起來的過程中，我們是不斷通過調用 renderer.render scene, camera 這個函數實現的，那么怎么才能不斷調用這個函數呢 這就需要用到 ...
2018-04-16 11:49 0 901 推薦指數：
相關推薦
WebGL學習(2) - 3D場景
原文地址：WebGL學習(2) - 3D場景 經過前面WebGL學習(1) - 三角形的學習，我們已經掌握了webGL的基礎知識，也已經能夠畫出最基本的圖形，比如點，線，三角形，矩形等。有了2D繪圖的基礎，現在終於可以進入精彩的3D世界了，來看一下這一節要實現的3D的效果吧。 實際效果 ...
基於HTML5的WebGL經典3D虛擬機房漫游動畫
第一人稱在 3D 中的用法要參考第一人稱在射擊游戲中的使用，第一人稱射擊游戲（FPS）是以第一人稱視角為中心圍繞槍和其他武器為基礎的視頻游戲類型 ; 也就是說，玩家通過主角的眼睛來體驗動作。自從流派開始以來，先進的 3D 和偽 3D 圖形已經對硬件發展提出了挑戰，而多人游戲已經不可或缺 ...
基於 HTML5 WebGL 的 3D 機房
前言 用 WebGL 渲染的 3D 機房現在也不是什么新鮮事兒了，這篇文章的主要目的是說明一下，3D 機房中的 eye 和 center 的問題，剛好在項目中用上了，好生思考了一番，最終覺得這個例子最符合我的要求，就拿來作為記錄。 效果圖 http://hightopo.com/demo ...
WebGL 3D 工業隧道監控實戰
前言 監控隧道內的車道堵塞情況、隧道內的車禍現場，在隧道中顯示當前車禍位置並在隧道口給與提示等等功能都是非常有必要的。這個隧道 Demo 的主要內容包括：照明、風機、車道指示燈、交通信號燈、情報板、 ...
基於WebGL 的3D呈現A* Search Algorithm
http://www.hightopo.com/demo/astar/astar.html 最近搞個游戲遇到最短路徑的常規游戲問題，一時起興基於HT for Web寫了個A*算法的WebGL 3D呈現，算法基於開源 https://github.com/bgrins ...
基於 HTML5 WebGL 的 3D 科幻風機
前言 許多世紀以來，風力機同水力機械一樣，作為動力源替代人力、畜力，對生產力的發展發揮過重要作用。近代機電動力的廣泛應用以及二十世紀50年代中東油田的發現，使風機發電機的發展緩慢下來。 ...