|
|
@@ -19,7 +19,7 @@ TOC: Custom Geometry
|
|
|
|
|
|
`BufferGeometry`, возможно, сложнее в использовании, но использует меньше памяти и работает быстрее. Если вы хотите сгенерировать более 10000 треугольников, подумайте об использовании `BufferGeometry`.
|
|
|
|
|
|
-Заметьте, когда я говорю, что `Geometry` медленнее, я имею в виду, что она медленнее запускается и медленнее изменяется, но рисовать она не медленнее, поэтому, если вы не планируете изменять свою геометрию, тогда, пока она не слишком велика, будет только немного больше. задержка для вашей программы, чтобы начать использовать `Geometry` против `BufferGeometry`. Мы изучим оба способа. Пока что давайте использовать геометрию, так как легче понять IMO.
|
|
|
+Заметьте, когда я говорю, что `Geometry` медленнее, я имею в виду, что она медленнее запускается и медленнее изменяется, но отрисовывается она не медленнее, поэтому, если вы не планируете изменять свою геометрию, тогда, пока она не слишком велика, будет только немного больше. задержка для вашей программы, чтобы начать использовать `Geometry` против `BufferGeometry`. Мы изучим оба способа. Пока что давайте использовать геометрию, так как легче понять IMO.
|
|
|
|
|
|
Сначала давайте сделаем куб с `Geometry`. Начнем с примера из [статьи об отзывчивости](threejs-responsive.html).
|
|
|
|
|
|
@@ -141,7 +141,7 @@ geometry.faces[ 8].color = geometry.faces[ 9].color = new THREE.Color('blue');
|
|
|
geometry.faces[10].color = geometry.faces[11].color = new THREE.Color('magenta');
|
|
|
```
|
|
|
|
|
|
-обратите внимание, что мы должны рассказать материал, который мы хотим использовать `FaceColors`
|
|
|
+обратите внимание, что мы должны указать материал, который мы хотим использовать `FaceColors`
|
|
|
|
|
|
```js
|
|
|
-const material = new THREE.MeshBasicMaterial({color});
|
|
|
@@ -384,7 +384,7 @@ for (let z = 0; z < cellsDeep; ++z) {
|
|
|
Несколько небольших изменений, чтобы было удобнее просматривать.
|
|
|
включим `OrbitControls`
|
|
|
|
|
|
-* include the `OrbitControls`
|
|
|
+* добавим `OrbitControls`
|
|
|
|
|
|
```js
|
|
|
import * as THREE from './resources/three/r115/build/three.module.js';
|
|
|
@@ -422,7 +422,7 @@ const camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
|
|
|
+addLight(1, 2, -2);
|
|
|
```
|
|
|
|
|
|
-и мы удалили код, связанный с вращением кубов.
|
|
|
+и мы удалим код, связанный с вращением кубов.
|
|
|
{{{example url="../threejs-custom-geometry-heightmap.html" }}}
|
|
|
|
|
|
Я надеюсь, что это была полезная инструкция для создания вашей собственной геометрии с использованием `Geometry`.
|
vanzo16