Butter Documentation

Butter is built using p5 2.x. Standard p5 functions are valid within Butter; refer to the p5 2.x docs for reference. We also provide some additional Butter-specific functionality below.

Examples

Looking Glass

Glow Text

Logo Drop

Smoke Text

Twist Slideshow

Bubble

Stacked Layers

Tutorials

• Getting Started
• Using Filter Shaders
• Animating Fields
• Variable Fonts

Setup

• createCanvas()
• canvasPadding()

Draw

• orbitControl()
• drawParentToCanvas()
• totalFrames
• drawTransparent()
• drawTwoSided()

Fields

• loadFont()
• loadImage()
• createVideo()
• createInput()
• createColorPicker()
• createSlider()
• loadImageOrVideo()
• loadImagesOrVideos()
• loadImages()
• createVideos()

Assets

• origWidth
• origHeight
• empty
• updatesSize()

Events

• componentResized()

Environment

• Draws Using Previous Frame State
• Frame rate in Butter
• Sizing Normalization