Getting Started Tutorial


Environment Basics


15 minutes

Posted on: November 9, 2017

Learn Sumerian
Environment Basics

Tags

environment
skybox
after effect
color
video

In this tutorial you will learn about:

Skyboxes
after effects

The Environment is an essential part of creating a 3D application. It typically acts like an outdoor, physical Environment in real life: sky, fog, the horizon, etc. This is where you define everything surrounding your 3D objects, but the Environment greatly influences the appearance of your 3D objects. This tutorial looks at the Environment component and its various properties and settings.

You’ll learn about:

  • Environment
  • Background color
  • Skyboxes
  • Particles

Prerequisites

Before you begin, you should have completed the following tasks and tutorials:

Step 1: Create a New Scene

  1. From the Dashboard, create a new Empty Scene and title it “Environment Tutorial”. This scene will be created with only a camera.

  2. Navigate to the Entities panel. Select the top level entity, which we titled Environment Tutorial.

  3. Navigate to the Inspector panel, and then choose the Environment component.

Step 2: Understanding the Environment Component

Skybox

A Skybox can be described as an infinitely large virtual box that can be seen only from the inside. On this box, you can also project a texture of your choice. For the Default Lighting template, a Skybox is already included, which is the blue, gradient sky you see in the canvas.

  1. Click on the Skybox property.

  2. Add a new Skybox by clicking the + button.

  3. To see how a Skybox works, click the edit button (pencil icon).

  4. At the bottom of the Inspector panel you can now see six squares, known as a cubemap. Each side of the cubemap corresponds to a side of the Skybox in the canvas.

To experiment with the Skybox drag any image onto all sides of the cubemap to complete the Skybox. As an example, we added a texture of a cardboard box to all sides of the cubemap:

This is what now appears in our canvas: