3D Render
Activity Type

Description

This activity type allows the user to interact with a digital three-dimensional object. 

Features

subdirectory_arrow_right

Object Files

This activity type can render objects saved in the .obj format.

subdirectory_arrow_right

Theming

The background and object color can be configured.

subdirectory_arrow_right

Material

There are pre-configured defaults for different object materials to change the look of the object: wireframe, flat, smooth, shiny, matte, metallic, cartoon. 

subdirectory_arrow_right

Labels

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

subdirectory_arrow_right

Lighting

There are pre-configured defaults for toggling ambient, key, fill, spot and back lighting. 

subdirectory_arrow_right

Camera

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

subdirectory_arrow_right

Autorotate

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

subdirectory_arrow_right

Restricted Mode

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

Examples

label

Modern Salmon

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

Resources

javascript

three.js javascript library

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

info

Activity Guide

We offer a wiki guide you can follow to create an interactive using this activity type.

assignment

Draft Template

We provide a template in the Open Document Format that can be used with word processors to draft the language and media for this activities before they are coded.

code

Code Editor

We host an interactive JSON editor that can be used to input activity data, then download the completed JSON template.

Community