TextGeometry.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  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:ExtrudeGeometry] &rarr;
  12. <h1>[name]</h1>
  13. <div class="desc">This object creates a 3D object of text as a single object.</div>
  14. <h2>Example</h2>
  15. <iframe src='scenes/geometry-browser.html#TextGeometry'></iframe>
  16. <div>
  17. [example:webgl_geometry_text geometry / text ]<br/>
  18. [example:webgl_geometry_text2 geometry / text2 ]
  19. </div>
  20. <h2>Constructor</h2>
  21. <h3>[name]([page:String text], [page:Object parameters])</h3>
  22. <div>
  23. text — The text that needs to be shown. <br />
  24. parameters — Object that can contains the following parameters.
  25. <ul>
  26. <li>size — Float. Size of the text.</li>
  27. <li>height — Float. Thickness to extrude text. Default is 50.</li>
  28. <li>curveSegments — Integer. Number of points on the curves. Default is 12.</li>
  29. <li>font — String. Font name.</li>
  30. <li>weight — String. Font weight (normal, bold).</li>
  31. <li>style — String. Font style (normal, italics).</li>
  32. <li>bevelEnabled — Boolean. Turn on bevel. Default is False.</li>
  33. <li>bevelThickness — Float. How deep into text bevel goes. Default is 10.</li>
  34. <li>bevelSize — Float. How far from text outline is bevel. Default is 8.</li>
  35. </ul>
  36. </div>
  37. <h2>Available Fonts</h2>
  38. <div>
  39. TextGeometry uses <a href='http://gero3.github.io/facetype.js/' target="_top">typeface.js</a> generated fonts.
  40. Some existing fonts can be found located in <b>/examples/fonts</b> and must be included in the page.
  41. </div>
  42. <table>
  43. <tr>
  44. <th>Font</th>
  45. <th>Weight</th>
  46. <th>Style</th>
  47. <th>File Path</th>
  48. </tr>
  49. <tr>
  50. <td>helvetiker</td>
  51. <td>normal</td>
  52. <td>normal</td>
  53. <td>/examples/fonts/helvetiker_regular.typeface.js</td>
  54. </tr>
  55. <tr>
  56. <td>helvetiker</td>
  57. <td>bold</td>
  58. <td>normal</td>
  59. <td>/examples/fonts/helvetiker_bold.typeface.js</td>
  60. </tr>
  61. <tr>
  62. <td>optimer</td>
  63. <td>normal</td>
  64. <td>normal</td>
  65. <td>/examples/fonts/optimer_regular.typeface.js</td>
  66. </tr>
  67. <tr>
  68. <td>optimer</td>
  69. <td>bold</td>
  70. <td>normal</td>
  71. <td>/examples/fonts/optimer_bold.typeface.js</td>
  72. </tr>
  73. <tr>
  74. <td>gentilis</td>
  75. <td>normal</td>
  76. <td>normal</td>
  77. <td>/examples/fonts/gentilis_regular.typeface.js</td>
  78. </tr>
  79. <tr>
  80. <td>gentilis</td>
  81. <td>bold</td>
  82. <td>normal</td>
  83. <td>/examples/fonts/gentilis_bold.typeface.js</td>
  84. </tr>
  85. <tr>
  86. <td>droid sans</td>
  87. <td>normal</td>
  88. <td>normal</td>
  89. <td>/examples/fonts/droid/droid_sans_regular.typeface.js</td>
  90. </tr>
  91. <tr>
  92. <td>droid sans</td>
  93. <td>bold</td>
  94. <td>normal</td>
  95. <td>/examples/fonts/droid/droid_sans_bold.typeface.js</td>
  96. </tr>
  97. <tr>
  98. <td>droid serif</td>
  99. <td>normal</td>
  100. <td>normal</td>
  101. <td>/examples/fonts/droid/droid_serif_regular.typeface.js</td>
  102. </tr>
  103. <tr>
  104. <td>droid serif</td>
  105. <td>bold</td>
  106. <td>normal</td>
  107. <td>/examples/fonts/droid/droid_serif_bold.typeface.js</td>
  108. </tr>
  109. </table>
  110. <h2>Source</h2>
  111. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  112. </body>
  113. </html>