1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<base href="../../../../" />
<script src="list.js"></script>
<script src="page.js"></script>
<link type="text/css" rel="stylesheet" href="page.css" />
</head>
<body>
[page:Curve] →
<h1>三维三次贝塞尔曲线([name])</h1>
<p class="desc">
创建一条平滑的三维
<a href="http://en.wikipedia.org/wiki/B%C3%A9zier_curve#mediaviewer/File:Bezier_curve.svg" target="_blank">三次贝塞尔曲线</a>,
由起点、终点和两个控制点所定义。
</p>
<h2>示例</h2>
<code>
var curve = new THREE.CubicBezierCurve3(
new THREE.Vector3( -10, 0, 0 ),
new THREE.Vector3( -5, 15, 0 ),
new THREE.Vector3( 20, 15, 0 ),
new THREE.Vector3( 10, 0, 0 )
);
var points = curve.getPoints( 50 );
var geometry = new THREE.BufferGeometry().setFromPoints( points );
var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
// Create the final object to add to the scene
var curveObject = new THREE.Line( geometry, material );
</code>
<h2>构造函数</h2>
<h3>[name]( [param:Vector3 v0], [param:Vector3 v1], [param:Vector3 v2], [param:Vector3 v3] )</h3>
<p>
[page:Vector3 v0] – 起点<br/>
[page:Vector3 v1] – 第一个控制点<br/>
[page:Vector3 v2] – 第二个控制点<br/>
[page:Vector3 v3] – 终点
</p>
<h2>属性</h2>
<p>共有属性请参见其基类[page:Curve]。</p>
<h3>[property:Boolean isCubicBezierCurve3]</h3>
<p>
用于检查该类或者其派生类是否为CubicBezierCurves3。默认值为*true*。<br /><br />
你不应当对这一属性进行改变,它在内部使用,以用于优化。
</p>
<h3>[property:Vector3 v0]</h3>
<p>起点</p>
<h3>[property:Vector3 v1]</h3>
<p>第一个控制点</p>
<h3>[property:Vector3 v2]</h3>
<p>第二个控制点</p>
<h3>[property:Vector3 v3]</h3>
<p>终点</p>
<h2>方法</h2>
<p>共有方法请参见其基类[page:Curve]。</p>
<h2>源代码</h2>
<p>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</p>
</body>
</html>
|