我的three.js學習記錄（一）
在之前因為項目需要使用WebGL技術做網頁應用，但是苦於自己沒有接觸，只是使用過OpenGL。然后接觸到了thre.js這個第三方庫之后我突然心情很愉快，這將節省我很多時間。 過了這個項目之后，就再也沒有看過它了，最近翻開我的個人記錄發現了在角落邊緣堆塵的three.js決定再看一下，然后記 ...
原文：Three.js 學習之路（二）
常用輔助對象的使用 對於剛開始學習的開發者來說，有輔助工具協助能更快掌握Three.js三維空間。 .ArrowHelper：箭頭輔助工具 可以通過設置一個世界方向，起點，長度，顏色在scene中添加一個輔助箭頭幫助我們辨認網頁中的方向。下面示例添加一個世界原點朝向正上方的一個 單位長度的紅色箭頭： var arrowHelper new THREE.ArrowHelper new THREE.V ...
2017-10-26 14:08 0 1915 推薦指數：
相關推薦
我的three.js學習記錄（二）
通過上一篇文章我的three.js學習記錄（一）基本上是入門了three.js，但是這不夠3D，這次我希望能把之前做的demo弄出來，然后通過例子來分析操作步驟。 1. 示例 上圖是之前做的一個demo，有點丑，希望不要介意。 這個主要是外面一層包裹着天空盒， 然后里面是一個由開頂的立方體 ...
three.js學習4_光源相關
Three.Light 目錄 Three.Light 燈光 1. Light 2. AmbientLight 3. DirectionalLight 4. HemisphereLight ...
WEBGL學習筆記（四）：three.js的結構
游戲已經做好，但是博客園不能支持哈，我在我的獨立博客里面加入了這個游戲。 加載時候會黑屏，等待數秒即可，點擊這里體驗試玩：FlappyBird3d游戲試玩 我們知道three.js有幾大件，掌握好這幾個類，那么就算入門了！ 場景scene，攝像機 ...
Three.js學習1_快速入門
快速上手, 搭建第一個3D場景 最重要的一步, 先下載three.js, 引入網頁中 <script src="./three.js"></script> 效果圖: 1. 五大因素 搭建一個場景必須要的五大因素, 場景, 相機, 光源, 物體 ...
three.js學習3_相機相關
Three.Camera Camera是所有相機的抽象基類, 在構建新攝像機時，應始終繼承此類. 常見的相機有兩種類型: PerspectiveCamera（透視攝像機）或者 OrthographicCamera（正交攝像機）。 Camera子類型有ArrayCamera ...
three.js 材質
今天郭先生說一說three.js的材質。材質描述了對象objects的外觀。它們的定義方式與渲染器無關， 因此，如果您決定使用不同的渲染器，不必重寫材質。 1. three.js材質基類 所有其他材質類型都繼承了Material。 下面是一些屬性： .alphaTest : Float設置 ...
three.js 曲線
上幾篇說了three.js的曲線，這篇來郭先生來說說three.js曲線，在線案例點擊郭先生的博客查看。 1. 了解three.js曲線 之前已經說了一些three.js的幾何體，這篇說一說three.js曲線。曲線的種類主要分兩種，二維曲線和三維曲線。下面整理了這些曲線 ...