threejs

Component ID

2504447

Component name

threejs

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Component created

Component changed

Component body

This module adds a field to upload and display 3d objects from OBJ files and images using the ThreeJS library.

This module provides a

  • composite field type, consisting of
    • a file upload for a wavefront OBJ-file
    • an image upload field for the texture (or the 'uv' map
    • three fields for storing transform information (position, rotation, scale)
  • Per node settings that control settings for the scene in which the objects are displayed, such horizon-color, ground color and zenith color
  • - a 'viewer' that displays these object together in one 3d world. The viewer adds some 3d-controls for zooming, panning and orbitting

For a very quick and dirty impression of what the module does, how to install it and how to use it, see my screencast: Screencast

Like any field, multiple values can be stored. You could upload three different objects (each with their own texture and transform) and they will all be displayed in the same scene.

The scene takes 100% width by default, using the same width-height ratio as the document.window.

The viewer will try to zoom in to the object that's on top of the objects in the multi-value view and start orbiting around it. A click on the viewer will stop the orbiting behaviour.

Sponsored by Naturalis Biodiversity Center, Leiden, the Netherlands. (The Dutch national museum of naturalis history and a large research center)