原文:Three.js开发指南---创建,加载高级网格和几何体(第八章)

本章的主要内容: 一, 通过Three.js自带的功能来组合和合并已有的几何体,创建出新的几何体 二, 从外部资源中加载网格和几何体 前面的章节中,我们学习到,一个几何体创建的网格,想使用多个材质的方法: 看似一个网格中有一个几何体,多个材质,其实该网格拥有与材质数量相对应的几何体,每个几何体都对应一种材质,形成一个网格,我们得到的是包含多个网格的组 在下面的demo中,我们将创建一个网格组,该组 ...

2017-02-01 12:09 1 7579 推荐指数:

查看详情

Three.js开发指南---使用高级几何体和二元操作(第六

本章的主要内容:   一,高级几何体-凸面ConvexGeometry,扫描LatheGeometry,管状几何体TubeGeometry;   二,使用拉伸几何体ExtrudeGeometry将一个二维图形生成三维图形,并基于从外部引入的SVG图片生成一个三维图 ...

Tue Jan 31 02:00:00 CST 2017 0 6340
Three.js开发指南---学习使用几何体(第五

一 基础几何体   1 二维图形:二维图形都是基于x和y轴构建的,即展示的形式就是他们都是“直立”的,如果希望这些二维图形躺下,则需要将几何体沿着x轴向后旋转1/4圈 mesh.rotation.x=-Math.PI/2;   1.1 PlaneGeometry:平面几何体 ...

Mon Jan 30 07:02:00 CST 2017 0 6358
three.js 几何体-组合网格

(相交) 使用该函数可以在两个几何体的交集上创建新的几何体。两个几何体相互交叠的部分就是新的几何体 ...

Mon Jul 13 16:57:00 CST 2020 0 752
three.js 几何体(二)

上一篇简单的介绍了几何体的构造参数,这一篇郭先生就更加详细的说一说(十分简单的几何体我就不说了)。 1. ShapeGeometry形状几何体 形状几何体方便我们从一个或多个路径形状中创建一个单面多边形几何体,和canvas一样都是二维图形。下面我们只做一颗心形。 下面 ...

Sat Jul 11 18:29:00 CST 2020 0 672
three.js 几何体(三)

LatheGeometry车削几何体 车削几何体创建具有轴对称性的网格,它将一条线绕着Y轴来进行旋转。 ...

Mon Jul 13 04:15:00 CST 2020 4 517
three.js 几何体(一)

我的个人博客3.x已经更新了,初学three.js的小伙伴可以关注一下哦,我将在我的博客记录平时的学习心得,并有很多小案例,这些小案例比较基础,也不会有官网的案例那么难懂,很合适初学者,博客地址郭先生的博客,记得是郭先生的博客哦。 那么本篇郭先生来说一说three.js几何体都有哪些?在线案例 ...

Sat Jul 11 00:15:00 CST 2020 0 916
初探three.js几何体

今天说说three.js几何体,常见的几何体今天就不说了,今天说一说如何画直线,圆弧线,以及高级几何体。 1. 画一条直线 画直线我们使用THREE.Geometry()对象。 这样就在空间画出了一条折线。 2.画一条圆弧线 画圆弧线我们借助THREE ...

Thu Dec 19 07:32:00 CST 2019 1 1061
three.js提供的几何体

1.简单几何体 three.js提供的稍微简单点的几何体包括有:PlaneGeometry(平面)、CircleGeometry(圆形)、ShapeGeometry(塑性)、CubeGeometry(立方)、CylinderGeometry(圆柱)、TorusGeometry(圆环 ...

Sat Apr 22 10:00:00 CST 2017 0 4154
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM