【three.js詳解之一】入門篇
開場白 webGL可以讓我們在canvas上實現3D效果。而three.js是一款webGL框架，由於其易用性被廣泛應用。如果你要學習webGL，拋棄那些復雜的原生接口從這款框架入手是一個不錯的選擇。 博主目前也在學習three.js，發現相關資料非常稀少，甚至官方的api文檔 ...
花費 88 ms
圖解WebGL&Three.js工作原理
“哥，你又來啦？”“是啊，我隨便逛逛。”“別介啊……給我20分鍾，成不？”“5分鍾吧，我很忙的。”“不行，20分鍾，不然我真很難跟你講清楚。”“好吧……”“行，那進來吧，咱好好聊聊” 一、我們講什么？ 我們講兩個東西：1、WebGL背后的工作原理是什么？2、以Three.js為例，講述 ...
如何用webgl(three.js)搭建一個3D庫房-第一課
今天我們來討論一下如何使用當前流行的WebGL技術搭建一個庫房並且實現實時有效交互 第一步、搭建一個3D庫房首先你得知道庫房長啥樣，我們先來瞅瞅庫房長啥樣（這是我在網上找的一個庫房圖片，百度了“庫房 ...
three.js初探，立體幾何入手（一）
前言：首先先推薦一篇博客，關於webgl原理，講的非常之通俗易懂了 圖解WebGL&Three.js工作原理 webGL可以理解為openGL ES2.0 （webGL2.0 - openGL ES3.0）的javascript綁定。所以實現的語言 ...
使用webgl(three.js)創建3D機房(升級版)-普通機房
序： 目前市面上的數據中心主要分兩大類，一類屬於普通數據中心，機櫃按照XY軸 有序排放，一類屬於微模塊集合的數據中心，多個機櫃組合而成的微模塊。 本節課主要詳細講解普通數據中心的可 ...
three.js粒子效果（分別基於CPU&GPU實現）
前段時間做了一個基於CPU和GPU對比的粒子效果丟在學習WebGL的群里，技術上沒有多作講解，有同學反饋看不太懂GPU版本，干脆開一篇文章，重點講解基於GPU開發的版本。 一、概況 廢話 ...
Three.js入門
什么是WebGL。WebGL是在瀏覽器中實現三維效果的一套規范。使用WebGL原生的API來寫3D程序是一件非常痛苦的事情，幸好，有很多同行花業余時間寫了一些WebGL開源框架，其中three.js就是非常優秀的一個。 什么是threejs，很簡單，你將它理解成three ...
three.js 相機camera位置屬性設置詳解
開始很懵逼，完全不能理解，有個position，還要up和lookAt干嘛。 [黑人問號臉❓❓❓] 既然是位置屬性不明白，那默認其它屬性都懂了。 上坐標軸： 先來第一個position屬性 ...
three.js加載obj模型
...
ThreeJS學習6_幾何體相關(BufferGeometry)
ThreeJS學習6_幾何體相關(BufferGeometry) 使用 BufferGeometry 可以有效減少向 GPU 傳輸幾何體相關數據所需的開銷 可以自定義頂點位置, 面片索 ...