# Can't Get Text Geometry to show

**URL:** <https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770>\
**Category:** Questions\
**Tags:** text-geometry, text, geometry\
**Created:** [August 27, 2017, 6:09pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770 "2017-08-27T18:09:21Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![yorunii](https://avatars.discourse-cdn.com/v4/letter/y/c4cdca/32.png) [@yorunii](https://discourse.threejs.org/u/yorunii)\
**Post date:** [August 27, 2017, 6:09pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/1 "2017-08-27T18:09:21Z")

</div>

Hi,

I’m running an instance of TextGeometry, but I can’t seem to get it to show. Can someone please take a look?

[https://jsfiddle.net/yorunii/Lf15u2ev/](https://jsfiddle.net/yorunii/Lf15u2ev/)

Thank you

---

<div class="post-metadata">

**Author:** ![looeee](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/looeee/32/59_2.png) [@looeee](https://discourse.threejs.org/u/looeee)\
**Post date:** [August 28, 2017, 7:42am UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/2 "2017-08-28T07:42:54Z")

</div>

You are missing all the basics components of a three.js scene (Scene, Renderer, Camera). Try going over the [Creating a Scene](https://threejs.org/docs/#manual/introduction/Creating-a-scene) tutorial first.

---

<div class="post-metadata">

**Author:** ![yorunii](https://avatars.discourse-cdn.com/v4/letter/y/c4cdca/32.png) [@yorunii](https://discourse.threejs.org/u/yorunii)\
**Post date:** [August 28, 2017, 1:50pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/3 "2017-08-28T13:50:34Z")

</div>

Looks like I accidentally took that out. I was trying some different things and I took out the Scene, Renderer, and Camera. Let me add it back.

Ok try this one: [https://jsfiddle.net/yorunii/9m52vpn9/](https://jsfiddle.net/yorunii/9m52vpn9/)

---

<div class="post-metadata">

**Author:** ![yorunii](https://avatars.discourse-cdn.com/v4/letter/y/c4cdca/32.png) [@yorunii](https://discourse.threejs.org/u/yorunii)\
**Post date:** [August 28, 2017, 1:51pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/4 "2017-08-28T13:51:58Z")

</div>

I’m still getting just a black screen, which is what I was getting before.

---

<div class="post-metadata">

**Author:** ![looeee](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/looeee/32/59_2.png) [@looeee](https://discourse.threejs.org/u/looeee)\
**Post date:** [August 29, 2017, 4:34am UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/5 "2017-08-29T04:34:13Z")

</div>

The fiddle is still missing quite a bit - looks like you may have deleted the last couple of lines.

---

<div class="post-metadata">

**Author:** ![FrankSilvaHM](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/franksilvahm/32/117_2.png) [@FrankSilvaHM](https://discourse.threejs.org/u/FrankSilvaHM)\
**Post date:** [August 29, 2017, 12:30pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/6 "2017-08-29T12:30:08Z")

</div>

And somewhere in there, you will certainly want to have **scene.add( geometry );**

---

<div class="post-metadata">

**Author:** ![yorunii](https://avatars.discourse-cdn.com/v4/letter/y/c4cdca/32.png) [@yorunii](https://discourse.threejs.org/u/yorunii)\
**Post date:** [August 29, 2017, 1:34pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/7 "2017-08-29T13:34:49Z")

</div>

Ah, I see what happened. I thought the “Update” button would save my work in jsfiddle, but, alas, it does not. I have to use “Set As Base,” which is a little confusing.

And thank you! I did add the scene. But still no scene to show.

[https://jsfiddle.net/yorunii/tbay8f0j/](https://jsfiddle.net/yorunii/tbay8f0j/)

---

<div class="post-metadata">

**Author:** ![looeee](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/looeee/32/59_2.png) [@looeee](https://discourse.threejs.org/u/looeee)\
**Post date:** [August 29, 2017, 2:05pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/8 "2017-08-29T14:05:09Z")

</div>

Every time you click update in jsfiddle it will add a number to the end:

[https://jsfiddle.net/yorunii/9m52vpn9/1](https://jsfiddle.net/yorunii/9m52vpn9/1)  
[https://jsfiddle.net/yorunii/9m52vpn9/2](https://jsfiddle.net/yorunii/9m52vpn9/2)  
[https://jsfiddle.net/yorunii/9m52vpn9/3](https://jsfiddle.net/yorunii/9m52vpn9/3)  
Etc.

That way you can switch back to old versions.

---

<div class="post-metadata">

**Author:** ![Bill](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/bill/32/408_2.png) [@Bill](https://discourse.threejs.org/u/Bill)\
**Post date:** [August 29, 2017, 2:07pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/9 "2017-08-29T14:07:30Z")

</div>

Your code is adding a geometry directly to the scene. I think you need to create a mesh – providing geometry and material as parameters – and add _that_ to the scene instead.

---

<div class="post-metadata">

**Author:** ![FrankSilvaHM](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/franksilvahm/32/117_2.png) [@FrankSilvaHM](https://discourse.threejs.org/u/FrankSilvaHM)\
**Post date:** [August 29, 2017, 2:14pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/10 "2017-08-29T14:14:16Z")

</div>

^ That’s what I meant…

---

<div class="post-metadata">

**Author:** ![yorunii](https://avatars.discourse-cdn.com/v4/letter/y/c4cdca/32.png) [@yorunii](https://discourse.threejs.org/u/yorunii)\
**Post date:** [August 29, 2017, 7:28pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/11 "2017-08-29T19:28:58Z")

</div>

Ok I can try creating a mesh and seeing how that works. I was doing this exercise here: [https://threejs.org/docs/index.html#api/geometries/TextGeometry](https://threejs.org/docs/index.html#api/geometries/TextGeometry), but I’m not sure what else needs to be added to the exercise.

I decided to load the font from Git instead of locally. I assume that part was done correctly?

---

<div class="post-metadata">

**Author:** ![yorunii](https://avatars.discourse-cdn.com/v4/letter/y/c4cdca/32.png) [@yorunii](https://discourse.threejs.org/u/yorunii)\
**Post date:** [August 29, 2017, 7:50pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/12 "2017-08-29T19:50:19Z")

</div>

ah I see. Thank you

---

<div class="post-metadata">

**Author:** ![Shashi\_Ranjan](https://avatars.discourse-cdn.com/v4/letter/s/a5b964/32.png) [@Shashi\_Ranjan](https://discourse.threejs.org/u/Shashi_Ranjan)\
**Post date:** [February 16, 2019, 2:54pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/13 "2019-02-16T14:54:26Z")

</div>

@yorunii hi !  
Were you able to make it show? I’m still facing problems to show Text Geometry.  
I checked your code on jsfiddle but that’s also not helpful.  
In my case it’s just giving me an undefined error.  
Any help would be appreciated.

Here’s a link to my code:  
[https://jsfiddle.net/watney/btjham9L/3/](https://jsfiddle.net/watney/btjham9L/3/)

---

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [February 16, 2019, 4:46pm UTC](https://discourse.threejs.org/t/cant-get-text-geometry-to-show/770/14 "2019-02-16T16:46:02Z")

</div>

Did you see that?  
[How to create a text geometry?](https://discourse.threejs.org/t/how-to-create-a-text-geometry/4141)  
[https://jsfiddle.net/f2Lommf5/14075/](https://jsfiddle.net/f2Lommf5/14075/)

* * *

Also to be found in the collection [Collection of examples from discourse.threejs.org](https://discourse.threejs.org/t/collection-of-examples-from-discourse-threejs-org/4315)  
there [http://discourse.threejs.hofk.de/2018/index2018.html](http://discourse.threejs.hofk.de/2018/index2018.html)