|
@@ -42,22 +42,29 @@
|
|
|
|
|
|
</div>
|
|
|
|
|
|
+
|
|
|
+ <h2>2. Use [page:CSS2DRenderer] or [page:CSS3DRenderer]</h2>
|
|
|
+ <div>
|
|
|
+ <p>
|
|
|
+ Use these renderers to draw high-quality text contained in DOM elements to your three.js scene.
|
|
|
+ This is similar to 1. except that with these renderers elements can be integrated more tightly and dynamically into the scene.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
|
|
|
-
|
|
|
- <h2>2. Draw text to canvas and use as a [page:Texture]</h2>
|
|
|
+ <h2>3. Draw text to canvas and use as a [page:Texture]</h2>
|
|
|
<div>
|
|
|
<p>Use this method if you wish to draw text easily on a plane in your three.js scene.</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
- <h2>3. Create a model in your favourite 3D application and export to three.js</h2>
|
|
|
+ <h2>4. Create a model in your favourite 3D application and export to three.js</h2>
|
|
|
<div>
|
|
|
- <p>Use this method if you prefer working with your 3d applications and importing the models to three.js</p>
|
|
|
+ <p>Use this method if you prefer working with your 3d applications and importing the models to three.js.</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
-
|
|
|
- <h2>4. Procedural Text Geometry</h2>
|
|
|
+ <h2>5. Procedural Text Geometry</h2>
|
|
|
<div>
|
|
|
<p>
|
|
|
If you prefer to work purely in THREE.js or to create procedural and dynamic 3D
|
|
@@ -90,8 +97,7 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
-
|
|
|
- <h2>5. Bitmap Fonts</h2>
|
|
|
+ <h2>6. Bitmap Fonts</h2>
|
|
|
<div>
|
|
|
<p>
|
|
|
BMFonts (bitmap fonts) allow batching glyphs into a single BufferGeometry. BMFont rendering
|
|
@@ -115,7 +121,7 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
- <h2>6. Troika Text</h2>
|
|
|
+ <h2>7. Troika Text</h2>
|
|
|
<div>
|
|
|
<p>
|
|
|
The [link:https://www.npmjs.com/package/troika-three-text troika-three-text] package renders
|