Coderblock Docs ENG
  • Onboarding
    • Welcome to Coderblock Studio!
    • Coderblock World
    • Support
    • Italian Doc Guide
  • CODERBLOCK STUDIO
    • Coderblock Studio
    • Subscription plans
      • Plans for companies
        • Plus
        • Premium
        • Custom
      • Plans for Creators
        • Free
        • Plus
        • LAND
    • Payment Methods
    • Builder Tool
      • Building with the Builder Tool
      • How to: create a new scene
      • How to: manage my scene
      • 3D model library
      • Upload your own 3D models
      • Objects features
      • NPC and conversations
      • Quests: what they are and how to create them
      • OpenAI - COMING SOON
      • Rights on my creations
    • Virtual environment management
      • Live streaming in my environments
      • Users in my scene (CCU)
      • Users interactions
      • Website integration
      • Video call integration
    • Builder Tool - Advanced guide
      • Working environment
        • Scene management
          • Finalization Tools
        • View and movements
        • Design Tools
          • Control panel
          • Gizmo and assets manipulation
            • Position
              • Movement on the orthogonal plane
            • Rotation
            • Scaling
            • Universal tool
            • Copy/Paste
          • Asset packs
            • Interactive elements
            • Graphic components
            • Uploading custom objects
          • Scene monitoring
    • ➡️BUSINESS
      • Start
        • Plans in detail
          • Plus
          • Premium
          • Custom
        • Spaces, Lands e Digital twin
          • Spaces
          • Land
          • Digital Twin
        • Getting started with Coderblock
          • Login/Sign up
        • Virtual scene management
      • Create
        • Builder Tool
        • Virtual experiences
          • Offices
          • Events
          • HR and Recruitment
          • Training
          • E-commerce
        • Workspaces inside the virtual world and case studies
          • Flagship Station by Q8
          • LE VILLAGE by Crédit Agricole Triveneto
          • SAVE THE CHILDREN - #bambinisottoattacco
          • SACE JOB FAIR by Sace Group
      • Sharing
        • How to: publish a scene
        • How to: sharing a scene - COMING SOON
        • Creator profile page - COMING SOON
        • Coderblock Hub - COMING SOON
          • Marketplace
          • Experiences
      • Business opportunities
        • Goals
          • Awareness
          • Lead generation
          • Sales
          • Networking
          • Workflows optimization
        • Analytics Dashboard - COMING SOON
    • ➡️CREATORS
      • Start
        • Plans in detail
          • Free
          • Plus
          • Land
        • Spaces and lands
        • Acess to Coderblock Studio
          • Login/Sign up
        • Virtual Scene Management
      • Create
        • Builder Tool
        • Virtual experiences
        • Landowners creations
      • Share
        • How to: publish a scene
        • How to: share a scene - COMING SOON
        • Creator profile page - COMING SOON
        • Coderblock Hub - COMING SOON
          • Marketplace
          • Experiences
        • Analytics Dashboard - COMING SOON
      • Monetize
        • Earn from your creations
        • Sell your own creations
          • Pricing
          • Fee
          • Content Rules
        • Business opportunities
  • CODERBLOCK WORLD
    • Coderblock World
    • Platform access
      • Login/signup
      • Data recovery
      • Open World & Spaces
    • User Experiences
      • Photorealistic avatar: Coderblock Studio x Ready Player Me
      • How to: create and customize your avatar
      • First steps
      • Interactions
      • Menu
    • Privacy Policy e guide lines
      • Privacy Policy
      • Customer Relationship Philosophy
      • User Behavior
  • CODERBLOCK LANDS
    • Open World
    • Lands
    • Landowners: main benefits
    • How to: get your lands
    • Visit Land with direct link
    • Landowner onboarding
      • Associate your lands to your wallet
        • Download the browser
        • Install Metamask
        • Access to Metamask
        • Create your wallet
        • Import your wallet
        • Confirm wallet creation
        • First setup
        • Switch to Polygon
        • PolygonScan
        • Import your lands
      • Manage your lands in Coderblock Studio
        • Your properties
        • Land editor
        • Builder Tool
        • Troubleshooting
  • F.A.Q.
    • Frequently Asked Questions
    • Coderblock Studio
      • Business
      • Creator
    • Coderblock World
    • Coderblock Lands
Powered by GitBook
On this page
  1. CODERBLOCK STUDIO
  2. Builder Tool - Advanced guide
  3. Working environment
  4. Design Tools

Gizmo and assets manipulation

PreviousControl panelNextPosition

Last updated 10 months ago

When we pick up an object from the , or when we select an object that already exists in the scene, the most important tool is undoubtedly the gizmo. The Gizmo is a virtual object that overlays the selected element to allow editing, and it is present in the Builder in four forms: one for each type of spatial transformation, and a universal one that includes them all.

The transformations concern position, rotation and scale, and their activation results in a different gizmo configuration, so that the transformation used can be recognized at a glance. When we select an object for the first time, the gizmo related to positioning appears by default, but after the first editing it will inherit the last tool used, in order to speed up any recurring operations.

Pivot

The gizmo does not occupy a random point on the object, but a specific position corresponding to the pivot. The pivot relative to the 3D model is intrinsic, i.e. it is arbitrarily defined when creating/exporting the object itself and cannot be changed in the Builder. It corresponds to a point that we might call a relative origin, i.e. the intersection of the axes, and it provides the Builder with instructions on how to position the object relative to the point where we clicked to release it. This means that for a simple 3D model such as a cube, if it has a fulcrum placed at its base, placing it at a point in our space will cause the cube to rest on the selected face. On the other hand, if the fulcrum were at its center of gravity, selecting the surface on which to place it will give us the effect of an object intersecting with the surface itself, leaving half of the cube exposed. Considering the exact placement of the pivot will be important if we decide to create and upload (e.g., a pivot away from the base of the model can be useful for creating floating objects).

Grid and Snap

When an object is selected, a grid is highlighted, which is useful as a spatial reference. The unit of measurement when discussing coordinates and dimensions is the meter, and each plot measures 16x16m.

The grid superimposed on a plot divides the space into sixteenths, so that each small block measures 1x1m.

In order to speed up the design process, a snap, i.e. an anchor to a specific measure, has been set, which binds movement and scaling operations to fixed values. This measure allows increments and decrements of 1/4 units. The meaning of this value will be explained in the next sections of the manual.

Shortcut

  • W: positioning tool

  • E: rotation tool

  • R: scaling tool

  • T: universal tool

It should be noted that accidentally activating these tools during a POV movement will not interfere with the editing of the object, unless you intervene with the mouse on the selected object.

Playground

In the following sections, we will explore the different gizmos in detail by spatially manipulating a cube taken directly from the Asset Pack

A reference configuration will be used. The yellow cube will be the object of manipulation in all four modes. The remaining four coloured cubes will remain fixed in the scene as a spatial reference. The focus will always be on the yellow cube, positioned with coordinates x: 24; y: 0; z: -24.

The attached videos provide an overview of the tools that we will explore in more detail in the following sections:

If you need to move the POV while editing an object, you can use the keyboard commands . However, you may notice that the gizmo changes shape during these movements. This is because some tool selection shortcuts share the same keys as the POV movement. These shortcuts, which we will discuss together, are as follows:

asset pack
custom objects
as described before
22MB
gizmo_position_rotation_scale.mp4
5MB
gizmo_universal.mp4