Background Cover Image Distortion

Definition

This field is only important if you want to customize or build your own 3D Venue.

It is used to render and distort an image based on how the panel is shaped in the 3D Venue.

Structure

backgroundCoverImageDistortion: {
  topLeft: ['60, 90', '0, 0'],
  bottomLeft: ['50, 415', '0, 720'],
  bottomRight: ['582, 418', '1280, 720'],
  topRight: ['589, 147', '1280, 0']
};

The code above is trying to distort a flat image and render it on the 3D Venue panel.