【轉】使用 WebGL 進行 3D 開發，第 1 部分: WebGL 簡介
轉自HTML5游戲開發者社區 使用 WebGL 進行 3D 開發，第 1 部分: WebGL 簡介使用 WebGL 進行 3D 開發，第 2 部分: 使用 WebGL 庫以更少的編碼做更多的事情使用 WebGL 進行 3D 開發，第 3 部分: 添加用戶交互 WebGL API ...
原文：分享一個WebGL開發的網站-用JavaScript + WebGL開發3D模型
這張圖每位程序員應該都深有感觸。 人民心目中的程序員是這樣的：坐在電腦面前噼里啪啦敲着鍵盤，運鍵如飛。 現實中程序員是這樣的：編碼 分鍾，調試兩小時。 今天我要給大家分享一個用WebGL開發的網站，感興趣的朋友可以在Chrome開發者工具里調試它的源碼來學習WebGL。 WebGL Web Graphics Library 是 D繪圖協議的一種，該技術的特色是將萬能的JavaScript和Open ...
2018-10-19 17:39 0 4750 推薦指數：
相關推薦
WebGL學習(3) - 3D模型
原文地址：WebGL學習(3) - 3D模型 相信很多人是以創建逼真酷炫的三維效果為目標而學習webGL的吧，首先我就是😂。我掌握了足夠的webGL技巧后，正准備大展身手時，遇到了一種尷尬的情況：還是做不出想要的東西😭。為啥呢，因為沒有3D模型可供操作啊，純粹用代碼構建復雜的3D模型完全 ...
快速開發 HTML5 WebGL 的 3D 斜面拖拽生成模型
前言 3D 場景中的面不只有水平面這一個，空間是由無數個面組成的，所以我們有可能會在任意一個面上放置物體，而空間中的面如何確定呢？我們知道，空間中的面可以由一個點和一條法線組成。這個 Demo 左側為面板，從面板中拖動物體到右側的 3D 場景中，當然，我鼠標拖動到的位置就是物體放置的點，但是這次 ...
webgl之3d動畫
之前的幾篇文章都是靜態的，而這里主要介紹如何使物體動起來，並且學會使用性能監視器來監測性能。 而如果要讓物體動起來，實際上我們是有兩種方法的，第一種是讓物體真的動起來，另外一種是讓攝像機動起 ...
玩轉 HTML5 下 WebGL 的 3D 模型交並補
subtract、融合 union 和相交 intersect 的運算，組合出復雜模型效果，HT 封裝了 ht.C ...
基於WebGL的在線3D建模與互動腳本開發系統 ThingJS
三維可視化##3D開發# ThingJS編輯界面布局 3D建模與場景搭建方法 交互控制腳本開發關鍵點 ThingJS平台基於 Web GL中的3D框架進行3D開發，界面設計采用HTML5，系統腳本采用 JavaScript。完整的平台系統包含七大模塊：3D場景搭建、模型操作、模型導入、模型 ...
基於WebGL的三維大屏可視化技術實踐 thingjs 3d 開發
DataV, 騰訊雲圖，帆軟等可視化大屏應用廠商，都提供三維可視化分析工具。ThingJS是近兩年新興的3D可視化開發組件，助力物聯網3D可視化的未來發展。新基建浪潮洶涌，智慧城市建設也到了落地階段，不再是純粹的概念，很多物聯網技術開始嶄露頭角，相較於之前的低調行為，3D可視化領域有何變化 ...
WebGL學習(2) - 3D場景
原文地址：WebGL學習(2) - 3D場景 經過前面WebGL學習(1) - 三角形的學習，我們已經掌握了webGL的基礎知識，也已經能夠畫出最基本的圖形，比如點，線，三角形，矩形等。有了2D繪圖的基礎，現在終於可以進入精彩的3D世界了，來看一下這一節要實現的3D的效果吧。 實際效果 ...