In Canvas Studio, the Box (technically known as BoxGeometry) is one of the most fundamental 3D shapes available. It represents a six-sided rectangular prism: commonly used to build everything from architectural blocks and crates to pillars and interface elements. Its simplicity makes it a go-to shape for rapid prototyping, yet it offers enough configurability to be used in polished, production-ready environments. The geometry is controlled using parameters that control not only size but also how the surface is subdivided, transformed, and rendered.
position – sets the box’s placement in 3D space along the X, Y, and Z axes; useful for positioning objects relative to one another in the scene.
rotation – defines how the box is turned around its X, Y, and Z axes; often used to animate or orient the box within the environment.
scale – controls the size of the box along each axis independently; allows stretching, flattening, or shrinking the shape.
castShadow – when enabled, the box casts shadows onto other objects; crucial for realistic lighting effects.
receiveShadow – allows the box to catch shadows cast by other objects; adds depth and realism.
visible – toggles whether the box is rendered; useful for logic-driven visibility or scene optimization.
wireframe – displays the geometry as a wireframe instead of solid faces; helpful for debugging or achieving a stylized look.
opacity – adjusts the transparency level of the box; a lower value makes it see-through, allowing for effects like glass or ghosting.
width – sets the size of the box along the X axis; defines how wide the object is.
height – sets the size along the Y axis; controls the box’s vertical height.
depth – sets the size along the Z axis; controls how far it extends into the scene.
widthSegments – splits the box along its width into segments; adds more vertices for detail or deformation.
heightSegments – divides the box vertically into segments; enables more precise control for animation and shading.
depthSegments – divides the depth of the box into segments; useful for texture mapping and mesh manipulation
The BoxGeometry element in Canvas Studio is more than just a simple cube: it’s a flexible, controllable shape that adapts to a variety of design needs. Whether you’re building a complex 3D environment or experimenting with basic forms, these properties give you the precision and creativity to shape your ideas with confidence.