NOTE: This version of the documentation tracks unstable development happening on A-Frame’s
masterbranch. If you wish to try it out, grab the unstable build. Otherwise, head to the documentation for the current 0.8.0 version
The curved image primitive creates images that bend around the user. Curved images arranged around the camera can be pleasing for legibility since each pixel sits at the same distance from the user. They can be a better choice than angled flat planes for complex layouts because they ensure a smooth surface rather than a series of awkward seams between planes.
Under the hood, a curved image is a double-sided open-ended cylinder with textures mapped to the inside of the cylinder.
|Attribute||Component Mapping||Default Value|
Ensuring that the image is not distorted by stretching requires us to carefully
theta-length attributes relative to the image
According to this formula:
S = r * θ
We need to calculate
S to match the
height value preserving
the original aspect ratio of the image. In this formula,
θ is set in radians
S properties are set in meters.
thetaStart defines where to start the arc and
thetaLength defines where the arc ends.
Once those values are fine-tuned to avoid distortion, we can use
scale to safely adjust the distance of the curved image relative to the user.