<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[The 3D Axis]]></title><description><![CDATA[<p dir="auto"> </p>
<h2><a class="anchor-offset" name="prerequisite"></a>Prerequisite</h2>
<ul>
<li><a href="/topic/5/initializing-a-3d-scene">Initializing a 3D Scene</a></li>
</ul>
<p dir="auto"> </p>
<h2><a class="anchor-offset" name="description"></a>Description</h2>
<p dir="auto">In 2D projects, we use 2 arrows to represent the X and Y directions. In 3D projects, we use 3 arrows to represent the X, Y and Z directions:</p>
<p dir="auto">ccimg3||900||,</p>
<p dir="auto"> <br />
You can use this block to add 3 arrows to represent X, Y and Z directions.</p>
<p dir="auto">ccimg3||400||,</p>
<p dir="auto"> </p>
<h3><a class="anchor-offset" name="parameters"></a>Parameters</h3>
<ul>
<li><strong>visible</strong>: If “yes”, the 3D axis is shown; if “no”, it will be hidden.</li>
<li><strong>arrow length</strong>: a number that controls the length of the 3 arrows, which is 500 by default</li>
</ul>
<p dir="auto"> <br />
 </p>
<h2><a class="anchor-offset" name="behavior"></a>Behavior</h2>
<p dir="auto">By default, the X-axis will point to the right, and the Y-axis will point into the screen, and the Z-axis will point up. They all start from the same point called the “<strong>origin</strong>”, which is the center of the 3D world.</p>
<p dir="auto">The opposite directions of the 3 axes are called the “negative” directions. For example, the negative X direction points to the left, since it is opposite to the x-axis’s direction.</p>
<p dir="auto">When you move the camera to look down from the top, you will find the X and Y axes are the same as the 2D axes. The benefit is that most objects would only move on the ground, so we only need to work with the X and Y directions in those cases.</p>
<p dir="auto">ccimg||500||,</p>
<p dir="auto"> <br />
 </p>
<h2><a class="anchor-offset" name="note-on-the-z-axis"></a>Note on the Z-axis</h2>
<p dir="auto">Many people tend to forget that the <strong>Z-axis is the vertical axis that points up</strong>. To help you remember it, think of the letter “Z” as the shape of the stairs, which can help you go up:</p>
<p dir="auto">ccimg||300||,</p>
<p dir="auto"> </p>
<h2><a class="anchor-offset" name="example-program"></a>Example Program</h2>
<p dir="auto">Note that you have to initialize a 3D scene <strong>before</strong> loading the 3D axis:</p>
<p dir="auto">ccimg2||400||,</p>
<p dir="auto"> <br />
 </p>
<h2><a class="anchor-offset" name="different-coordinate-systems-advanced"></a>Different Coordinate Systems (Advanced)</h2>
<p dir="auto">There are many tools and platforms for working with 3D scenes. Unfortunately, they may define the X/Y/Z directions differently.</p>
<p dir="auto">Here are some example systems for each convention:</p>
<ul>
<li>X points to the right, Y points forward, Z points up: <a href="https://creaticode.com/" target="_blank" rel="noopener noreferrer nofollow ugc">CreatiCode</a>, <a href="https://www.tinkercad.com/" target="_blank" rel="noopener noreferrer nofollow ugc">Tinkercad</a>, <a href="https://blender.org/" target="_blank" rel="noopener noreferrer nofollow ugc">Blender</a>, <a href="https://www.autodesk.com/products/3ds-max/" target="_blank" rel="noopener noreferrer nofollow ugc">3ds Max</a>, <a href="https://www.autodesk.com/products/autocad" target="_blank" rel="noopener noreferrer nofollow ugc">AutoCAD</a>, <a href="https://www.sketchup.com/" target="_blank" rel="noopener noreferrer nofollow ugc">SketchUp</a></li>
<li>X points to the right, Y points up,  Z points forward: <a href="https://unity.com/" target="_blank" rel="noopener noreferrer nofollow ugc">Unity</a>, <a href="https://www.maxon.net/en/cinema-4d" target="_blank" rel="noopener noreferrer nofollow ugc">Cinema 4D</a></li>
<li>X points to the right, Y points backward, Z points up: <a href="https://www.unrealengine.com/" target="_blank" rel="noopener noreferrer nofollow ugc">Unreal Engine</a></li>
<li>X points to the right, Y points up, Z points backward: <a href="https://www.autodesk.com/products/maya/" target="_blank" rel="noopener noreferrer nofollow ugc">Maya</a>, <a href="https://www.sidefx.com/" target="_blank" rel="noopener noreferrer nofollow ugc">Houdini</a></li>
</ul>
<p dir="auto"> <br />
CreatiCode’s convention makes it easier for students who already know Scratch’s 2D coordinates. When you move the camera to look down from above, you would get the familiar 2D directions (X points to the right and Y points up), and blocks like “turn left” or “change x” would work the same way.</p>
<p dir="auto"> <br />
 </p>
<h2><a class="anchor-offset" name="learn-more"></a>Learn More</h2>
<ul>
<li><a href="/topic/14/adding-boxes-to-a-3d-scene">Adding Boxes to a 3D Scene</a></li>
</ul>
]]></description><link>https://forum.creaticode.com/topic/18/the-3d-axis</link><generator>RSS for Node</generator><lastBuildDate>Fri, 15 May 2026 19:57:13 GMT</lastBuildDate><atom:link href="https://forum.creaticode.com/topic/18.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 13 Jan 2022 13:32:04 GMT</pubDate><ttl>60</ttl></channel></rss>