Introduction to P5.JS

As we briefly discussed in class P5.JS is yet another framework in Java Script directly related to Processing.  Works  better on the browser and easy to integrate with HTML/CSS .

The frist exercise to do with it until Tuesday is to translate your clock code in processing to P5.JS.

You can use P5.JS as the resource and you can code and save your new clock sketch using OpenProcessing. Once everyone has an account on it I’ll add all in a class.


Generative Pattern Poster Exercise

Due February 28, 2017 Tuesday 

  • Create a generative pattern using processing with two variables, two for loops.
  • Do as many iterations as possible testing out various ideas and functions that you may check out from the references on this link:
  • The size of this sketch may be, in pixels, 1200 x 1200 or higher depending on your screen resolution.
  • When you think you had enough experimentations and iterations, using the below PDF library render your sketch into a PDF file:
  • Open your PDF file with Adobe Illustrator or InDesign, copying the code from your processing console, design a poster 12″x12″ juxtaposing the code with the image that you created.
  • Save it as a new PDF.

Before you start this preliminary exercise, you can explore many great projects with this kind of methodology:

and if you are not feeling comfortable with the exercises that we did in class please follow the below links and go through the tutorials:

Learn JavaScript

JavaScript is the programming language of the web. It’s one of the most popular and in demand skills in today’s job market for good reason. JavaScript not only enables you to add powerful interactions to websites, but is also the foundation of a lot of commonly used libraries (like jQuery)

Please complete all 5 chapters at home this weekend, this will provide you with foundations to learn specific design related libraries in the upcoming weeks.