Skip to content

Quad Widget

The quad widget is used to draw solid polygons on a slide.

Here's an example:

      - type: quad
        points: 210, 110, 210, 150, 500, 200, 590, 190
        color: pink
      - type: quad
        points: 50, 550, 400, 400, 400, 100, 200, 200
        color: lime

Which results in the following:



type: quad


Quad widgets also have "common" widget settings for position, opacity, animations, color, style, etc. Those are not listed here, but are instead covered in common widget settings page.

Also remember that all widget settings can be controlled via widget styles, rather than you having to set every setting on every widget.

The following quad widget settings may be animated: color:, points:, opacity:, rotation:, and scale:.

type: quad

Tells MPF this is a quad widget.


A list of 8 values representing x,y coordinate pairs for the four corners of the quad.

A list of the x,y coordinates of the corners. Note that to have a normal four-cornered shape, the corners need to be in order. You can start with any one and go clockwise or counter-clockwise, but if you enter the corners in a mixed order like 1, 3, 2, 4 then it's possible your quad will fold over itself and look weird.

Something missing or wrong? You can fix it!

This website is edited by people like you! Is something wrong or missing? Is something out of date, or can you explain it better?

Please help us! You can fix it yourself and be an official "open source" contributor!

It's easy! See our Beginner's guide to editing the docs.

Page navigation via the keyboard: < >

You can navigate this site via the keyboard. There are two modes:

General navigation, when search is not focused:

  • F , S , / : open search dialog
  • P , , : go to previous page
  • N , . : go to next page

While using the search function:

  • Down , Up : select next / previous result
  • Esc , Tab : close search
  • Enter : go to highlighted page in the results