Responsive Design & Threekit Player

Introduction

The purpose of this article is to give guidance on best practices when it comes to the Threekit Player & responsive design.

3D Player

  • The player size should be set using absolute values. Relative values may cause unexpected or undesirable effects on screen resizing.

  • Absolute values should be set for pre-determined breakpoints.

  • In-player behavior: 3D object will resize itself to retain 'padding' around the object.

2D Player

  • Player size should be set using absolute values.

  • Absolute values should be set for pre-determined breakpoints.

  • Keep underlying image aspect ratios in mind. May need additional breakpoints to avoid vertical white bars (for images without plain white/whitesweep background) for certain sizes.