three.js 绘制圆弧(圆)

先看效果:three.js 绘制圆弧(圆)_第1张图片

该效果是通过 ArcCurve渲染圆或者圆弧,参数:ArcCurve( x, y, r, srange, erange );

x,y 圆弧坐标原点, r:圆弧半径 ; srange, erange:圆弧起始角度;

// 一些教程中介绍说 ArcCurve是 EllipseCurve 的别名,查看参数,发现两者类似

//和椭圆曲线 EllipseCurve( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise, aRotation ) 类似
// aX – 椭圆的中心的X坐标,默认值为0。
// aY – 椭圆的中心的Y坐标,默认值为0。
// xRadius – X轴向上椭圆的半径,默认值为1。
// yRadius – Y轴向上椭圆的半径,默认值为1。
// aStartAngle – 以弧度来表示,从正X轴算起曲线开始的角度,默认值为0。
// aEndAngle – 以弧度来表示,从正X轴算起曲线终止的角度,默认值为2 x Math.PI。
// aClockwise – 椭圆是否按照顺时针方向来绘制,默认值为false。
// aRotation – 以弧度表示,椭圆从X轴正方向逆时针的旋转角度(可选),默认值为0。

代码如下:




  
  
  
  绘制圆弧(圆)
  
  


  

 

你可能感兴趣的:(three.js,javascript,开发语言,ecmascript)