Three.js基本 Demo
對於新手來說，幾個簡單的例子非常實用，偶然發現幾個不錯的Demo，分享給大家！ Three.js基本 Demo 1.最基本的Hello World：http://stemkoski.github.io/Three.js/HelloWorld.html 2.在網頁上調用攝像頭：http ...
原文：Three.js Demo源碼分析-1.MorphTargets與BufferGeometry
Three.js主頁上有很多絢麗的Demo，是學習的極佳素材。我正利用閑暇時間學習這些Demo，並將心得體會記錄下來。 老調重彈 先睹為快 空間中旋轉的立方體板條箱，恐怕是主頁上最簡單的一個例子了。在WebGL原生API教程中就有這個例子，用Three.js實現起來更加方便了。但是，作為開始的開始，還是再重彈一遍老調吧。 較簡單的例子多采用這種一目了然的結構： 在init 中初始化相機，場景，渲染 ...
2013-02-22 10:51 0 6243 推薦指數：
相關推薦
three.js中合並多個BufferGeometry類型的模型
在three.js中，合並模型可以通過它的擴展庫ThreeBsp.js來辦到。不過當模型稍微較復雜時，操作時間會延長，且瀏覽器容易崩潰。其實three.js自己也提供了這個功能，那就是通過THREE.GeometryUtils.merge來實現。 具體實現： 假如要合並模型A、B、C ...
Three.js源碼閱讀筆記-1
Three.js是一個比較偉大的webgl開源庫，它簡化了瀏覽器3D編程，使得使用JavaScript在瀏覽器中創建復雜的場景變得容易很多。Github上眾多webgl demo令我興奮不已，躍躍欲試。由於這個庫還處在開發階段，因此資料非常匱乏，愛好者大部分時間不得不通過閱讀該庫的源碼進行學習 ...
Three.js源碼閱讀筆記-2
這是Three.js源碼閱讀筆記的第二篇，直接開始。 Core::Object3D Object3D似乎是Three.js框架中最重要的類，相當一部分其他的類都是繼承自Object3D類，比如場景類、幾何形體類、相機類、光照類等等：他們都是3D空間中的對象，所以稱為Object3D類 ...
Three.js源碼閱讀筆記-3
這是Three.js源碼閱讀筆記第三篇。之前兩篇主要是關於核心對象的，這些核心對象主要圍繞着矢量vector3對象和矩陣matrix4對象展開的，關注的是空間中的單個頂點的位置和變化。這一篇將主要討論Three.js中的物體是如何組織的：即如何將頂點、表面、材質組合成為一個具體的對象 ...
three.js各種材質的實現源碼
three.js常用材質：基本材質、蘭伯特材質、馮氏材質、標准材質。 我們可以自己使用着色器實現這些材質，用於批量渲染等用途。 為了簡單，假設物體只有一張漫反射貼圖，場景中只存在一個環境光和一個平行光。 一、基本材質（MeshBasicMaterial） 基本材質不對光源產生反應 ...
Three.js源碼閱讀筆記-5
Core::Ray 該類用來表示空間中的“射線”，主要用來進行碰撞檢測。 Ray類的構造函數頗為簡單，只有兩個參數origin和direction，顧名思義，也就是端點和方向。 R ...
WebGL與three.js
前面學習了一些webgl的基礎知識，現在就用一下three.js寫一個小例子，記錄一下學習的過程。 效果圖： 1.去github下載three.js，然后將它加載到網頁中 <script src="js/three.js"></script> ...