Skip to content

dipamsen/p5-editor

Repository files navigation

p5.js Web Editor, powered by VSCode's editor

image

This is a simple stateless web editor for p5.js sketches. It uses the monaco editor, which is the underlying editor for VSCode.

This project is heavily based on the p5.js web editor. It is a demonstration of the TypeScript language service in the monaco editor, and how it can be used to provide autocompletion and documentation for p5.js functions.

Type completion and documentation is provided by p5-types/p5.ts.

Features

p5 functions autocompletion

image

Documentation on hover

image

Function parameter quick info

image

Inline color picker for color-based functions

image

Custom context menu

image

License

MIT License

About

Online editor for creating p5.js sketches, powered by Monaco

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published