Butter Documentation

Any p5.js functions are valid within Butter, but we also provide some additional functionality.

Examples

Looking Glass

Glow Text

Logo Drop

Smoke Text

Twist Slideshow

Bubble

Stacked Layers

Tutorials

• Getting Started
• Using Filter Shaders
• Animating Fields

Setup

• createCanvas()
• canvasPadding()

Draw

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

Fields

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

Assets

• origWidth
• origHeight

Events

• componentResized()

Environment

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