Object Types

Note

Now being updated for Qgis2threejs version 2.2.


Point Layer

Sphere | Cylinder | Cone | Box | Disk | Plane | Icon | Model File

Sphere

Sphere with specified radius, color and transparency

image01

Specific settings :

  • Radius
    Numerical value.

Origin :

center of sphere

three.js geometry class:

Cylinder

Cylinder with specified radius, height, color and transparency

image02

Specific settings :

  • Radius
    Numerical value.
  • Height
    Numerical value.

Origin :

center of bottom (if height > 0)

three.js geometry class:

Cone

Cone with specified radius, height, color and transparency

image03

Specific settings :

  • Radius
    Numerical value.
  • Height
    Numerical value.

Origin :

center of bottom (if height > 0)

three.js geometry class:

Box

Box with specified width, depth, height, color and transparency

image04

Specific settings :

  • Width
    Numerical value.
  • Depth
    Numerical value.
  • Height
    Numerical value.

Origin :

center of bottom (if height > 0)

three.js geometry class:

Disk

Disk with specified radius, orientation, color and transparency

image05

Specific settings :

  • Radius
    Numerical value.
  • Dip
    Numerical value in degrees. See Strike and dip - Wikipedia.
  • Dip direction
    Numerical value in degrees.

Origin :

center of disk

three.js geometry class:

Plane

Plane with specified length, width, orientation, color and transparency

image06

Specific settings :

  • Width
    Numerical value.
  • Length
    Numerical value.
  • Dip
    Numerical value in degrees. See Strike and dip - Wikipedia.
  • Dip direction
    Numerical value in degrees.

Origin :

center of plane

three.js geometry class:

Icon

Image which always faces towards the camera. When an image file on local file system is specified, the image file is copied to the export destination. When an image file on a web server is specified, the model file is not copied.

image07

Specific settings :

  • Image file
    File path or URL.
  • Scale
    Numerical value.

Origin :

center of sprite

three.js object class:

Model File

Load 3D model from supported format model file. COLLADA (.dae) and glTF (.gltf, *.glb) are supported. When a model file on local file system is specified, the model file is copied to the export destination. You need to copy the relevant files such as texture image after export. When a model file on a web server is specified, the model file is not copied.

image08

Specific settings :

  • Model file
    File path or URL.
  • Scale
    Numerical value.
  • Rotation (x)
    Numerical value in degrees.
  • Rotation (y)
    Numerical value in degrees.
  • Rotation (z)
    Numerical value in degrees.

Origin :

origin of model

Line Layer

Line | Pipe | Cone | Box | Profile

Line

image11

Specific settings :

no specific settings

three.js object class:

Image was created with GSI Tiles (ort, dem).

Pipe

Places a cylinder to each line segment and a sphere to each vertex.

image12

Specific settings :

  • Radius
    Numerical value.

three.js geometry classes:

Image was created with GSI Tiles (airphoto, dem).

Cone

Places a cone to each line segment. Heading of cone is forward direction.

image13

Specific settings :

  • Radius
    Numerical value.

three.js geometry class:

Image was created with GSI Tiles (ort, dem) and National Land Numerical Information (Rivers. MILT of Japan).

Box

Places a box to each line segment.

image14

Specific settings :

  • Width
    Numerical value.
  • Height
    Numerical value.

three.js geometry class:

Image was created with GSI Tiles (airphoto, dem).

Profile

Makes a vertical plane under each line segment.

image15

Specific settings :

  • Other side Z
    Z coordinate of the other side edge.

three.js geometry class:

Image was created with SRTM3 elevation data.


Polygon Layer

Extruded | Overlay | Triangular Mesh

Extruded

Extruded polygon with specified height, color and transparency

image21

Specific settings :

  • Height
    Numerical value.

three.js geometry class:

Image was created with GSI Tiles (ort, dem) and OpenStreetMap (© OpenStreetMap contributors, License).

Overlay

Overlay polygon draped on the main DEM with specified color, border color and transparency. When the altitude mode is Relative to DEM layer, each polygon is split into triangles using a triangle mesh generated from the DEM, and is located at the relative height from the mesh surface. Otherwise, creates a flat polygon at a specified altitude.

image22

Specific settings :

three.js classes:

Image was created with GSI Tiles (ort, dem) and National Land Numerical Information (Sediment Disaster Hazard Area. Provided by Okayama prefecture, Japan).

Triangular Mesh

Build 3D objects from 3D triangular geometries. All layer geometries are assumed to be triangles. If you want to use polygon data that doesn’t consist of triangles, perform triangulation using tessellation algorithm of Processing first.

image23

Specific settings :

three.js classes: