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

Control panel

PreviousDesign ToolsNextGizmo and assets manipulation

Last updated 10 months ago

The Control Panel, which occupies the upper left part of the workspace, collects the display settings and commands for confirming the edit or deleting the object.

We have already discussed the in space in the design phase, and we have highlighted the concept of POV, which corresponds to a camera that frames the workspace from vantage points that we choose. This type of construction allows us to have an overview, but it does not give us the certainty that we have designed the spaces optimally, at least from the point of view of walkability.

So, in order to validate the scene structure without necessarily publishing the environment to test it, the control panel helps us with the first two buttons from the left. These two buttons actually transform the working mode, locking the POV by assigning real motion functions to the keyboard and mouse.

First person

In this mode, the controls differ from the game mode in that the keyboard is essential to enable movement, while the mouse provides a spherical view (x and y axes) and the click provides interaction feedback (if any).

The corresponding keys to apply motion are W-A-S-D, where

  • W: forward

  • S: backward

  • A: left sideways shift

  • D: right sideways shift

  • SHIFT: run

  • SPACE: jump

To exit this mode, press the ESC key on the keyboard to release the mouse.

Third person

As in the first-person view, movements are entrusted to the keyboard with the same configuration, while the mouse orients the view and thus the direction of movement.

This mode is very useful when a human reference is needed to estimate proportions with the dimensions of objects in the scene.

For example, commonly used elements such as buildings and doors can be resized if necessary, but incorrect proportions could prevent proper enjoyment or create unwanted visual effects. A third-person motion test can help us properly evaluate any staging choices.

Focus Camera

What determines which view we get is the existence of an active selection:

  • If no object is selected, the Focus Camera button returns to the scene initialization coordinates;

The focus camera is one of the least used features in the early stages of editing a scene, as the mostly empty environment allows for easy selection and editing. However, this simplicity creates a habit. In fact, management becomes complicated when there is a building to set up, and moving within it can become complex because the focus corresponds to a kind of pivot. It should be remembered that linear movement (W and S keys, on the z axis), unlike lateral movement, does not move the focus, but only the distance from it, and by rotating the view, architectural elements such as walls or other staging elements could be inserted between our point of view and the object to be edited.

Best practice: it might be necessary to move an object from a clearly visible position to another semi-hidden position or out of our field of view (more on this topic later). In some cases, an inaccurate movement might cause us to miss the object. In either case, before confirming its position, it would be a good idea to use the focus camera button (or the F key) to bring the object back into visual focus.

Legend

Erase/Confirm

Normally disabled, these buttons become active only when an object is selected.

Best practice: when you are working on a layout that includes buildings and furniture, you may accidentally select a building and delete it, or move it and confirm the new location. To avoid this, when structuring complex spaces, it is a good practice to mark the position, rotation, and scale coordinates of the buildings on a note, exactly as they are described by the tools themselves, so that you can effectively relocate changed objects to the same positions.

The first button activates the first-person viewport, simulating the presence of an avatar. As long as the mouse is inside the viewport, the pointer disappears: this way, mouse movements, in combination with the keyboard, orient the view and thus any non-straight movements.

Pressing ESC again will lock the mouse again , while clicking on the first person key will return you to construction mode.

The next button brings an avatar into the scene by imposing a third-person view.

This topic has already been covered , but let's take a closer look: the third element in the control panel is the "focus camera" button , and it is actually a function that is useful in the default viewing mode, i.e. free camera. As already mentioned, the focus repositions itself as the camera is moved, according to the positioning and manipulation of objects in the scene. It natively corresponds to a specific view of the object in use, or of the initial coordinates of the space.

if an object is selected, the Focus Camera button will reset the focus on it, bringing the POV to a predefined distance from the object's ; only in this case, we can use the same function through a keyboard shortcut by pressing the F key.

The only function of this element is to summarize the most important commands of the Builder, already mentioned here, regarding the movement and editing of objects and the movement in space.

The first , has the sole function of deleting the selected item from the scene, and is irreversible. Its shortcut is the CANC key on a PC or Fn+Backspace on a Mac.

The second , confirms the position and is conditional on the validity of the position itself. In fact, as we will see later, we can only confirm the position for elements that are not larger than the scene itself, inscribed in it, or otherwise not outside its boundaries. Its shortcut is the ENTER key.

management of movement
pivot
here