3D Text
-
Prerequisite
Introduction
There are 2 blocks that you can use to add text objects to a 3D scene. The key difference between them is whether the text has some thickness or not. We will focus on text with no thickness first.
3D Text with No thickness
You can add 3D text with no thickness to a scene using this block:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a526a8c0-8511-45aa-88d5-7d49a37d9490.png" width="900" style="">
Text Input
For the first input, you can write any text (numbers, letters, symbols), such as “Hello!”. Note that by default the text will be facing the same direction as the Y axis.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/afc92afc-dfdc-4c55-ba85-0af760cf2a51.gif" width="800" style="border-radius: 5px; border: 1px solid #29622d;">
You can also use emojis as the text input. There is a complete list of emojis in this website.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/2b77631a-218d-4498-a2d6-9a8b8606aa01.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
Font Style
The next input allows you to pick a different font style.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/bd67c9ba-004e-481f-8cfd-110544f3b731.gif" width="800" style="border-radius: 5px; border: 1px solid #29622d;">
Text Color
You can set the color (and transparency) of the text using the next input.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/694672d1-1a40-4e6f-8338-6ecb5478fb53.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
Width and Height Limits
You do not set the size of the letters directly. Instead, you specify overall limits on the width and height of the entire text object. Note that the text object will keep its own width and height in proportion, so long as it does not exceed the limits you specify.
For example, suppose you want to add some text over a box that’s 200 wide and 100 tall. You can then specify 200 and 100 as limits for your text’s width and height:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/0a26f876-38cc-40ac-b6b3-08b081e6f244.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
Diameter
By default, the text will be a flat object. However, sometimes you need the text to curve around another object, such as a sphere or a cylinder. You can use the diameter input to make the text curve back, and it will be as if the text is written over an invisible cylinder of the given diameter. Note that the text size is still controlled by the width and height inputs.
For example, if a cylinder has a diameter of 200, and you specify the diameter of the text to be 201, then your text will be closely wrapped around the cylinder.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/1fca303b-4bc2-43ea-81d6-c7a41068d694.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
Camera Facing
Since the text we add is flat, It is hard to read the text if you are not looking at its front face. To make sure the camera is always looking at the front face of the text, you can make the text always facing the camera. As the camera moves, the text will be rotated automatically to face the camera:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/280d2c83-3485-4b30-bcec-65d8952dc8ec.png" width="1000" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/5d4a4a32-6bb3-4d87-a45e-86901f85cc25.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
Add 3D Text with Thickness
You can use the following block to add a text object with thickness. In addition, much more text styles are available. Note that this block takes more computation to create the 3D text compared to the first block we introduced above.

There are 2 key differences:- Font: There are many more fonts for you to choose from.
- Thickness: Now you can set the thickness of the text object, so it is no longer invisible from the side.
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/812ea924-14b3-40a0-9275-33e6bee1cde6.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
Updating Text Color and Texture
The 3D text object is just like any other object. You can update its color or texture as well. For example, this program creates some text made of bricks:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/34782608-7073-4163-9a5d-5e0d688a9b40.png" width="1000" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/317fadc8-08bb-4802-83bf-3c9d7a241385.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
Updating Text Position, Rotation and Scale
You can also update the position, rotation and scale of a text just like any other object:
https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/7374d07d-4404-4b69-a29e-419604c60244.gif" width="1000" style="border-radius: 5px; border: 1px solid #29622d;">
-
I CreatiCode pinned this topic on
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login