Live Sketch

Real-time preview for Processing (.pde) and p5.js sketches directly in VS Code. Edit your code and see your sketches instantly, with live updates and error feedback.

Features

• Live preview for .pde and .js (p5.js) files
• Automatic updates when code changes
• Syntax error feedback in the preview

Installation

1. Open a .pde or .js file.
2. Click the "Preview Sketch" button in the editor title bar.

Usage

• Edit your sketch code and see the live preview instantly.
• Errors are displayed in the panel if your code has syntax issues.
• Close the panel to stop the sketch.