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. Adding Boxes to a 3D scene

Adding Boxes to a 3D scene

Scheduled Pinned Locked Moved 3D Blocks
1 Posts 1 Posters 1.5k 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.
  • C Offline
    C Offline
    creaticodeteacher2-mail
    wrote on last edited by admin
    #1

     

    Prerequisite

    • The 3D Axis

    Introduction

    Boxes are the most basic building blocks for 3D worlds. For example, in Minecraft, you use boxes to compose all kinds of objects.

    To add a box in your scene, use the add box block from the 3D Object category:

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/db7bad5f-47b2-414f-8e8c-7a8aa38cc5c0.png" width="600" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

     

    Parameters

    Color

    You can set the color of the box by clicking on the color input and then moving the slider. Note that “Saturation” controls how intense the color is, and “Brightness” controls how bright or dark the color is. “Transparency” allows you to make the box transparent.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/18435f3b-1a5a-4fb6-938a-4c1a76a01831.gif" width="625" style="border-radius: 5px; border: 1px solid #29622d;">

     
    For example, these 3 green boxes have transparency values of 0, 30 and 60. The higher the value, the more transparent it is. In fact, you can even make an invisible box by setting transparency to 100!

    ccimg||700||,

     
    You can also use the up and down arrows to change the values by 1 each time. This gives you more control in case you want to set an exact number:

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/6698dfc5-d0d9-4ac2-9f8d-779756378aad.gif" width="625" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

     

    Size in x/y/z

    These 3 numbers control the size of the box in each of the x, y and z directions. For example, the following program adds a box with sizes of 400 for X, 300 for Y, and 200 for Z:

    ccimg2||700||,

    ccimg||425||,

     

    Edge Radius

    The edge radius property gives your box rounded edges and corners. A larger value will make the corners of the box more rounded. For example, the following picture shows the difference between edge radiuses of 0, 10 and 30:

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/afef4be0-8be9-4964-a9b4-2dbbbec5a042.PNG" width="800" style="border-radius: 5px; border: 1px solid #29622d;">

     

    As

    You can give the new box a name using the “as” input field at the end. See Names and Sprite Objects for more details.

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/bf285c88-1c52-484e-a256-6c20adc9b628.png" width="500" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

     

    Demo

    By changing the properties above, you can make many different types of boxes, such as:

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/862fcba9-4c05-4c68-be19-9f9ccbf0144c.PNG" width="900" style="border-radius: 5px; border: 1px solid #29622d;">

     

    6-Colored Boxes

    You can also add a box with different colors on each of the 6 faces using this block:

    ccimg2||900||,

    This block works very similarly to the “add box” block, except that you can set 6 colors, and you can not set the edge radius with it.

    Color Inputs

    The 6 inputs controls the colors of the “top”, “bottom”, “right”, “left”, “back”, “front” faces. Note that the entire box has only one transparency, and it can be set using the first input’s transparency slider. Here is an example:

    ccimg2||900||,

     

    Learn More

    • 3D Coordinates and Positions
    1 Reply Last reply
    0
    • CreatiCodeI CreatiCode pinned this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced this topic on
    • CreatiCodeI CreatiCode referenced 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