Three.js基礎探尋一
1.webGL 一種網絡標准，定義了一些較底層的圖形接口。 2.Three.js 一個3Djs庫，webGL開源框架中比較優秀的一個。除了webGL以外，Three.js還提供了基於Canvas、SVG標簽的渲染器。 這是一個開源項目。 3.環境 找一個喜歡的jsIDE ...
原文：Three.js基礎探尋九——網格
在學習了幾何形狀和材質之后，我們就能使用他們來創建物體了。最常用的一種物體就是網格 Mesh ，網格是由頂點 邊 面等組成的物體 其他物體包括線段 Line 骨骼 Bone 粒子系統 ParticleSystem 等。創建物體需要指定幾何形狀和材質，其中，幾何形狀決定了物體的頂點位置等信息，材質決定了物體的顏色 紋理等信息。 本篇將介紹創建較為常用的物體：網格，然后介紹如何修改物體的屬性。 .創 ...
2016-08-10 08:32 0 2388 推薦指數：
相關推薦
Three.js基礎探尋十——動畫
本篇將介紹如果使用Three.js進行動態畫面的渲染。此外，將會介紹一個Three.js作者寫的另外一個庫stat.js，用來觀測每秒幀數（FPS）。 1.實現動畫效果 1.1 動畫原理 對於Three.js程序而言，動畫的實現是通過在每秒中多次重繪畫面實現 ...
Three.js基礎探尋七——Lamber材質與Phong材質
材質（Material）是獨立於物體頂點信息之外的與渲染效果相關的屬性。通過設置材質可以改變物體的顏色、紋理貼圖、光照模式等。 本篇將介紹基本材質以及兩種基於光照模型的材質（Lamber與 ...
Three.js基礎探尋四——立方體、平面與球體
前面簡單介紹了webGL和Three.js的背景以及照相機的設定，接下來介紹一些Three.js中的幾何形狀。 1.立方體 雖然這一形狀的名字叫立方體（CubeGeometry），但它其實是長方體，也就是長寬高可以設置為不同的值。其構造函數是： width ...
Three.js基礎探尋八——法向材質與材質的紋理貼圖
4.法向材質 法向材質可以將材質的顏色設置為其法向量的方向，有時候對於調試很有幫助。 法向材質的設定很簡單，甚至不用設置任何參數： 材質的顏色與照相機與該物體的角度相關 ...
Three.js基礎探尋四——立方體、平面與球體
前面簡單介紹了webGL和Three.js的背景以及照相機的設定，接下來介紹一些Three.js中的幾何形狀。 1.立方體 雖然這一形狀的名字叫立方體（CubeGeometry），但它其實是長方體，也就是長寬高可以設置為不同的值。其構造函數是： width：x ...
Three.js基礎探尋三——透視投影照相機
本篇主要介紹Three.js照相機中的透視投影照相機。 上一篇：正交投影照相機 5.透視投影照相機構造函數 透視投影照相機（Perspective Camera）的構造函數是： - fov 可視角度 - aspect 實際窗口的縱橫 ...
Three.js基礎探尋二——正交投影照相機
本篇主要介紹照相機中的正交投影照相機。 第一篇傳送門：Three.js基礎探尋一 1.照相機 圖形學中的照相機定義了三維空間到二維屏幕的投影方式。 針對投影方式照相機分為正交投影照相機和透視投影照相機。 2.兩種相機的區別與適用范圍 正交投影 ...