threejs 二维轮廓线

最新推荐文章于 2024-08-14 14:05:02 发布

tang05709

最新推荐文章于 2024-08-14 14:05:02 发布

阅读量4.4k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/tang05709/article/details/86580434

版权

参考： http://www.yanhuangxueyuan.com/Three.js_course/geometry.html

      //创建场景对象
      var scene = new THREE.Scene();
      // 圆弧，点模式渲染
      var pointShape = new THREE.Shape();
      pointShape.absarc(0, 0, 100, 0, 0.5 * Math.PI);
      var pointGeometry = new THREE.ShapeGeometry(pointShape);
      var pointMaterial = new THREE.PointsMaterial({
        color:0x0000ff,
        size:10.0//点对象像素尺寸
      });
      var pointLine = new THREE.Points(pointGeometry, pointMaterial);
      scene.add(pointLine);

      // 圆弧， 线模式渲染
      var lineShape = new THREE.Shape();
      lineShape.absarc(0, 0, 100, 0, 0.5 * Math.PI);
      var lineGeometry = new THREE.ShapeGeometry(lineShape);
      var lineMaterial = new THREE.LineBasicMaterial({color: "#ff00ff"});
      var lineLine = new T