Your Guide To
Welcome readers from ◎ Your Guide to Coding Creativity on the Canvas
Brief History of the Canvas Libraries and Frameworks
At the dawn of the canvas, the two main libraries were EaselJS (part of the CreateJS suite) famous for remaking the Atari Arcade and Pixi.js out of the United Kingdom. Both these were made by former Flash developers who have generously upgraded twenty years of Interactive Media knowledge to the world of mobile.
Each library provides a hierarchy system of containers that is called a Display List in Flash, a scene graph in gaming and a Document Object Model (DOM) in HTML. For the canvas, which is a bitmap, we could call it a Bitmap Object Model or a BOM. Apparently there is a Browser Object Model but this is not official so we will endearingly use BOM for Bitmap Object Model.
Processing, a Java Code Sketching environment often used for generative art and science experiments, was ported to the canvas as P5.js. A library called Paper.js made its way with code based on Adobe Illustrator. A few other libraries came and went as well. We will also mention Three.js for 3D.
What we might call Canvas 2 happened where the wildly successful Phaser game framework was built on top of Pixi.js. What was missing was a general canvas framework with components. This role was filled by ZIM which was built on top of CreateJS.