What is the function of a camera in the PeachWorlds builder?

In the PeachWorlds 3D website builder, a camera serves a crucial function similar to its role in a traditional 3D graphics environment or game engine. Here are some of its primary functions:

  1. Viewpoint Control: The camera determines the viewpoint or perspective from which the 3D scene is viewed. Users can manipulate the camera's position, orientation, and field of view to control how the 3D content is displayed on the website.
  2. Navigation: The camera enables users to navigate through the 3D environment by moving forward, backward, left, right, up, and down. This navigation capability allows users to explore the 3D content and interact with it more effectively.
  3. Zooming: The camera allows users to zoom in or out of the scene, enabling them to focus on specific details or view the entire scene from a broader perspective.
  4. Panning and Tilting: Users can pan the camera horizontally or vertically to shift the viewpoint and tilt it to change the angle of the view. These controls provide flexibility in examining different parts of the 3D content.
  5. Animation: Cameras can be animated to create dynamic effects such as fly-throughs, orbiting around objects, or transitioning between different viewpoints. This adds visual interest and enhances user engagement on the website.

When creating a new website, a main Camera element is included by default. This camera can be either perspective or orthographic and can be added to the 3D editor section of the PeachWorlds Builder multiple times. After selecting a specific camera, users can view it by clicking a button on the right side of the inspector panel. Alternatively, they can use the preview mode to view the main camera's perspective. Additionally, in the UI editor, users can switch between different camera views.

<aside> 🔥 TIP: Creating a Camera Dolly for better Camera animation - Watch Tutorial

</aside>

How do you add a Camera to the 3D scene?

  1. Click on the Add elements button in the top left corner

  2. On the pop up hover over the “basic” section to open another pop up

  3. On the new pop up you should see a Camera section

  4. Click on the “perspective camera” or “orthographic camera” element to add it to the 3D scene.

    Untitled

    How do I see the Camera’s point of view?

To switch to the camera's perspective from the builder's, click on the desired camera element to select it. In the inspector panel on the right, locate the Camera section. The first option there is "Enter camera view". Click this button to change to the camera view. To leave this view, click the same button, now labeled "Exit camera view". Alternatively, enter preview mode to also view from the main camera's perspective.

Untitled

How do I switch from the Main Camera’s view?

The primary camera is standard for every new website. Its view is displayed in the UI editor, preview mode, and on the published site. However, you might require a different viewpoint or camera type for the UI editor.

Fortunately, the main camera in the UI editor can be changed to any other camera present on the 3D canvas. To do this, navigate to the UI editor, select the 3D scene element in the hierarchy view, and locate the camera section in the inspector panel. Here, a new primary camera can be chosen from a dropdown menu.

Additionally, you can switch to a different Breakpoint view (e.g., Mobile) and assign a separate camera. This allows for different camera views on different devices.