Skip to content

Commit 58f8075

Browse files
r00sterabernier
authored andcommitted
Mention the CSS renderers on Creating text (mrdoob#23584)
* Mention the CSS renderers on Creating text * Extend description
1 parent 922dfd3 commit 58f8075

File tree

1 file changed

+15
-9
lines changed

1 file changed

+15
-9
lines changed

docs/manual/en/introduction/Creating-text.html

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -42,22 +42,29 @@ <h2>1. DOM + CSS</h2>
4242

4343
</div>
4444

45+
46+
<h2>2. Use [page:CSS2DRenderer] or [page:CSS3DRenderer]</h2>
47+
<div>
48+
<p>
49+
Use these renderers to draw high-quality text contained in DOM elements to your three.js scene.
50+
This is similar to 1. except that with these renderers elements can be integrated more tightly and dynamically into the scene.
51+
</p>
52+
</div>
53+
4554

46-
47-
<h2>2. Draw text to canvas and use as a [page:Texture]</h2>
55+
<h2>3. Draw text to canvas and use as a [page:Texture]</h2>
4856
<div>
4957
<p>Use this method if you wish to draw text easily on a plane in your three.js scene.</p>
5058
</div>
5159

5260

53-
<h2>3. Create a model in your favourite 3D application and export to three.js</h2>
61+
<h2>4. Create a model in your favourite 3D application and export to three.js</h2>
5462
<div>
55-
<p>Use this method if you prefer working with your 3d applications and importing the models to three.js</p>
63+
<p>Use this method if you prefer working with your 3d applications and importing the models to three.js.</p>
5664
</div>
5765

5866

59-
60-
<h2>4. Procedural Text Geometry</h2>
67+
<h2>5. Procedural Text Geometry</h2>
6168
<div>
6269
<p>
6370
If you prefer to work purely in THREE.js or to create procedural and dynamic 3D
@@ -90,8 +97,7 @@ <h3>Examples</h3>
9097
</div>
9198

9299

93-
94-
<h2>5. Bitmap Fonts</h2>
100+
<h2>6. Bitmap Fonts</h2>
95101
<div>
96102
<p>
97103
BMFonts (bitmap fonts) allow batching glyphs into a single BufferGeometry. BMFont rendering
@@ -115,7 +121,7 @@ <h2>5. Bitmap Fonts</h2>
115121
</div>
116122

117123

118-
<h2>6. Troika Text</h2>
124+
<h2>7. Troika Text</h2>
119125
<div>
120126
<p>
121127
The [link:https://www.npmjs.com/package/troika-three-text troika-three-text] package renders

0 commit comments

Comments
 (0)