【three.js學習筆記】網孔（Mesh）

zhangke3016 發布于2019-08-22 16:21 / 1077人閱讀

摘要：缺省是一個啟用線框模式和隨機顏色的基礎網孔材料。一個權重值數組，取值從到，指定變形程度。指定該索引處的為基礎變形。更新使其不對對象產生影響。得到光線投射和網孔之間的交叉點。返回這個網孔對象及其子對象的克隆。

MESH

網孔對象的基類
MESH就是一系列的多邊形組成的，三角形或者四邊形，網格一般由頂點來描繪，我們看見的三維開發的模型就是由一系列的點組成的。

var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
var mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );

構造器（Constructor）

Mesh( geometry, material )

geometry:幾何模型(Geometry)

material:材料(Material)

屬性（Properties） geometry

一個幾何模型(Geometry) 實例，用來定義對象的結構。

material

一個材料(Material) 實例，用來定義對象的外觀。缺省是一個啟用線框模式和隨機顏色的基礎網孔材料(MeshBasicMaterial) 。

morphTargetInfluences

一個權重值數組，取值從0到1，指定變形程度。默認為undefined，在調用 updateMorphTargets 方法時，會被重置為一個空數組。

morphTargetDictionary

一種基于morphTarget.name屬性的morphTargets對象詞典。默認為undefined，在調用 updateMorphTargets 方法時，會被重構。

morphTargetBase

指定該索引處的morphTarget為基礎變形。默認為undefined，在調用 updateMorphTargets 方法時，會被重置為 -1。

方法（Methods） getMorphTargetIndexByName ( name )

name — 一個變形標的（morph target）對象的名稱。
返回一個給定名字的變形標的的索引。

updateMorphTargets ()

更新 morphtargets 使其不對對象產生影響。重置 morphTargetForcedOrder, morphTargetInfluences, morphTargetDictionary, 和 morphTargetBase 屬性。

raycast ( raycaster, intersects )

得到光線投射和網孔之間的交叉點。Raycaster.intersectObject 將調用該方法。

clone ()

返回這個網孔對象及其子對象的克隆。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94273.html

three.js入門練習 (1)

摘要：入門本文引用需對三維圖形學有一定的認知，掌握基礎了解物體場景相機渲染器開始常量定義創建場景創建遠景相機創建一個盒子創建材質轉換成網孔對象的基類將物體放入場景內創建渲染器將我們定義的場景和相機渲染出來如上會繪制一個正方體在頁面，我們讓他動起來 threejs入門本文引用https://cdn.bootcss.com/three... 需對三維圖形學有一定的認知，掌握javascr...

Object 2019-08-23 10:39 評論0 收藏0
WebGL three.js學習筆記自定義頂點建立幾何體

摘要：自定義頂點建立幾何體與克隆本身已經有很多的網格模型，基本已經夠我們的使用，但是如果我們還是想自己根據頂點坐標來建立幾何模型的話，也是可以的。并且不僅要更新頂點，還要更新線條的連接方式，否則是沒有效果的。自定義頂點建立幾何體與克隆 Three.js本身已經有很多的網格模型，基本已經夠我們的使用，但是如果我們還是想自己根據頂點坐標來建立幾何模型的話，Three.js也是可以的。基本效果...

joyvw 2019-08-23 17:06 評論0 收藏0
WebGL three.js學習筆記紋理貼圖模擬太陽系運轉

摘要：紋理貼圖的應用以及實現一個太陽系的自轉公轉點擊查看演示地址中的紋理紋理貼圖是通過將圖像應用到對象的一個或多個面，來為對象添加細節的一種方法。紋理貼圖的應用以及實現一個太陽系的自轉公轉點擊查看demo演示 demo地址：https://nsytsqdtn.github.io/d... three.js中的紋理紋理貼圖是通過將圖像應用到對象的一個或多個面，來為3D對象添加細節的一種...

Pandaaa 2019-08-23 17:06 評論0 收藏0
【three.js學習筆記】幾何體

摘要：構造函數分別是長寬高是對應長寬高的分段，在使用線模式進行渲染的時候，可以看到效果如下。長寬高分別被截為段，段，段。球體構造函數球體半徑水平方向和垂直方向上分段數。最小值為，默認值為。構造函數形狀數組可選的參數對象，可配置參數。 Geometry api Geometry var geometry = new THREE.Geometry(); 立方體（BoxGeometry）老版本...

dendoink 2019-08-22 16:04 評論0 收藏0
【three.js學習筆記】光

摘要：環境光的位置對呈現的效果無任何效果環境光的構造函數只有一個參數進制的顏色值。半球光點光源點光源的光線來自同一點，并向外發射。點光源的構造函數有三個參數，比平行光多了一個距離參數，光會從光源經過的距離一路衰減為。 Lightapi 光源的基類。 Light( color, intensity ) color 光源顏色的RGB數值 intensity 光源強度的數值。看到的顏色使...

YancyYe 2019-08-22 16:21 評論0 收藏0