three.js筆記
...
原文：Three.js學習筆記 – “我和小伙伴都驚呆了”的特效和Three.js初探
什么是Three.js three.js是JavaScript編寫的WebGL第三方庫。提供了非常多的 D顯示功能。Three.js 是一款運行在瀏覽器中的 D 引擎，你可以用它創建各種三維場景，包括了攝影機 光影 材質等各種對象。你可以在它的主頁上看到許多精采的演示。不過，這款引擎目前還處在比較不成熟的開發階段，其不夠豐富的 API 以及匱乏的文檔增加了初學者的學習難度 尤其是文檔的匱乏 th ...
2013-07-10 09:49 1 66233 推薦指數：
相關推薦
初探three.js光源
上一節我們簡單的說了一下THREE中必要的元素。今天我們深入探討一下各種THREE的光源。 一 基礎光源 基礎光源有4種1.THREE.AmbientLight（環境光源）2.THREE.PointLight（點光源）3.THREE.SpotLight（聚光燈 ...
WEBGL學習筆記（四）：three.js的結構
游戲已經做好，但是博客園不能支持哈，我在我的獨立博客里面加入了這個游戲。 加載時候會黑屏，等待數秒即可，點擊這里體驗試玩：FlappyBird3d游戲試玩 我們知道three.js有幾大件，掌握好這幾個類，那么就算入門了！ 場景scene，攝像機 ...
Three.js 學習之路（二）
常用輔助對象的使用 對於剛開始學習的開發者來說，有輔助工具協助能更快掌握Three.js三維空間。 1.ArrowHelper：箭頭輔助工具 可以通過設置一個世界方向，起點，長度，顏色在scene中添加一個輔助箭頭幫助我們辨認網頁中的方向。下面示例添加一個世界原點朝向正上方的一個4單位 ...
我的three.js學習記錄（一）
在之前因為項目需要使用WebGL技術做網頁應用，但是苦於自己沒有接觸，只是使用過OpenGL。然后接觸到了thre.js這個第三方庫之后我突然心情很愉快，這將節省我很多時間。 過了這個項目之后，就再也沒有看過它了，最近翻開我的個人記錄發現了在角落邊緣堆塵的three.js決定再看一下，然后記 ...
我的three.js學習記錄（二）
通過上一篇文章我的three.js學習記錄（一）基本上是入門了three.js，但是這不夠3D，這次我希望能把之前做的demo弄出來，然后通過例子來分析操作步驟。 1. 示例 上圖是之前做的一個demo，有點丑，希望不要介意。 這個主要是外面一層包裹着天空盒， 然后里面是一個由開頂的立方體 ...
three.js 之初探骨骼動畫
今后的幾篇郭先生主要說說three.js骨骼動畫。three.js骨骼動畫十分有意思，但是對於初學者來說，學起來要稍微困難一些，官方文檔比較少，網上除了用圓柱體的例子就是引用外部模型的，想要熟練使用骨骼動畫就需要不斷地探索和練習。這篇是初探three.js骨骼動畫，也不深入講解，先說說它的實現 ...
初探three.js幾何體
今天說說three.js的幾何體，常見的幾何體今天就不說了，今天說一說如何畫直線，圓弧線，以及高級幾何體。 1. 畫一條直線 畫直線我們使用THREE.Geometry()對象。 這樣就在空間畫出了一條折線。 2.畫一條圓弧線 畫圓弧線我們借助THREE ...