原创 three.js 04-10 之 LineDashedMaterial 材質
本篇介紹的 LineDashedMaterial 材質跟上一篇 LineBasicMaterial 材質基本一樣，只不過 LineDashedMaterial 材質的線型是虛線而已。除了跟 LineBasicMaterial 擁有
2020-06-24 12:19:59
6
原创 three.js 05-08 之 TorusKnotGeometry 幾何體
本篇將要介紹 TorusKnotGeometry 幾何體。翻譯成中文叫環面扭結。這是一種比較特別的扭結，樣子就像是一根管子繞着它自己轉了幾圈。我們還是先來看看它的幾個常用的屬性吧，如下表所示： 屬性 描述 radius 可選。此屬
2020-06-24 12:19:59
1
原创 three.js 04-04 之 MeshNormalMaterial 材質
本篇將要介紹的這個 MeshNormalMaterial 網格法向量材質，是一種比較特殊的材質。它使得物體的每一個面的顏色都從該面向外指的法向量計算得到的。所謂法向量是指與面垂直的向量。法向量在 three.js 庫中有着廣泛的應
2020-06-24 12:19:59
16
原创 three.js 05-04 之 BoxGeometry 幾何體
前面幾篇介紹的都是基於二維的平面幾何體。今天開始介紹基於三維的幾何體，譬如像 BoxGeometry 方塊。這是一種非常簡單的三維幾何體，你只要指定寬度、高度及深度就可以創建出一個方塊。下面給出了常用的幾個屬性： 屬性 描述 w
2020-06-24 12:19:59
原创 three.js 05-03 之 ShapeGeometry 幾何體
本篇我們來介紹 ShapeGeometry 幾何體。通過前兩篇的介紹，我們會發現 PlaneGeometry 和 CircleGeometry 都只有有限的方法來定製他們的外觀。如果我們想創建一個自定義的二維圖形，那麼就只能依靠今
2020-06-24 12:19:59
1
原创 three.js 05-05 之 SphereGeometry 幾何體
本篇將要介紹的 SphereGeometry 球體是 three.js 中較簡單的另一種幾何體。先看看球體常用的幾個屬性，如下表所示： 屬性 描述 radius 可選。此屬性定義球體的半徑。 widthSegments 可選。此
2020-06-24 12:19:49
原创 three.js 04-09 之 LineBasicMaterial 材質
關於 three.js 中的材質部分介紹就快講完了。接下來要介紹關於線段幾何的兩種材質：LineBasicMaterial 和 LineDashedMatertial。如下所示： LineBasicMaterial：通過線段基礎
2020-02-23 19:47:33
2
原创 three.js 04-02 之 MeshDepthMaterial 材質
首先要向大家說聲抱歉！自上篇我們介紹了 MeshBasicMaterial 材質，到本篇將要介紹的 MeshDepthMaterial 已經過去一週有餘了。本來計劃是想堅持每週一到兩篇的，但是有時候確實身不由己，公司的項目有時候需
2020-02-23 19:47:33
1
原创 three.js 05-02 之 CircleGeometry 幾何體
本篇我們來介紹 CircleGeometry 幾何體，其常用屬性如下表所示： 屬性 描述 radius （半徑） 必選。此屬性指定圓的半徑 segments （分段） 可選。此屬性定義創建圓所用的面數量。最少3個，默認爲8個。值
2020-02-23 19:47:33
原创 three.js 05-06 之 CylinderGeometry 幾何體
今天將要介紹的是 CylinderGeometry 幾何體。這也是一種非常簡單的三維幾何體，你甚至不需要指定任何參數就能創建出一個圓柱體。下面給出了常用的幾個屬性： 屬性 描述 radiusTop 可選。此屬性定義圓柱體頂部圓半
2020-02-23 19:47:33
原创 three.js 06-01 之 ConvexGeometry 高級幾何體
目前爲止，three.js 庫中提供的所有的基本幾何體部分都已經介紹完了。今天開始我們要介紹 three.js 中提供的一些相對高級且特別的幾何體對象，譬如 ConvexGeometry（凸面體）、LathGeometry（掃描體
2020-02-23 19:47:33
6
原创 three.js 04-07 之 MeshPhongMaterial 材質
上篇我們已經介紹了 three.js 中高級材質中的 MeshLambertMaterial 材質。本篇將要介紹的是另一種與之對應的高級材質 MeshPhongMaterial 材質。通過它可以創建一種光亮表面的材質效果。這種材質
2020-02-23 19:47:33
原创 three.js 05-07 之 TorusGeometry 幾何體
今天將要介紹的是 TorusGeometry 幾何體。這也是一種非常簡單的三維幾何體，你甚至不需要指定任何參數就能創建出一個圓環（像甜甜圈）。下面給出了常用的幾個屬性： 屬性 描述 radius 可選。此屬性定義圓環的半徑尺寸。
2020-02-23 19:47:32
1
原创 three.js 04-06 之 MeshLambertMaterial 材質
關於 three.js 庫中的基礎材質類型基本上就已經介紹完了。本篇開始介紹 three.js 庫中提供的高級材質。例如比較常用的 MeshPhongMaterial 和 MeshLambertMaterial 兩種材質。以及另一
2020-02-23 19:47:32
原创 three.js 05-01 之 PlaneGeometry 幾何體
three.js 庫中的材質就已經基本上介紹完了。本篇開始我們將逐個深入 three.js 中各種幾何體的細節。在 three.js 中，常用的幾何體包括： 二維幾何體： PlaneGeometry 平面CircleGeomet
2020-02-23 19:47:32