|
|
@@ -51,7 +51,7 @@ const geometry = new THREE.Geometry();
|
|
|
Затем нам нужно сделать треугольники, по 2 на каждую грань куба
|
|
|
<div class="threejs_center"><img src="resources/cube-triangles.svg" style="width: 500px"></div>
|
|
|
|
|
|
-Мы делаем это, создавая объекты Face3 и определяя индексы 3 вершин, которые составляют это лицо.
|
|
|
+Мы делаем это, создавая объекты Face3 и определяя индексы 3 вершин, которые составляют эту грань.
|
|
|
|
|
|
Порядок, в котором мы указываем вершины, важен. Чтобы указывать на внешнюю сторону куба, они должны быть указаны в направлении против часовой стрелки, когда этот треугольник направлен на камеру.
|
|
|
|
|
|
@@ -125,7 +125,7 @@ function makeInstance(geometry, color, x) {
|
|
|
и мы получаем кубики, которые мы сделали сами.
|
|
|
{{{example url="../threejs-custom-geometry-cube.html" }}}
|
|
|
|
|
|
-Мы можем указать цвет для каждого лица, установив свойство color каждой стороны.
|
|
|
+Мы можем указать цвет для каждой грани, установив свойство color каждой стороны.
|
|
|
|
|
|
```js
|
|
|
geometry.faces[ 0].color = geometry.faces[ 1].color = new THREE.Color('red');
|
|
|
@@ -165,7 +165,8 @@ geometry.faces.forEach((face, ndx) => {
|
|
|
|
|
|
{{{example url="../threejs-custom-geometry-cube-vertex-colors.html" }}}
|
|
|
|
|
|
-Чтобы использовать освещение, нам нужны нормали. Нормали - это векторы, которые определяют направление. Так же, как цвета, мы можем указать нормаль для лица, установив свойство normal для каждой стороны с помощью
|
|
|
+Чтобы использовать освещение, нам нужны нормали. Нормали - это векторы, которые определяют направление. Так же, как цвета, мы можем указать нормаль для грани, установив свойство normal для каждой стороны с помощью
|
|
|
+
|
|
|
|
|
|
|
|
|
```js
|
|
|
@@ -184,7 +185,7 @@ face.vertexNormals = [
|
|
|
|
|
|
но часто гораздо проще просто попросить THREE.js вычислить для нас нормали на основе указанных позиций.
|
|
|
|
|
|
-Для нормалей лица мы бы назвали Geometry.computeFaceNormals как в
|
|
|
+Для нормалей грани мы бы назвали Geometry.computeFaceNormals как в
|
|
|
|
|
|
```js
|
|
|
geometry.computeFaceNormals();
|
vanzo16