Three.js - CircleGeometry 圆形平面

最新推荐文章于 2024-07-10 17:31:08 发布

「已注销」

最新推荐文章于 2024-07-10 17:31:08 发布

阅读量8.8k

点赞数 2

分类专栏： threejs

本文链接：https://blog.csdn.net/ithanmang/article/details/81509947

版权

本文介绍了Three.js库中用于创建圆形平面的CircleGeometry。圆几何体由三角形部分组成，可设置半径、面数量、起始角和圆周角度。通过调整参数，还能实现多边形效果。附带了示例代码链接。

摘要由CSDN通过智能技术生成

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() {

最低0.47元/天解锁文章

「已注销」

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Three.js - CircleGeometry 圆形平面

CircleGeometry圆几何体是欧几里得几何的一个简单形状。它是由一些三角形部分组成的，它们以中心点为中心，并延伸到一个给定的半径。它是逆时针的，从一个开始的角度和一个给定的中心角度。它还可以用来创建常规的多边形（五角星等），其中的段数决定了边的数量。示例：CircleGeometry.html构造函数CircleGeometry(radius : Float, segme...
复制链接

扫一扫

专栏目录