Рекомендуется: добавьте редактор сцен NSDT в свою 3D-инструментарию.
Другая серия инструментов: цифровой двойник NSDT Jianshi
Введение в общую геометрию Threejs
Three.js предоставляет множество API-интерфейсов геометрии. В этом уроке я представлю несколько относительно простых случаев, чтобы заложить основу для дальнейшего изучения.
Вы можете комбинировать документацию threejs, чтобы протестировать все приведенные ниже коды, связанные с геометрией, и предварительно просмотреть 3D-эффект.
//BoxGeometry:长方体
const geometry = new THREE.BoxGeometry(100, 100, 100);
// SphereGeometry:球体
const geometry = new THREE.SphereGeometry(50);
// CylinderGeometry:圆柱
const geometry = new THREE.CylinderGeometry(50,50,100);
// PlaneGeometry:矩形平面
const geometry = new THREE.PlaneGeometry(100,50);
// CircleGeometry:圆形平面
const geometry = new THREE.CircleGeometry(50);
Виден с обеих сторон
Материал Three.js по умолчанию виден с лицевой стороны и невидим с обратной стороны.Для прямоугольных плоскостей PlaneGeometry
и круговых плоскостей, если вы хотите видеть обе стороны, вы можете установить его side: THREE.DoubleSide
.
new THREE.MeshBasicMaterial({
side: THREE.FrontSide, //默认只有正面可见
});
new THREE.MeshBasicMaterial({
side: THREE.DoubleSide, //两面可见
});
Студия обучения 3D-моделированию
Предыдущая: Учебное пособие по Three.js: опыт адаптации куба массива и камеры (mvrlink.com)
Далее: Учебник Three.js: Highlight Mesh Material Phong (mvrlink.com)