Start at P5.js

Most digital artists might realize about Processing, which can make good data driven design. However, it made by Java, so it merely run on 模拟器(simulators) , it is not convenient to suitable different devices today. So, P5 is a good replacement, it base on Javascript so most devices such as mobile desktop both run it.

What does P5 do?

Same as processing, it drive data to generate graphic. It generate shape in canvas element, so it makes bitmap graphics basically.

advanced aspects

accessibility

It base on Javascript so most devices support to run P5 scripts. Furthermore, it is super easy to write! It has Event function which can continue monitor and return the position of mouse, so shapes can be dynamic and changed or move with the operation of user.

High performance

Bitmap graphics are suitable to generated massively, different with SVG in html, bitmap graphics not add DOM, so it can be rendered quickly.