Polymer element for live p5.js coding
HTML CSS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.bowerrc
.editorconfig
.gitattributes
.gitignore
.jshintrc
README.md
bower.json
demo.html
index.html
p5-element.css
p5-element.html
preview.png

README.md

p5-element

See the component page for updated information information.

Getting Started

Installation:

The easiest way to install the component in your page is by using bower:

bower install p5-element

Include the component and webcomponentjs on top of you page:

<script src="bower_components/webcomponentsjs/webcomponents.js"></script>

<link rel="import" href="bower_components/p5-element/p5-element.html">

Usage:

Simply use html tags in your code. It will render the editor with the canvas.

<p5-element></p5-element>

Since the element encapsulates p5.js functions and runs in instance mode, you can have multiple elements in the same page and run them side by side.

screenshot

Demo:

Demo

Licencse:

The MIT License (MIT)