Getting Started

Install Magerie and create your first procedural painting.

Installation

Download Magerie for your platform from the downloads page.

macOS

  1. Download the .dmg file
  2. Drag Magerie to your Applications folder
  3. Open Magerie from Applications

Windows

  1. Download the .exe installer
  2. Run the installer and follow the prompts
  3. Launch Magerie from the Start menu

Your First Node Graph

Magerie uses a node graph as its document format. Every canvas, generator, filter, and effect is a node. Here's how to create your first painting:

  1. Create a new project — File → New Project
  2. Add a Canvas node — Right-click the graph and select Canvas
  3. Start painting — Select the Canvas node and use the brush tool
// Example: Creating a simple blur pipeline
const canvas = createNode("canvas", { width: 1024, height: 1024 })
const blur = createNode("gaussianBlur", { radius: 5 })

connect(canvas.output, blur.input)

Node Types

Magerie ships with several built-in node categories:

Category Examples Purpose
Canvas Canvas, Solid Color Paintable surfaces and color sources
Generators Noise, Gradient Procedural content generation
Filters Blur, Sharpen, Levels Image processing
Transform Resize, Rotate, Crop Spatial transformations
Blend Mix, Overlay, Multiply Compositing operations

Keyboard Shortcuts

Tip: You can customize all keyboard shortcuts in Preferences → Keybindings.

  • Space — Pan the canvas
  • Cmd/Ctrl + Z — Undo
  • Cmd/Ctrl + Shift + Z — Redo
  • B — Brush tool
  • E — Eraser tool
  • Tab — Toggle node graph view

Next Steps