提交 0d33d726 编写于 作者: S sweerwen

translate helper folder

上级 bf10f071
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -12,10 +12,10 @@ ...@@ -12,10 +12,10 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc">An 3D arrow object for visualizing directions.</p> <p class="desc">用于模拟方向的3维箭头对象.</p>
<h2>Example</h2> <h2>例子</h2>
<div>[example:webgl_geometries WebGL / geometries]</div> <div>[example:webgl_geometries WebGL / geometries]</div>
<div>[example:webgl_geometry_normals WebGL / geometry / normals]</div> <div>[example:webgl_geometry_normals WebGL / geometry / normals]</div>
...@@ -37,61 +37,61 @@ ...@@ -37,61 +37,61 @@
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]([param:Vector3 dir], [param:Vector3 origin], [param:Number length], [param:Number hex], [param:Number headLength], [param:Number headWidth] )</h3> <h3>[name]([param:Vector3 dir], [param:Vector3 origin], [param:Number length], [param:Number hex], [param:Number headLength], [param:Number headWidth] )</h3>
<p> <p>
[page:Vector3 dir] -- direction from origin. Must be a unit vector. <br /> [page:Vector3 dir] -- 基于箭头原点的方向. 必须为单位向量. <br />
[page:Vector3 origin] -- Point at which the arrow starts.<br /> [page:Vector3 origin] -- 箭头的原点.<br />
[page:Number length] -- length of the arrow. Default is *1*.<br /> [page:Number length] -- 箭头的长度. 默认为 *1*.<br />
[page:Number hex] -- hexadecimal value to define color. Default is 0xffff00.<br /> [page:Number hex] -- 定义的16进制颜色值. 默认为 0xffff00.<br />
[page:Number headLength] -- The length of the head of the arrow. Default is 0.2 * length.<br /> [page:Number headLength] -- 箭头头部(锥体)的长度. 默认为箭头长度的0.2倍(0.2 * length).<br />
[page:Number headWidth] -- The length of the width of the arrow. Default is 0.2 * headLength. [page:Number headWidth] -- 箭头的宽度. 默认为箭头头部(锥体)长度的0.2倍(0.2 * headLength).
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:Object3D] class for common properties.</p> <p>请到基类 [page:Object3D] 页面查看公共属性.</p>
<h3>[property:Line line]</h3> <h3>[property:Line line]</h3>
<p>Contains the line part of the arrowHelper.</p> <p>包含箭头辅助对象的线段部分.</p>
<h3>[property:Mesh cone]</h3> <h3>[property:Mesh cone]</h3>
<p>Contains the cone part of the arrowHelper.</p> <p>包含箭头辅助对象的锥体部分.</p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:Object3D] class for common methods.</p> <p>请到基类 [page:Object3D] 页面查看公共方法.</p>
<h3>[method:null setColor]([param:Number hex])</h3> <h3>[method:null setColor]([param:Number hex])</h3>
<p> <p>
hex -- The hexadecimal value of the color.<br /><br /> hex -- 16进制颜色值.<br /><br />
Sets the color of the arrowHelper. 设置箭头辅助对象的颜色.
</p> </p>
<h3>[method:null setLength]([param:Number length], [param:Number headLength], [param:Number headWidth])</h3> <h3>[method:null setLength]([param:Number length], [param:Number headLength], [param:Number headWidth])</h3>
<p> <p>
length -- The desired length.<br /> length -- 要设置的长度.<br />
headLength -- The length of the head of the arrow.<br /> headLength -- 要设置的箭头头部(锥体)的长度.<br />
headWidth -- The length of the width of the arrow.<br /><br /> headWidth -- 要设置的箭头的宽度.<br /><br />
Sets the length of the arrowhelper. 设置箭头辅助对象的长度.
</p> </p>
<h3>[method:null setDirection]([param:Vector3 dir])</h3> <h3>[method:null setDirection]([param:Vector3 dir])</h3>
<p> <p>
dir -- The desired direction. Must be a unit vector.<br /><br /> dir -- 要设置的方向. 必须为单位向量.<br /><br />
Sets the direction of the arrowhelper. 设置箭头辅助对象的方向.
</p> </p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -12,11 +12,11 @@ ...@@ -12,11 +12,11 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc">An axis object to visualize the 3 axes in a simple way. <br /> <p class="desc">用于简单模拟3个坐标轴的对象. <br />
The X axis is red. The Y axis is green. The Z axis is blue.</p> 红色代表 X 轴. 绿色代表 Y 轴. 蓝色代表 Z 轴.</p>
<h2>Example</h2> <h2>例子</h2>
<div>[example:webgl_geometries WebGL / geometries]</div> <div>[example:webgl_geometries WebGL / geometries]</div>
<div>[example:webgl_geometries2 WebGL / geometries2]</div> <div>[example:webgl_geometries2 WebGL / geometries2]</div>
...@@ -30,21 +30,21 @@ var axesHelper = new THREE.AxesHelper( 5 ); ...@@ -30,21 +30,21 @@ var axesHelper = new THREE.AxesHelper( 5 );
scene.add( axesHelper ); scene.add( axesHelper );
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:Number size] )</h3> <h3>[name]( [param:Number size] )</h3>
<p> <p>
[page:Number size] -- (optional) size of the lines representing the axes. Default is *1*. [page:Number size] -- (可选的) 表示代表轴的线段长度. 默认为 *1*.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:LineSegments] class for common properties.</p> <p>请到基类 [page:LineSegments] 页面查看公共属性.</p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:LineSegments] class for common methods.</p> <p>请到基类 [page:LineSegments] 页面查看公共方法.</p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,11 +13,11 @@ ...@@ -13,11 +13,11 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
Helper object to visualize a [page:Box3]. 模拟3维包围盒 [page:Box3] 的辅助对象.
</p> </p>
<h2>Example</h2> <h2>例子</h2>
<code> <code>
var box = new THREE.Box3(); var box = new THREE.Box3();
...@@ -28,36 +28,36 @@ ...@@ -28,36 +28,36 @@
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:Box3 box], [param:Color color] )</h3> <h3>[name]( [param:Box3 box], [param:Color color] )</h3>
<p> <p>
[page:Box3 box] -- the Box3 to show.<br /> [page:Box3 box] -- 被模拟的3维包围盒.<br />
[page:Color color] -- (optional) the box's color. Default is 0xffff00.<br /><br /> [page:Color color] -- (可选的) 线框盒子的颜色. 默认为 0xffff00.<br /><br />
Creates a new wireframe box that represents the passed Box3. 创建一个新的线框盒子用以表示指定的3维包围盒.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:LineSegments] class for common properties.</p> <p>请到基类 [page:LineSegments] 页面查看公共属性.</p>
<h3>[property:Box3 box]</h3> <h3>[property:Box3 box]</h3>
<p>The Box3 being visualized.</p> <p>被模拟的3维包围盒.</p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:LineSegments] class for common methods.</p> <p>请到基类 [page:LineSegments] 页面查看公共方法.</p>
<h3>[method:void updateMatrixWorld]( [param:Boolean force] )</h3> <h3>[method:void updateMatrixWorld]( [param:Boolean force] )</h3>
<p> <p>
This overrides the method in the base [page:Object3D] class so that it 重写基类 [page:Object3D] 的该方法以便于
also updates the wireframe box to the extent of the [page:Box3Helper.box .box] 同时更新线框辅助对象与 [page:Box3Helper.box .box]
property. 属性保持一致.
</p> </p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,14 +13,14 @@ ...@@ -13,14 +13,14 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
Helper object to show the world-axis-aligned bounding box around an object. 用于展示对象世界轴心对齐的包围盒的辅助对象.
Note that the object must have a [page:Geometry] or [page:BufferGeometry] for this to work, 注意:要想能正常运行,目标对象必须包含 [page:Geometry] 或 [page:BufferGeometry] ,
so it won't work with [page:Sprite Sprites]. 所以当目标对象是精灵 [page:Sprite Sprites] 时将不能正常运行.
</p> </p>
<h2>Example</h2> <h2>例子</h2>
<div>[example:webgl_helpers WebGL / helpers]</div> <div>[example:webgl_helpers WebGL / helpers]</div>
<div>[example:webgl_loader_nrrd WebGL / loader / nrrd]</div> <div>[example:webgl_loader_nrrd WebGL / loader / nrrd]</div>
...@@ -35,39 +35,39 @@ ...@@ -35,39 +35,39 @@
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:Object3D object], [param:Color color] )</h3> <h3>[name]( [param:Object3D object], [param:Color color] )</h3>
<p> <p>
[page:Object3D object] -- (optional) the object3D to show the world-axis-aligned boundingbox.<br /> [page:Object3D object] -- (可选的) 被展示世界轴心对齐的包围盒的对象.<br />
[page:Color color] -- (optional) hexadecimal value that defines the box's color. Default is 0xffff00.<br /><br /> [page:Color color] -- (可选的) 线框盒子的16进制颜色值. 默认为 0xffff00.<br /><br />
Creates a new wireframe box that bounds the passed object. Internally this uses [page:Box3.setFromObject] 创建一个新的线框盒子包围指定的对象. 内部使用 [page:Box3.setFromObject]
to calculate the dimensions. Note that this includes any children. 方法来计算尺寸. 注意:此线框盒子将包围对象的所有子对象.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:LineSegments] class for common properties.</p> <p>请到基类 [page:LineSegments] 页面查看公共属性.</p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:LineSegments] class for common methods.</p> <p>请到基类 [page:LineSegments] 页面查看公共方法.</p>
<h3>[method:null update]()</h3> <h3>[method:null update]()</h3>
<p> <p>
Updates the helper's geometry to match the dimensions 更新辅助对象的几何体,与目标对象尺寸
of the object, including any children. See [page:Box3.setFromObject]. 保持一致, 包围目标对象所有子对象. 请查看 [page:Box3.setFromObject].
</p> </p>
<h3>[method:BoxHelper setFromObject]( [param:Object3D object] )</h3> <h3>[method:BoxHelper setFromObject]( [param:Object3D object] )</h3>
<p> <p>
[page:Object3D object] - [page:Object3D] to create the helper of.<br /><br /> [page:Object3D object] - 用于创建辅助对象的目标 [page:Object3D] 对象.<br /><br />
Updates the wireframe box for the passed object. 更新指定对象的线框盒子.
</p> </p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,11 +13,11 @@ ...@@ -13,11 +13,11 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
This helps with visualizing what a camera contains in its frustum.<br /> 用于模拟相机视锥体的辅助对象.<br />
It visualizes the frustum of a camera using a [page:LineSegments]. 它使用 [page:LineSegments] 来模拟相机视锥体.
</p> </p>
<h2>Example</h2> <h2>例子</h2>
<div>[example:webgl_camera WebGL / camera]</div> <div>[example:webgl_camera WebGL / camera]</div>
<div>[example:webgl_geometry_extrude_splines WebGL / extrude / splines]</div> <div>[example:webgl_geometry_extrude_splines WebGL / extrude / splines]</div>
...@@ -29,50 +29,50 @@ scene.add( helper ); ...@@ -29,50 +29,50 @@ scene.add( helper );
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:Camera camera] )</h3> <h3>[name]( [param:Camera camera] )</h3>
<p> <p>
[page:Camera camera] -- The camera to visualize.<br /><br /> [page:Camera camera] -- 被模拟的相机.<br /><br />
This create a new [Name] for the specified camera. 为指定相机创建一个新的相机辅助对象 [Name] .
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:LineSegments] class for common properties.</p> <p>请到基类 [page:LineSegments] 页面查看公共属性.</p>
<h3>[property:Camera camera]</h3> <h3>[property:Camera camera]</h3>
<p>The camera being visualized.</p> <p>被模拟的相机.</p>
<h3>[property:object pointMap]</h3> <h3>[property:object pointMap]</h3>
<p>This contains the points used to visualize the camera.</p> <p>包含用于模拟相机的点.</p>
<h3>[property:object matrix]</h3> <h3>[property:object matrix]</h3>
<p>Reference to the [page:Object3D.matrixWorld camera.matrixWorld].</p> <p>请参考相机的世界矩阵 [page:Object3D.matrixWorld camera.matrixWorld].</p>
<h3>[property:object matrixAutoUpdate]</h3> <h3>[property:object matrixAutoUpdate]</h3>
<p> <p>
See [page:Object3D.matrixAutoUpdate]. Set to *false* here as the helper is using the 请查看 [page:Object3D.matrixAutoUpdate]. 这里设置为 *false* 表示辅助对象
camera's [page:Object3D.matrixWorld matrixWorld]. 使用相机的 [page:Object3D.matrixWorld matrixWorld].
</p> </p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:LineSegments] class for common methods.</p> <p>请到基类 [page:LineSegments] 页面查看公共方法.</p>
<h3>[method:null update]()</h3> <h3>[method:null update]()</h3>
<p>Updates the helper based on the projectionMatrix of the camera.</p> <p>基于相机的投影矩阵更新辅助对象.</p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,12 +13,12 @@ ...@@ -13,12 +13,12 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
Helper object to assist with visualizing a [page:DirectionalLight]'s effect on the scene. 用于模拟场景中平行光 [page:DirectionalLight] 的辅助对象.
This consists of plane and a line representing the light's position and direction. 其中包含了表示光位置的平面和表示光方向的线段.
</p> </p>
<h2>Example</h2> <h2>例子</h2>
<code> <code>
var light = new THREE.DirectionalLight( 0xFFFFFF ); var light = new THREE.DirectionalLight( 0xFFFFFF );
...@@ -29,56 +29,56 @@ ...@@ -29,56 +29,56 @@
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:DirectionalLight light], [param:Number size], [param:Hex color] )</h3> <h3>[name]( [param:DirectionalLight light], [param:Number size], [param:Hex color] )</h3>
<p> <p>
[page:DirectionalLight light]-- The light to be visualized. <br /><br /> [page:DirectionalLight light]-- 被模拟的光源. <br /><br />
[page:Number size] -- (optional) dimensions of the plane. Default is *1*.<br /><br /> [page:Number size] -- (可选的) 平面的尺寸. 默认为 *1*.<br /><br />
[page:Hex color] -- (optional) if this is not the set the helper will take the color of the light. [page:Hex color] -- (可选的) 如果没有设置颜色将使用光源的颜色.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:Object3D] class for common properties.</p> <p>请到基类 [page:Object3D] 页面查看公共属性.</p>
<h3>[property:Line lightPlane]</h3> <h3>[property:Line lightPlane]</h3>
<p>Contains the line mesh showing the location of the directional light.</p> <p>包含表示平行光方向的线网格.</p>
<h3>[property:DirectionalLight light]</h3> <h3>[property:DirectionalLight light]</h3>
<p>Reference to the [page:DirectionalLight directionalLight] being visualized.</p> <p>被模拟的光源. 请参考 [page:DirectionalLight directionalLight] .</p>
<h3>[property:object matrix]</h3> <h3>[property:object matrix]</h3>
<p>Reference to the light's [page:Object3D.matrixWorld matrixWorld].</p> <p>请参考光源的世界矩阵 [page:Object3D.matrixWorld matrixWorld].</p>
<h3>[property:object matrixAutoUpdate]</h3> <h3>[property:object matrixAutoUpdate]</h3>
<p> <p>
See [page:Object3D.matrixAutoUpdate]. Set to *false* here as the helper is using the 请查看 [page:Object3D.matrixAutoUpdate] 页面. 这里设置为 *false* 表示辅助对象
light's [page:Object3D.matrixWorld matrixWorld]. 使用光源的 [page:Object3D.matrixWorld matrixWorld].
</p> </p>
<h3>[property:hex color]</h3> <h3>[property:hex color]</h3>
<p> <p>
The color parameter passed in the constructor. Default is *undefined*. If this is changed, 构造函数中传入的颜色值. 默认为 *undefined*. 如果改变该值,
the helper's color will update the next time [page:.update update] is called. 辅助对象的颜色将在下一次 [page:.update update] 被调用时更新.
</p> </p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:Object3D] class for common properties.</p> <p>请到基类 [page:Object3D] 页面查看公共方法.</p>
<h3>[method:null dispose]()</h3> <h3>[method:null dispose]()</h3>
<p>Dispose of the directionalLightHelper.</p> <p>销毁该平行光辅助对象.</p>
<h3>[method:null update]()</h3> <h3>[method:null update]()</h3>
<p>Updates the helper to match the position and direction of the [page:.light directionalLight] being visualized.</p> <p>更新辅助对象,与模拟的 [page:.light directionalLight] 光源的位置和方向保持一致.</p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,16 +13,16 @@ ...@@ -13,16 +13,16 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
Renders [page:ArrowHelper arrows] to visualize an object's [page:Face3 face] normals. 渲染箭头辅助对象 [page:ArrowHelper arrows] 来模拟面 [page:Face3 face] 的法线.
Requires that face normals have been specified on all [page:Face3 faces] or calculated 需要所有面 [page:Face3 faces] 都指定了法线 或
with [page:Geometry.computeFaceNormals computeFaceNormals]. <br /><br /> 通过 [page:Geometry.computeFaceNormals computeFaceNormals] 方法计算面的法线. <br /><br />
Note that this only works with the objects whose geometry is an instance of [page:Geometry]. 注意:仅几何体为 [page:Geometry] 类型的对象能正常运行.
For [page:BufferGeometry] use a [page:VertexNormalsHelper] instead. 对于 [page:BufferGeometry] 类型几何体的对象请使用 [page:VertexNormalsHelper] 代替.
<p> <p>
<h2>Example</h2> <h2>例子</h2>
<div>[example:webgl_helpers WebGL / helpers]</div> <div>[example:webgl_helpers WebGL / helpers]</div>
...@@ -37,44 +37,44 @@ ...@@ -37,44 +37,44 @@
scene.add( helper ); scene.add( helper );
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:Object3D object], [param:Number size], [param:Color color], [param:Number linewidth] )</h3> <h3>[name]( [param:Object3D object], [param:Number size], [param:Color color], [param:Number linewidth] )</h3>
<p> <p>
[page:Object3D object] -- object for which to render face normals.<br /> [page:Object3D object] -- 要渲染面法线辅助的对象.<br />
[page:Number size] -- (optional) length of the arrows. Default is *1*.<br /> [page:Number size] -- (可选的) 箭头的长度. 默认为 *1*.<br />
[page:Hex color] -- (optional) hex color of the arrows. Default is *0xffff00*.<br /> [page:Hex color] -- (可选的) 箭头的颜色. 默认为 *0xffff00*.<br />
[page:Number linewidth] -- (optional) width of the arrow lines. Default is *1*. [page:Number linewidth] -- (可选的) 箭头线段的宽度. 默认为 *1*.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:LineSegments] class for common properties.</p> <p>请到基类 [page:LineSegments] 页面查看公共属性.</p>
<h3>[property:object matrixAutoUpdate]</h3> <h3>[property:object matrixAutoUpdate]</h3>
<p> <p>
See [page:Object3D.matrixAutoUpdate]. Set to *false* here as the helper is using the 请查看 [page:Object3D.matrixAutoUpdate]. 这里设置为 *false* 表示辅助对象
objects's [page:Object3D.matrixWorld matrixWorld]. 使用对象的世界矩阵 [page:Object3D.matrixWorld matrixWorld].
</p> </p>
<h3>[property:Object3D object]</h3> <h3>[property:Object3D object]</h3>
<p>The object for which the face normals are being visualized.</p> <p>被渲染面法线辅助的对象.</p>
<h3>[property:Number size]</h3> <h3>[property:Number size]</h3>
<p>Length of the arrows. Default is *1*.</p> <p>箭头的长度. 默认为 *1*.</p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:LineSegments] class for common methods.</p> <p>请到基类 [page:LineSegments] 页面查看公共方法.</p>
<h3>[method:null update]()</h3> <h3>[method:null update]()</h3>
<p>Updates the face normal preview based on movement of the object.</p> <p>基于对象的运动更新面法线辅助对象.</p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -12,10 +12,10 @@ ...@@ -12,10 +12,10 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc">The GridHelper is an object to define grids. Grids are two-dimensional arrays of lines.</p> <p class="desc">坐标格辅助对象. 坐标格实际上是2维线数组.</p>
<h2>Example</h2> <h2>例子</h2>
<code>var size = 10; <code>var size = 10;
var divisions = 10; var divisions = 10;
...@@ -26,20 +26,20 @@ ...@@ -26,20 +26,20 @@
[example:webgl_helpers Example using various helpers] [example:webgl_helpers Example using various helpers]
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:number size], [param:Number divisions], [param:Color colorCenterLine], [param:Color colorGrid] )</h3> <h3>[name]( [param:number size], [param:Number divisions], [param:Color colorCenterLine], [param:Color colorGrid] )</h3>
<p> <p>
size -- The size of the grid. Default is 10. <br /> size -- 坐标格尺寸. 默认为 10. <br />
divisions -- The number of divisions across the grid. Default is 10. <br /> divisions -- 坐标格细分次数. 默认为 10. <br />
colorCenterLine -- The color of the centerline. This can be a [page:Color], a hexadecimal value and an CSS-Color name. Default is 0x444444 <br /> colorCenterLine -- 中线颜色. 值可以为 [page:Color] 类型, 16进制 和 CSS 颜色名. 默认为 0x444444 <br />
colorGrid -- The color of the lines of the grid. This can be a [page:Color], a hexadecimal value and an CSS-Color name. Default is 0x888888 colorGrid -- 坐标格网格线颜色. 值可以为 [page:Color] 类型, 16进制 和 CSS 颜色名. 默认为 0x888888
</p> </p>
<p> <p>
Creates a new [name] of size 'size' and divided into 'divisions' segments per side. Colors are optional. 创建一个尺寸为 'size' 和 每个维度细分 'divisions' 次的坐标格. 颜色可选.
</p> </p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,10 +13,11 @@ ...@@ -13,10 +13,11 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
Creates a visual aid consisting of a spherical [page:Mesh] for a [page:HemisphereLight HemisphereLight]. 创建一个虚拟的球形网格 [page:Mesh] 的辅助对象来模拟
半球形光源 [page:HemisphereLight HemisphereLight].
</p> </p>
<h3>Example</h3> <h3>例子</h3>
<code> <code>
var light = new THREE.HemisphereLight( 0xffffbb, 0x080820, 1 ); var light = new THREE.HemisphereLight( 0xffffbb, 0x080820, 1 );
...@@ -27,51 +28,51 @@ scene.add( helper ); ...@@ -27,51 +28,51 @@ scene.add( helper );
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:HemisphereLight light], [param:Number sphereSize], [param:Hex color] )</h3> <h3>[name]( [param:HemisphereLight light], [param:Number sphereSize], [param:Hex color] )</h3>
<p> <p>
[page:HemisphereLight light] -- The light being visualized. <br /><br /> [page:HemisphereLight light] -- 被模拟的光源. <br /><br />
[page:Number size] -- The size of the mesh used to visualize the light.<br /><br /> [page:Number size] -- 用于模拟光源的网格尺寸.<br /><br />
[page:Hex color] -- (optional) if this is not the set the helper will take the color of the light. [page:Hex color] -- (可选的) 如果没有赋值辅助对象将使用光源的颜色.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:Object3D] class for common properties.</p> <p>请到基类 [page:Object3D] 页面查看公共属性.</p>
<h3>[property:HemisphereLight light]</h3> <h3>[property:HemisphereLight light]</h3>
<p>Reference to the HemisphereLight being visualized.</p> <p>被模拟的半球形光源.</p>
<h3>[property:object matrix]</h3> <h3>[property:object matrix]</h3>
<p>Reference to the hemisphereLight's [page:Object3D.matrixWorld matrixWorld].</p> <p>请参考半球形光源的世界矩阵 [page:Object3D.matrixWorld matrixWorld].</p>
<h3>[property:object matrixAutoUpdate]</h3> <h3>[property:object matrixAutoUpdate]</h3>
<p> <p>
See [page:Object3D.matrixAutoUpdate]. Set to *false* here as the helper is using the 请查看 [page:Object3D.matrixAutoUpdate]. 这里设置为 *false* 表示辅助对象
hemisphereLight's [page:Object3D.matrixWorld matrixWorld]. 使用半球形光源的 [page:Object3D.matrixWorld matrixWorld].
</p> </p>
<h3>[property:hex color]</h3> <h3>[property:hex color]</h3>
<p> <p>
The color parameter passed in the constructor. Default is *undefined*. If this is changed, the helper's color will update 构造函数中传入的颜色值. 默认为 *undefined*. 如果改变该值,
the next time [page:.update update] is called. 辅助对象的颜色将在下一次 [page:.update update] 被调用时更新.
</p> </p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:Object3D] class for common methods.</p> <p>请到基类 [page:Object3D] 页面查看公共方法.</p>
<h3>[method:null dispose]()</h3> <h3>[method:null dispose]()</h3>
<p>Dispose of the hemisphereLightHelper.</p> <p>销毁该半球形光源辅助对象.</p>
<h3>[method:null update]()</h3> <h3>[method:null update]()</h3>
<p>Updates the helper to match the position and direction of the [page:.light].</p> <p>更新辅助对象,与 [page:.light] 属性的位置和方向保持一致.</p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,11 +13,11 @@ ...@@ -13,11 +13,11 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
Helper object to visualize a [page:Plane]. 用于模拟平面 [page:Plane] 的辅助对象.
</p> </p>
<h2>Example</h2> <h2>例子</h2>
<code> <code>
var plane = new THREE.Plane( new THREE.Vector3( 1, 1, 0.2 ), 3 ); var plane = new THREE.Plane( new THREE.Vector3( 1, 1, 0.2 ), 3 );
...@@ -26,39 +26,39 @@ ...@@ -26,39 +26,39 @@
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:Plane plane], [param:Float size], [param:Color hex] )</h3> <h3>[name]( [param:Plane plane], [param:Float size], [param:Color hex] )</h3>
<p> <p>
[page:Plane plane] -- the plane to visualize.<br /> [page:Plane plane] -- 被模拟的平面.<br />
[page:Float size] -- (optional) side length of plane helper. Default is 1.<br /> [page:Float size] -- (可选的) 辅助对象的单边长度. 默认为 1.<br />
[page:Color color] -- (optional) the color of the helper. Default is 0xffff00.<br /><br /> [page:Color color] -- (可选的) 辅助对象的颜色. 默认为 0xffff00.<br /><br />
Creates a new wireframe representation of the passed plane. 创建一个线框辅助对象来表示指定平面.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:LineSegments] class for common properties.</p> <p>请到基类 [page:LineSegments] 页面查看公共属性.</p>
<h3>[property:Plane plane]</h3> <h3>[property:Plane plane]</h3>
<p>The [page:Plane plane] being visualized.</p> <p>被模拟的平面 [page:Plane plane] .</p>
<h3>[property:Float size]</h3> <h3>[property:Float size]</h3>
<p>The side lengths of plane helper.</p> <p>辅助对象的单边长度.</p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:LineSegments] class for common methods.</p> <p>请到基类 [page:LineSegments] 页面查看公共方法.</p>
<h3>[method:void updateMatrixWorld]( [param:Boolean force] )</h3> <h3>[method:void updateMatrixWorld]( [param:Boolean force] )</h3>
<p> <p>
This overrides the method in the base [page:Object3D] class so that it also 重写基类 [page:Object3D] 的该方法以便于
updates the helper object according to the [page:PlaneHelper.plane .plane] and 同时更新线框辅助对象与 [page:PlaneHelper.plane .plane] 和
[page:PlaneHelper.size .size] properties. [page:PlaneHelper.size .size] 属性保持一致.
</p> </p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,12 +13,12 @@ ...@@ -13,12 +13,12 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
This displays a helper object consisting of a spherical [page:Mesh] for visualizing 创建一个虚拟的球形网格 [page:Mesh] 的辅助对象来模拟
a [page:PointLight]. 点光源 [page:PointLight].
</p> </p>
<h2>Example</h2> <h2>例子</h2>
[example:webgl_helpers WebGL / helpers] [example:webgl_helpers WebGL / helpers]
...@@ -35,49 +35,49 @@ ...@@ -35,49 +35,49 @@
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:PointLight light], [param:Float sphereSize], [param:Hex color] )</h3> <h3>[name]( [param:PointLight light], [param:Float sphereSize], [param:Hex color] )</h3>
<p> <p>
[page:PointLight light] -- The light to be visualized. <br /><br /> [page:PointLight light] -- 要模拟的光源. <br /><br />
[page:Float sphereSize] -- (optional) The size of the sphere helper. Default is *1*.<br /><br /> [page:Float sphereSize] -- (可选的) 球形辅助对象的尺寸. 默认为 *1*.<br /><br />
[page:Hex color] -- (optional) if this is not the set the helper will take the color of the light. [page:Hex color] -- (可选的) 如果没有赋值辅助对象将使用光源的颜色.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:Mesh] class for common properties.</p> <p>请到基类 [page:Mesh] 页面查看公共属性.</p>
<h3>[property:PointLight light]</h3> <h3>[property:PointLight light]</h3>
<p>The [page:PointLight] that is being visualized.</p> <p>被模拟的点光源 [page:PointLight] .</p>
<h3>[property:object matrix]</h3> <h3>[property:object matrix]</h3>
<p>Reference to the pointLight's [page:Object3D.matrixWorld matrixWorld].</p> <p>请参考点光源的世界矩阵 [page:Object3D.matrixWorld matrixWorld].</p>
<h3>[property:object matrixAutoUpdate]</h3> <h3>[property:object matrixAutoUpdate]</h3>
<p> <p>
See [page:Object3D.matrixAutoUpdate]. Set to *false* here as the helper is using the 请查看 [page:Object3D.matrixAutoUpdate]. 这里设置为 *false* 表示辅助对象
pointLight's [page:Object3D.matrixWorld matrixWorld]. 使用点光源的 [page:Object3D.matrixWorld matrixWorld].
</p> </p>
<h3>[property:hex color]</h3> <h3>[property:hex color]</h3>
<p> <p>
The color parameter passed in the constructor. Default is *undefined*. If this is changed, the helper's color will update 构造函数中传入的颜色值. 默认为 *undefined*. 如果改变该值,
the next time [page:.update update] is called. 辅助对象的颜色将在下一次 [page:.update update] 被调用时更新.
</p> </p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:Mesh] class for common methods.</p> <p>请到基类 [page:Mesh] 页面查看公共方法.</p>
<h3>[method:null dispose]()</h3> <h3>[method:null dispose]()</h3>
<p>Dispose of the pointLightHelper.</p> <p>销毁该点光源辅助对象.</p>
<h3>[method:null update]()</h3> <h3>[method:null update]()</h3>
<p>Updates the helper to match the position of the [page:.light].</p> <p>更新辅助对象,与 [page:.light] 属性的位置保持一致.</p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -12,10 +12,10 @@ ...@@ -12,10 +12,10 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc">The PolarGridHelper is an object to define polar grids. Grids are two-dimensional arrays of lines.</p> <p class="desc">极坐标格辅助对象. 坐标格实际上是2维线数组.</p>
<h2>Example</h2> <h2>例子</h2>
<code>var radius = 10; <code>var radius = 10;
var radials = 16; var radials = 16;
...@@ -28,22 +28,22 @@ ...@@ -28,22 +28,22 @@
[example:webgl_helpers Example using various helpers] [example:webgl_helpers Example using various helpers]
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:Number radius], [param:Number radials], [param:Number circles], [param:Number divisions], [param:Color color1], [param:Color color2] )</h3> <h3>[name]( [param:Number radius], [param:Number radials], [param:Number circles], [param:Number divisions], [param:Color color1], [param:Color color2] )</h3>
<p> <p>
radius -- The radius of the polar grid. This can be any positive number. Default is 10.<br /> radius -- 极坐标格半径. 可以为任何正数. 默认为 10.<br />
radials -- The number of radial lines. This can be any positive integer. Default is 16.<br /> radials -- 径向辐射线数量. 可以为任何正整数. 默认为 16.<br />
circles -- The number of circles. This can be any positive integer. Default is 8.<br /> circles -- 圆圈的数量. 可以为任何正整数. 默认为 8.<br />
divisions -- The number of line segments used for each circle. This can be any positive integer that is 3 or greater. Default is 64.<br /> divisions -- 圆圈细分段数. 可以为任何大于或等于3的正整数. 默认为 64.<br />
color1 -- The first color used for grid elements. This can be a [page:Color], a hexadecimal value and an CSS-Color name. Default is 0x444444 <br /> color1 -- 极坐标格使用的第一个颜色. 值可以为 [page:Color] 类型, 16进制 和 CSS 颜色名. 默认为 0x444444 <br />
color2 -- The second color used for grid elements. This can be a [page:Color], a hexadecimal value and an CSS-Color name. Default is 0x888888 color2 -- 极坐标格使用的第二个颜色. 值可以为 [page:Color] 类型, 16进制 和 CSS 颜色名. 默认为 0x888888
</p> </p>
<p> <p>
Creates a new [name] of radius 'radius' with 'radials' number of radials and 'circles' number of circles, where each circle is smoothed into 'divisions' number of line segments. Colors are optional. 创建一个半径为'radius' 包含 'radials' 条径向辐射线 和 'circles' 个细分成 'divisions' 段的圆圈的极坐标格辅助对象. 颜色可选.
</p> </p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,10 +13,10 @@ ...@@ -13,10 +13,10 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
Creates a visual aid for a [page:RectAreaLight]. 创建一个表示 [page:RectAreaLight] 的辅助对象.
</p> </p>
<h3>Example</h3> <h3>例子</h3>
<code> <code>
var light = new THREE.RectAreaLight( 0xffffbb, 1.0, 5, 5 ); var light = new THREE.RectAreaLight( 0xffffbb, 1.0, 5, 5 );
...@@ -27,40 +27,40 @@ scene.add( helper ); ...@@ -27,40 +27,40 @@ scene.add( helper );
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:RectAreaLight light], [param:Hex color] )</h3> <h3>[name]( [param:RectAreaLight light], [param:Hex color] )</h3>
<p> <p>
[page:RectAreaLight light] -- The light being visualized.<br /><br /> [page:RectAreaLight light] -- 被模拟的光源.<br /><br />
[page:Hex color] -- (optional) if this is not the set the helper will take the color of the light. [page:Hex color] -- (可选) 如果没有赋值辅助对象将使用光源的颜色.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:Object3D] class for common properties.</p> <p>请到基类 [page:Object3D] 页面查看公共属性.</p>
<h3>[property:RectAreaLight light]</h3> <h3>[property:RectAreaLight light]</h3>
<p>Reference to the RectAreaLight being visualized.</p> <p>被模拟的区域光源.</p>
<h3>[property:hex color]</h3> <h3>[property:hex color]</h3>
<p> <p>
The color parameter passed in the constructor. Default is *undefined*. If this is changed, the helper's color will update 构造函数中传入的颜色值. 默认为 *undefined*. 如果改变该值,
the next time [page:.update update] is called. 辅助对象的颜色将在下一次 [page:.update update] 被调用时更新.
</p> </p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:Object3D] class for common methods.</p> <p>请到基类 [page:Object3D] 页面查看公共方法.</p>
<h3>[method:null dispose]()</h3> <h3>[method:null dispose]()</h3>
<p>Dispose of the rectAreaLightHelper.</p> <p>销毁该区域光源辅助对象.</p>
<h3>[method:null update]()</h3> <h3>[method:null update]()</h3>
<p>Updates the helper to match the position and direction of the [page:.light].</p> <p>更新辅助对象,与 [page:.light] 属性的位置和方向保持一致.</p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,12 +13,12 @@ ...@@ -13,12 +13,12 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
A helper object to assist with visualizing a [page:Skeleton Skeleton]. 用来模拟骨骼 [page:Skeleton Skeleton] 的辅助对象.
The helper is renderered using a [page:LineBasicMaterial LineBasicMaterial]. 该辅助对象使用 [page:LineBasicMaterial LineBasicMaterial] 材质.
</p> </p>
<h2>Example</h2> <h2>例子</h2>
[example:webgl_animation_skinning_blending animation / skinning / blending]<br /> [example:webgl_animation_skinning_blending animation / skinning / blending]<br />
[example:webgl_animation_skinning_morph animation / skinning / morph]<br /> [example:webgl_animation_skinning_morph animation / skinning / morph]<br />
...@@ -32,30 +32,30 @@ scene.add( helper ); ...@@ -32,30 +32,30 @@ scene.add( helper );
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( object )</h3> <h3>[name]( object )</h3>
<p> <p>
object -- can be any object that has an array of [page:Bone Bone]s as a sub object. <br /> object -- 可以是任何拥有一组骨 [page:Bone Bone] 作为子对象的对象. <br />
For example, a [page:Skeleton Skeleton] or a [page:SkinnedMesh SkinnedMesh]. 比如, 一个骨骼 [page:Skeleton Skeleton] 或 一个蒙皮网格 [page:SkinnedMesh SkinnedMesh].
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<h3>[property:Array bones]</h3> <h3>[property:Array bones]</h3>
<p> <p>
The list of bones that the helper renders as [page:Line Lines]. 辅助对象使用 [page:Line Lines] 渲染的骨数组.
</p> </p>
<h3>[property:Object root]</h3> <h3>[property:Object root]</h3>
<p> <p>
The object passed in the constructor. 构造函数传入的对象.
</p> </p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -12,16 +12,16 @@ ...@@ -12,16 +12,16 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc">This displays a cone shaped helper object for a [page:SpotLight].</p> <p class="desc">用于模拟聚光灯 [page:SpotLight] 的锥形辅助对象.</p>
<h2>Example</h2> <h2>例子</h2>
<iframe src='../examples/webgl_lights_spotlight.html'></iframe> <iframe src='../examples/webgl_lights_spotlight.html'></iframe>
<a target="THREE_Examples" href="../examples/#webgl_lights_spotlight">View in Examples</a><br /> <a target="THREE_Examples" href="../examples/#webgl_lights_spotlight">View in Examples</a><br />
<h2>Other Examples</h2> <h2>其他例子</h2>
<div>[example:webgl_lights_spotlights lights / spotlights ]</div> <div>[example:webgl_lights_spotlights lights / spotlights ]</div>
<h2>Code Example</h2> <h2>代码示例</h2>
<code> <code>
var spotLight = new THREE.SpotLight( 0xffffff ); var spotLight = new THREE.SpotLight( 0xffffff );
spotLight.position.set( 10, 10, 10 ); spotLight.position.set( 10, 10, 10 );
...@@ -32,51 +32,51 @@ ...@@ -32,51 +32,51 @@
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:SpotLight light], [param:Hex color] )</h3> <h3>[name]( [param:SpotLight light], [param:Hex color] )</h3>
<p> <p>
[page:SpotLight light] -- The [page:SpotLight] to be visualized. <br /><br/> [page:SpotLight light] -- 被模拟的聚光灯 [page:SpotLight] . <br /><br/>
[page:Hex color] -- (optional) if this is not the set the helper will take the color of the light. [page:Hex color] -- (可选的) 如果没有赋值辅助对象将使用光源的颜色.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:Object3D] class for common properties.</p> <p>请到基类 [page:Object3D] 页面查看公共属性.</p>
<h3>[property:LineSegments cone]</h3> <h3>[property:LineSegments cone]</h3>
<p>[page:LineSegments] used to visualize the light.</p> <p>用于模拟光源的 [page:LineSegments] 类型对象.</p>
<h3>[property:SpotLight light]</h3> <h3>[property:SpotLight light]</h3>
<p>Reference to the [page:SpotLight] being visualized.</p> <p>被模拟的聚光灯 [page:SpotLight] .</p>
<h3>[property:object matrix]</h3> <h3>[property:object matrix]</h3>
<p>Reference to the spotLight's [page:Object3D.matrixWorld matrixWorld].</p> <p>请参考聚光灯的世界矩阵 [page:Object3D.matrixWorld matrixWorld].</p>
<h3>[property:object matrixAutoUpdate]</h3> <h3>[property:object matrixAutoUpdate]</h3>
<p> <p>
See [page:Object3D.matrixAutoUpdate]. Set to *false* here as the helper is using the 请查看 [page:Object3D.matrixAutoUpdate]. 这里设置为 *false* 表示辅助对象
spotLight's [page:Object3D.matrixWorld matrixWorld]. 使用聚光灯的 [page:Object3D.matrixWorld matrixWorld].
</p> </p>
<h3>[property:hex color]</h3> <h3>[property:hex color]</h3>
<p> <p>
The color parameter passed in the constructor. Default is *undefined*. If this is changed, the helper's color will update 构造函数中传入的颜色值. 默认为 *undefined*. 如果改变该值,
the next time [page:.update update] is called. 辅助对象的颜色将在下一次 [page:.update update] 被调用时更新.
</p> </p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:Object3D] class for common methods.</p> <p>请到基类 [page:Object3D] 页面查看公共属性.</p>
<h3>[method:null dispose]()</h3> <h3>[method:null dispose]()</h3>
<p>Disposes of the light helper.</p> <p>销毁该聚光灯辅助对象.</p>
<h3>[method:null update]()</h3> <h3>[method:null update]()</h3>
<p>Updates the light helper.</p> <p>更新聚光灯辅助对象.</p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<base href="../../../" /> <base href="../../../" />
...@@ -13,14 +13,14 @@ ...@@ -13,14 +13,14 @@
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
Renders [page:ArrowHelper arrows] to visualize an object's vertex normal vectors. 渲染箭头辅助对象 [page:ArrowHelper arrows] 来模拟顶点的法线.
Requires that normals have been specified in a [page:BufferAttribute custom attribute] or 需要定义了法线缓存属性 [page:BufferAttribute custom attribute] 或
have been calculated using [page:Geometry.computeVertexNormals computeVertexNormals].<br /><br /> 使用了 [page:Geometry.computeVertexNormals computeVertexNormals] 方法计算了顶点法线.<br /><br />
Unlike [page:FaceNormalsHelper], this works with [page:BufferGeometry]. 不像面法线辅助对象 [page:FaceNormalsHelper], 该辅助对象在 [page:BufferGeometry] 上也能正常运行.
</p> </p>
<h2>Example</h2> <h2>例子</h2>
[example:webgl_helpers WebGL / helpers] [example:webgl_helpers WebGL / helpers]
...@@ -36,43 +36,43 @@ ...@@ -36,43 +36,43 @@
</code> </code>
<h2>Constructor</h2> <h2>构造函数</h2>
<h3>[name]( [param:Object3D object], [param:Number size], [param:Hex color], [param:Number linewidth] )</h3> <h3>[name]( [param:Object3D object], [param:Number size], [param:Hex color], [param:Number linewidth] )</h3>
<p> <p>
[page:Object3D object] -- object for which to render vertex normals.<br /> [page:Object3D object] -- 要渲染顶点法线辅助的对象.<br />
[page:Number size] -- (optional) length of the arrows. Default is 1.<br /> [page:Number size] -- (可选的) 箭头的长度. 默认为 1.<br />
[page:Hex color] -- hex color of the arrows. Default is 0xff0000.<br /> [page:Hex color] -- 16进制颜色值. 默认为 0xff0000.<br />
[page:Number linewidth] -- (optional) width of the arrow lines. Default is 1. [page:Number linewidth] -- (可选的) 箭头线段的宽度. 默认为 1.
</p> </p>
<h2>Properties</h2> <h2>属性</h2>
<p>See the base [page:LineSegments] class for common properties.</p> <p>请到基类 [page:LineSegments] 页面查看公共属性.</p>
<h3>[property:object matrixAutoUpdate]</h3> <h3>[property:object matrixAutoUpdate]</h3>
<p> <p>
See [page:Object3D.matrixAutoUpdate]. Set to *false* here as the helper is using the 请查看 [page:Object3D.matrixAutoUpdate]. 这里设置为 *false* 表示辅助对象
objects's [page:Object3D.matrixWorld matrixWorld]. 使用对象的世界矩阵 [page:Object3D.matrixWorld matrixWorld].
</p> </p>
<h3>[property:Object3D object]</h3> <h3>[property:Object3D object]</h3>
<p>The object for which the vertex normals are being visualized.</p> <p>被渲染顶点法线辅助的对象.</p>
<h3>[property:Number size]</h3> <h3>[property:Number size]</h3>
<p>Length of the arrows. Default is *1*.</p> <p>箭头的长度. 默认为 *1*.</p>
<h2>Methods</h2> <h2>方法</h2>
<p>See the base [page:LineSegments] class for common methods.</p> <p>请到基类 [page:LineSegments] 页面查看公共方法.</p>
<h3>[method:null update]()</h3> <h3>[method:null update]()</h3>
<p>Updates the vertex normal preview based on movement of the object.</p> <p>基于对象的运动更新顶点法线辅助对象.</p>
<h2>Source</h2> <h2>源码</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
</body> </body>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册