WebGL入門教程(一)-初識webgl
一、WebGL和傳統網頁的區別： 普通網頁組成成分：HTML、JavaScript； WebGL網頁組成成分：HTML5、JavaScript和GLSL ES(着色器語言 OpenGL ES)； 二、WebGL采用H5中的<canvas>元素來定義繪圖區域 ...
花費 9 ms
圖解WebGL&Three.js工作原理
“哥，你又來啦？”“是啊，我隨便逛逛。”“別介啊……給我20分鍾，成不？”“5分鍾吧，我很忙的。”“不行，20分鍾，不然我真很難跟你講清楚。”“好吧……”“行，那進來吧，咱好好聊聊” 一、我們講什么？ 我們講兩個東西：1、WebGL背后的工作原理是什么？2、以Three.js為例，講述 ...
學廢了系列 - WebGIS vs WebGL圖形編程
目前工作中有不少涉及到地圖的項目，我參加了幾次技術評審，前端伙伴們在 WebGIS 方面的知識儲備稍有不足，這次分享的主要目的是科普一些在前端領域比較常用的 WebGIS 知識。另外，我之前的工作中積攢了一些從零開始搭建 WebGL 地圖引擎的微薄經驗，雖然最終遺憾沒有上線，但在其中學到的一些 ...
pixi.js教程中文版--基礎篇
前言 Pixi.js使用WebGL，是一個超快的HTML5 2D渲染引擎。作為一個Javascript的2D渲染器，Pixi.js的目標是提供一個快速的、輕量級而且是兼任所有設備的2D庫。提供無縫 Canvas 回退，支持主流瀏覽器，包括桌面和移動。 Pixi渲染器可以開發者享受到硬件加速 ...
threejs和ThingJS的區別，ThingJS收費么？
使用ThingJS收費嗎？ThingJS是怎么收費的呢？ThingJS官網上的價格頁面中VIP(商業開發者)和商業開發者(離線SDK包)有什么區別嗎？使用ThingJS能制作一個智慧園區可視化項目或者 ...
three.js粒子效果（分別基於CPU&GPU實現）
前段時間做了一個基於CPU和GPU對比的粒子效果丟在學習WebGL的群里，技術上沒有多作講解，有同學反饋看不太懂GPU版本，干脆開一篇文章，重點講解基於GPU開發的版本。 一、概況 廢話不多說，先丟上demo，用移動設備更能明顯感覺性能差異。 維護粒子位移、顏色、尺寸：GPU版本 ...
Threejs 開發3D地圖實踐總結
前段時間連續上了一個月班，加班加點完成了一個3D攻堅項目。也算是由傳統web轉型到webgl圖形學開發中，坑不少，做了一下總結分享。 1、法向量問題 法線是垂直於我們想要照亮的物體表面的向量。法線代表表面的方向因此他們為光源和物體的交互建模中具有決定性作用。每一個頂點都有一個關聯 ...
three.js 相機camera位置屬性設置詳解
開始很懵逼，完全不能理解，有個position，還要up和lookAt干嘛。 [黑人問號臉❓❓❓] 既然是位置屬性不明白，那默認其它屬性都懂了。 上坐標軸： 先來第一個position屬性 ...
關於 Unity WebGL 的探索（一）
到今天為止，項目已經上線一個多月了，目前穩定運行，各種 bug 也是有的。至少得到了蘋果的兩次推薦和 TapTap 一次首頁推薦，也算是結項后第一時間對我們項目的一個肯定。 出於 ...
Unity5中WebGL平台封裝的一些技巧
最近在接觸unity的WebGL平台,其實這個平台作為Web Player的替代品,已經能滿足大部分的開發需求,而且不需要額外的插件支持,確實方便了不少,但開發中依舊遇到了不少問題,在這里記錄和共享一下解決方法。 首先還是構建選項,在"Player Settings"里 ...