PolarGridHelper.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="page.js"></script>
  7. <link type="text/css" rel="stylesheet" href="page.css" />
  8. </head>
  9. <body>
  10. [page:Object3D] &rarr; [page:Line] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">极坐标格辅助对象. 坐标格实际上是2维线数组.</p>
  13. <h2>代码示例</h2>
  14. <code>
  15. const radius = 10;
  16. const radials = 16;
  17. const circles = 8;
  18. const divisions = 64;
  19. const helper = new THREE.PolarGridHelper( radius, radials, circles, divisions );
  20. scene.add( helper );
  21. </code>
  22. <h2>例子</h2>
  23. <p>
  24. [example:webgl_helpers WebGL / helpers]
  25. </p>
  26. <h2>构造函数</h2>
  27. <h3>[name]( [param:Number radius], [param:Number radials], [param:Number circles], [param:Number divisions], [param:Color color1], [param:Color color2] )</h3>
  28. <p>
  29. radius -- 极坐标格半径. 可以为任何正数. 默认为 10.<br />
  30. radials -- 径向辐射线数量. 可以为任何正整数. 默认为 16.<br />
  31. circles -- 圆圈的数量. 可以为任何正整数. 默认为 8.<br />
  32. divisions -- 圆圈细分段数. 可以为任何大于或等于3的正整数. 默认为 64.<br />
  33. color1 -- 极坐标格使用的第一个颜色. 值可以为 [page:Color] 类型, 16进制 和 CSS 颜色名. 默认为 0x444444 <br />
  34. color2 -- 极坐标格使用的第二个颜色. 值可以为 [page:Color] 类型, 16进制 和 CSS 颜色名. 默认为 0x888888
  35. </p>
  36. <p>
  37. 创建一个半径为'radius' 包含 'radials' 条径向辐射线 和 'circles' 个细分成 'divisions' 段的圆圈的极坐标格辅助对象. 颜色可选.
  38. </p>
  39. <h2>源码</h2>
  40. <p>
  41. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  42. </p>
  43. </body>
  44. </html>