LineBasicMaterial.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="list.js"></script>
  7. <script src="page.js"></script>
  8. <link type="text/css" rel="stylesheet" href="page.css" />
  9. </head>
  10. <body>
  11. [page:Material] &rarr;
  12. <h1>基础线条材质([name])</h1>
  13. <p class="desc">一种用于绘制线框样式几何体的材质。</p>
  14. <h2>例子(Examples)</h2>
  15. <p>
  16. [example:webgl_buffergeometry_drawcalls WebGL / buffergeometry / drawcalls]<br />
  17. [example:webgl_buffergeometry_lines WebGL / buffergeometry / lines]<br />
  18. [example:webgl_buffergeometry_lines_indexed WebGL / buffergeometry / lines / indexed]<br />
  19. [example:webgl_decals WebGL / decals]<br />
  20. [example:webgl_geometry_nurbs WebGL / geometry / nurbs]<br />
  21. [example:webgl_geometry_shapes WebGL / geometry / shapes]<br />
  22. [example:webgl_geometry_spline_editor WebGL / geometry / spline / editor]<br />
  23. [example:webgl_interactive_buffergeometry WebGL / interactive / buffergeometry]<br />
  24. [example:webgl_interactive_voxelpainter WebGL / interactive / voxelpainter]<br />
  25. [example:webgl_lines_colors WebGL / lines / colors]<br />
  26. [example:webgl_lines_dashed WebGL / lines / dashed]<br />
  27. [example:webgl_lines_sphere WebGL / lines / sphere]<br />
  28. [example:webgl_lines_splines WebGL / lines / splines]<br />
  29. [example:webgl_materials WebGL / materials]<br />
  30. [example:webgl_physics_rope WebGL / phyics / rope]
  31. </p>
  32. <code>
  33. var material = new THREE.LineBasicMaterial( {
  34. color: 0xffffff,
  35. linewidth: 1,
  36. linecap: 'round', //ignored by WebGLRenderer
  37. linejoin: 'round' //ignored by WebGLRenderer
  38. } );
  39. </code>
  40. <h2>构造函数(Constructor)</h2>
  41. <h3>[name]( [param:Object parameters] )</h3>
  42. <p>
  43. [page:Object parameters] - (可选)用于定义材质外观的对象,具有一个或多个属性。材质的任何属性都可以从此处传入(包括从[page:Material]继承的任何属性)。<br /><br />
  44. 属性[page:Hexadecimal color]例外,其可以作为十六进制字符串传递,默认情况下为 *0xffffff*(白色),内部调用[page:Color.set](color)。
  45. </p>
  46. <h2>属性(Properties)</h2>
  47. <p>常用属性请参见基类[page:Material]。</p>
  48. <h3>[property:Color color]</h3>
  49. <p>材质的颜色([page:Color]),默认值为白色 (0xffffff)。</p>
  50. <h3>[property:Boolean isLineBasicMaterial]</h3>
  51. <p>用于检查此类或派生类是否为基础线条材质。默认值为 *true*。<br /><br />
  52. 因为其通常用在内部优化,所以不应该更改该属性值。
  53. </p>
  54. <h3>[property:Boolean lights]</h3>
  55. <p>材质是否受到光照的影响。默认值为 *false*。</p>
  56. <h3>[property:Float linewidth]</h3>
  57. <p> 控制线宽。默认值为 *1*。<br /><br />
  58. 由于[link:https://www.khronos.org/registry/OpenGL/specs/gl/glspec46.core.pdf OpenGL Core Profile]与
  59. 大多数平台上[page:WebGLRenderer WebGL]渲染器的限制,无论如何设置该值,线宽始终为1。
  60. </p>
  61. <h3>[property:String linecap]</h3>
  62. <p> 定义线两端的样式。可选值为 'butt', 'round' 和 'square'。默认值为 'round'。<br /><br />
  63. 该属性对应[link:https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/lineCap 2D Canvas lineCap]属性,
  64. 并且会被[page:WebGLRenderer WebGL]渲染器忽略。
  65. </p>
  66. <h3>[property:String linejoin]</h3>
  67. <p> 定义线连接节点的样式。可选值为 'round', 'bevel' 和 'miter'。默认值为 'round'。<br /><br />
  68. 该属性对应[link:https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/lineJoin 2D Canvas lineJoin]属性,
  69. 并且会被[page:WebGLRenderer WebGL]渲染器忽略。
  70. </p>
  71. <h2>方法(Methods)</h2>
  72. <p>常用方法请参见基类[page:Material]。</p>
  73. <h2>源码(Source)</h2>
  74. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  75. </body>
  76. </html>