Mobile Widgets

Rectangle node

Interface
Description
Fields
Example

Interface

Rectangle {
  SFVec2f size 1 1
  SFVec2f cornerRadius 0 0
}

Description

Display a rectangle centered with the axis and according to the related material with the following specificity when appearance is:

a solid color material: scaling, rotation and transparency are fully supported.
an image texture: scaling and transparency are fully supported.
Rotation is only supported by multiple of 90 degree.
a movie texture: scaling is supported but transparency is not.
If rotation is not zero, video is displayed in landscape mode if supported by the device.

The field cornerRadius allows to display rounded corners for solid rectangle but not with image or video textures.

Fields

SFVec2f size 1 1:
The field size is in pixels and is modified by the above transformations.
If any size component is negative, it is replaced by the corresponding image dimension (i.e. size -1 -1 uses actual image dimension).

SFVec2f cornerRadius 0 0:
When cornerRadius has non zero values, the rectangle is rendered with rounded corners.
The above transformations also apply to these values.
Rounded corners are only supported with Material2D (solid color, transparency and filled properties).

Example

#VRML V2.0 utf8
#VRML V2.0 utf8

# Shape to draw a simple red rectangle.
Shape {
  appearance Appearance {
    material Material2D { emissiveColor 1 0 0  filled TRUE }
  }
  geometry Rectangle { size 150 150 }
}
# Shape to draw an icon.
Shape {
  appearance  Appearance {
     texture ImageTexture { url ["icon.png"] }
  }
  geometry Rectangle { size 48 48 }
}
# Shape to draw a movie.
Shape {
  appearance Appearance {# Movie background
    material Material2D {
      emissiveColor 0 0 0
      filled TRUE
    }
    # Movie
    texture DEF MOVIE MovieTexture { url IS mediaUrl }
  }
  # Movie display screen
  geometry DEF MOVIE_REC Rectangle {
    size 240 240
  }
}