Bubble 1

Level 1

User Interface Guide

🖥️ This is a 3D webGL application, tested on Chrome Version 146.0.7680.180 and Firefox 149.0.2

Interactable objects

Move your cursor over objects in the scene. When an object is interactive, the cursor will change to indicate the type of action available:

object has information associated

object can be clicked

object can be dragged horizontally

object can be dragged in any direction

Tip: Interactable objects that are important to the task are bright green.

Camera Controls

It is recommended to use a mouse ️to navigate the scene. You may also use the onscreen control panel, or keyboard for some camera movements.

Click to toggle open/close the controls menu.

Orbit Rotate the camera around scene
🖱️Right-click and drag
⌨️ A / D keys

Pan Move the camera
🖱️Left-click and drag
⌨️ Arrow keys

Zoom Move the camera closer or farther away
🖱️ Scroll wheel
⌨️ W / S keys


Scene Controls

CO2 Flow Control