# Again: three js with Database values

**URL:** <https://discourse.threejs.org/t/again-three-js-with-database-values/7890>\
**Category:** Questions\
**Created:** [June 2, 2019, 9:03pm UTC](https://discourse.threejs.org/t/again-three-js-with-database-values/7890 "2019-06-02T21:03:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![PizPlatta](https://avatars.discourse-cdn.com/v4/letter/p/48db29/32.png) [@PizPlatta](https://discourse.threejs.org/u/PizPlatta)\
**Post date:** [June 2, 2019, 9:03pm UTC](https://discourse.threejs.org/t/again-three-js-with-database-values/7890/1 "2019-06-02T21:03:38Z")

</div>

I come back with the question: how can I use three js with values ​​from a db.  
I asked this question a few weeks ago. At that time, I was advised to work with a loader.  
I created obj and mtl files with the data from the database and load them with OBJ and MTL Loader.

In this way I can create the desired shapes, but not a text.

Where can I find an example that shows how three js is implemented in a template engine?  
I use node js with express and pug.

Thanks in advance for help.

---

<div class="post-metadata">

**Author:** ![cfrenchi](https://avatars.discourse-cdn.com/v4/letter/c/977dab/32.png) [@cfrenchi](https://discourse.threejs.org/u/cfrenchi)\
**Post date:** [June 3, 2019, 6:06am UTC](https://discourse.threejs.org/t/again-three-js-with-database-values/7890/2 "2019-06-03T06:06:16Z")

</div>

I took a look at your previous post. That’s awesome you were able to get the number objects and their positions set from a database.

In terms of displaying text, how did you want it to appear? DOM or three.js?

If you want the text to be rendered using three.js take a look at some of these examples, something might be what you’re looking for:  
[https://threejs.org/examples/?q=text#webgl\_geometry\_text](https://threejs.org/examples/?q=text#webgl_geometry_text)

If you’re trying to make some HTML text take a look at the source code for the link above on how the info for each example is applied over it:

> <https://github.com/mrdoob/three.js/blob/master/examples/webgl_geometry_text.html>

Hope this helps

---

<div class="post-metadata">

**Author:** ![PizPlatta](https://avatars.discourse-cdn.com/v4/letter/p/48db29/32.png) [@PizPlatta](https://discourse.threejs.org/u/PizPlatta)\
**Post date:** [June 3, 2019, 6:44pm UTC](https://discourse.threejs.org/t/again-three-js-with-database-values/7890/3 "2019-06-03T18:44:35Z")

</div>

Here’s a simplification of what I want to show.

 ![schuhe](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/e/e7871e0a61e6d4461120928f7837be7094aba94d.jpeg)

Probably, three js is not the right tool.

---

<div class="post-metadata">

**Author:** ![pailhead](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pailhead/32/85_2.png) [@pailhead](https://discourse.threejs.org/u/pailhead)\
**Post date:** [June 3, 2019, 7:08pm UTC](https://discourse.threejs.org/t/again-three-js-with-database-values/7890/4 "2019-06-03T19:08:57Z")

</div>

Have you considered solving your data fetching in a different domain? Three.js is probably the right tool for the right problem. It doesn’t do anything regarding wire transfers and is not at all related to databases. But it’s good for displaying stuff on a screen.
