3D Render (activity type)

This section contains CLIO documentation.

Overview

This activity type allows the visitor to interact with a digital representation of a three-dimensional object.

Features

Object

This activity type can render objects saved in the .obj format. The background and object color can be configured. There are pre-configured defaults for different object materials to change the look of the object: wireframe, flat, smooth, shiny, matte, metallic, cartoon. ^{[illustration needed]}

Labels

There is a label button in the bottom left corner that can be opened to display a rich text description.

Lighting

There are pre-configured defaults for toggling ambient, key, fill, spot and back lighting. ^{[illustration needed]}

Camera

This activity type can be configured to toggle rotation, panning and zooming.

Autorotate

The object can be set to autorotate around the Z axis.

Restricted Mode

This mode disables user interaction and rotates the object based on input position.

Examples

Modern Salmon

This activity displays a 3D render of a Chinook Salmon. Restricted mode is enabled.

About

This activity type uses the open-source three.js^[1] to render 3D objects.

References

↑ three.js 3D library/

Documentation
Installation	Look and Feel
Interaction Modes	Developing Activity Types
Creating an Interactive	Framework
Integrating CLIO	Contribute

[1] three.js 3D library/

[1]