-
Notifications
You must be signed in to change notification settings - Fork 0
Section 0: Preamble
p5js is a web framework that extends javascript for creating visual or interactive content in the browser. It is based on Processing, which is written originally in Java...
original premise via processing.org:
Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping.
stated premise of p5js.org:
p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web.
Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you're not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.
p5.js is a new interpretation, not an emulation or port, and it is in active development. An official editing environment is coming soon, as well as many more features!
There are other frameworks that build on javascript like Three.js, D3, or Paper.js which also put visual creativity at the forefront, albeit each have a fundamentally different style of coding. We won't cover any of these in this coursework, but it is good to know of their existance.
Javascript is the language used to write the interactive parts of websites.
You put your content in HTML. You describe how it should look (colors, highlighting, positioning, etc.) with CSS. And javascript provides the final piece, describing what happens when the user clicks and types at your web page.
JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. -Wikipedia
Press onward to the Section 1