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:
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>
Click on the Add elements button in the top left corner
On the pop up hover over the “basic” section to open another pop up
On the new pop up you should see a Camera section
Click on the “perspective camera” or “orthographic camera” element to add it to the 3D scene.
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.
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.