Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • CreatiCode
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

CreatiCode Scratch Forum

  1. CreatiCode Forum
  2. Knowledge Base
  3. 3D Blocks
  4. 3D Text

3D Text

Scheduled Pinned Locked Moved 3D Blocks
1 Posts 1 Posters 1.2k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • CreatiCodeI Offline
    CreatiCodeI Offline
    CreatiCode
    wrote on last edited by admin
    #1

     

    Prerequisite

    • Cylinders and Tubes

     
     

    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.

    eb6140a9-928b-488d-b74d-8059d318124e-image.png

     
    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;">

    1 Reply Last reply
    0
    • CreatiCodeI 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
    Reply
    • Reply as topic
    Log in to reply
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes


    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode