Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

In three js (javascript library) how to add text in next line ?

Posted on 2015-02-19
8
Medium Priority
?
127 Views
Last Modified: 2015-02-20
As seen in image (see below, 1.png)  "Hello World" is displayed in one line.
I want to display "Hello" first and on next line "World"

                   
dynamicTexture3	= new THREEx.DynamicTexture(512,512);
                    dynamicTexture3.context.font	= (0.2*512)+"px Arial";
                    dynamicTexture3.clear('cyan');
                    dynamicTexture3.drawText("Hello World", undefined, 256, 'black');

Open in new window

1.png
0
Comment
Question by:Pradip Shenolkar
  • 4
  • 3
8 Comments
 
LVL 85

Expert Comment

by:ozo
ID: 40620398
"hello<br>world"
0
 

Author Comment

by:Pradip Shenolkar
ID: 40620404
@ ozo : That's  not right.
0
 
LVL 51

Expert Comment

by:Steve Bink
ID: 40620468
You'll need to execute two writes - one for "Hello" and one for "World" - using different y locations.
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

Author Comment

by:Pradip Shenolkar
ID: 40620516
@Steve Bink : It is a texture on which I am writing "Hello World". I have attached that texture on Cube geometry.
First step what I do is create a texture with "Hello world" and then I attach it to Cube geometry in three js.
So keeping these things in mind could you guide me ?
0
 
LVL 51

Accepted Solution

by:
Steve Bink earned 2000 total points
ID: 40620655
I'm not at all familiar with threex, so I'm afraid I won't be of much help.  My earlier suggestion was made after a brief examination of the source, and some assumptions about the primary library.  Working from there, I would think you do something like this:
dynamicTexture3.drawText("Hello", undefined, 250, 'black')
               .drawText("World", undefined, 262, 'black');

Open in new window

0
 

Author Comment

by:Pradip Shenolkar
ID: 40620676
I think you brought me more close to answer.
According to your code "Hello" is overlapped by "World".
0
 
LVL 51

Expert Comment

by:Steve Bink
ID: 40621187
Then adjust the "y" values until they don't overlap.
0
 

Author Closing Comment

by:Pradip Shenolkar
ID: 40621288
Above Accepted Solution is working.

Sorry for rejecting it.
solution.png
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In my daily work (mainly using ASP.net), I need to write a lot of JavaScript code. One of the most repetitive tasks I do are the jQuery Ajax calls. You know: (CODE) I don't know if for you it's the same, but for me is soooo tedious to write the …
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

877 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question