three.js学习笔记(一)

1、OrthographicCamera 正交投影照相机

/*
* @parma left/right 相对于垂直平面的左/右侧坐标位置
* @parma top/bottom 相对于垂直平面的顶/底部坐标位置
* @parma near/far 相对于深度剪切面的近/远的距离
*/

2、PerspectiveCamera 透视投影照相机

THREE.PerspectiveCamera(fov, aspect, near, far)
/*
* @param fov 视角
* @param aspect 长宽比
* @param near/far 近/远相机的距离
*/

3、CubeGeometry 立方体

THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments)
/*
* @param width/height/depth 长/宽/高
* @param widthSegments/heightSegments/depthSegments 长/宽/高方向上的段数
*/

4、 PlaneGeometry 长方形

THREE.PlaneGeometry(width, height, widthSegments, heightSegments)
/*
* @param width/height 长/宽
* @param widthSegments/heightSegments 长/宽方向上的段数
*/

5、SphereGeometry 球体

THREE.SphereGeometry(radius, segmentsWidth, segmentsHeight, phiStart, phiLength, thetaStart, thetaLength)
/*
* @param radius半径
* @param segmentsWidth/segmentsHeight 经/纬度上的切片数
* @param phiStart/thetaStart  经/纬度开始的弧度
* @param phiLength/thetaLength  经/纬度跨过的弧度

6、CircleGeometry 圆形

THREE.CircleGeometry(radius, segments, thetaStart, thetaLength)
/* 
* @param radius 半径
* @param segments 分段
* @param thetaStart 纬度开始的弧度
* @param thetaLength 纬度的跨度
*/

7、CylinderGeometry圆柱体

THREE.CylinderGeometry(radiusTop, radiusBottom, height, radiusSegments, heightSegments, openEnded)
/*
* @param openEnded 是否没有顶面和底面,默认为false,表示有顶面和底面
*/

8、正四面体、正八面体、正二十面体

// 正四面体
THREE.TetrahedronGeometry(radius, detail)
// 正八面体
THREE.OctahedronGeometry(radius, detail)
// 正二十面体
THREE.IcosahedronGeometry(radius, detail)

9、TorusGeometry圆环面

THREE.TorusGeometry(radius, tube, radialSegments, tubularSegments, arc)
/*
* @param tube 管道半径
* @param tubularSegments 管道段数
*/

10、TorusKnotGeometry圆环节

THREE.TorusKnotGeometry(radius, tube, radialSegments, tubularSegments, p, q, heightScale)
/*
* @param p,q是控制其样式的参数
* @param heightScale 在z轴上的缩放
*/

你可能感兴趣的:(three.js学习笔记(一))