CircleGeometry
圆几何体 是欧几里得几何的一个简单形状。它是由一些三角形部分组成的,它们以中心点为中心,并延伸到一个给定的半径。它是逆时针的,从一个开始的角度和一个给定的中心角度。它还可以用来创建常规的多边形(五角星等),其中的段数决定了边的数量。
示例:https://ithanmang.gitee.io/threejs/home/201808/20180808/03-CircleGeometry.html
构造函数
CircleGeometry(radius : Float, segments : Integer, thetaStart : Float, thetaLength : Float)
参数
**radius **:圆的半径,默认为1
**segments **:创建圆所用面的数量,最少是三个,默认是8个
thetaStart :起始角,开始绘制圆的起始角,默认为0,也就是x轴正方向
**thetaLength **:圆周角度,定义圆画多大,默认为2 * Math.PI
也就是360°
一圈,取值单位0
- 2PI
示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CircleGeometry 二维圆</title>
<style>
body {
margin: 0;
overflow: hidden; /*溢出隐藏*/
}
</style>
<script src="../../libs/build/three-r93.min.js"></script>
<script src="../../libs/examples/js/controls/OrbitControls.js"></script>
<script src="../../libs/examples/js/libs/dat.gui.min.js"></script>
<script src="../../libs/examples/js/libs/stats.min.js"></script>
<script src="../../libs/examples/js/Detector.js"></script>
<script src="../../libs/examples/js/utils/SceneUtils.js"></script>
</head>
<body>
<script>
let stats = initStats();
let scene, camera, renderer, circle, controls, guiControls;
/* 场景 */
function initScene() {
scene = new THREE.Scene();
}
/* 相机 */
function initCamera() {