299: Generative Art




ART299: How to set up a local server on Mac to test for develop p5.js on local computer. & DC2

There are lot of ways to develop using Processing. Using Processing language and create pde file, using p5.js locally or editing online.

1) Today I used Processing language using P3 sketch, which is different from p5.js. For example, setting the canvas size is “size(600, 400);” whereas p5.js is “createCanvas(600, 400);”. P3 creates pde file and play button generate visuals. However, Processing is written in Java and it creates applets, which often crashes systems according to Daniel Shiffman.

2) I also used p5.js by downloading p5.js library and folder set up.

3) I can also use p5 editor at https://alpha.editor.p5js.org/
You can view the visual by open the index.html file, which opens sketch.js to show the visual.

But it is better to set up an local host in your development computer, the instruction are at https://github.com/processing/p5.js/wiki/Local-server.
In case of Mac, run terminal to run Python local server by entering:
“python -m SimpleHTTPServer”.

It will set up local IP address on port:8000.

Then go to browser to enter:
http://localhost:8000” then go to the folder where index.html and sketch.js resides.
It will open the http://localhost:8000/p5/empty-example/ to show the visual.

In case of browser p5.js editor, you can save code if you have an account.


ART299: Processing3, p5.js and Portfolio & DLC

Finish ART299 goals

– Human lives in a digital culture –

What would be updated way of living in this digital culture.
What would be the new library for the next generation? Is there a new study on Library 2.0?
The knowledge access is more limited than before for non-students.
How to keep democracy alive without knowleageable citizens?

It reminds me of Marshall McLuhan’s “The medium is the message.”

Then how about our privacy?

Issue of shall I backup all on my iMac contents to backup in cloud?
It is effective in data storage time and organization to avoid data loss, but what would I lose?
Is it important?
How would I know?

Separately, I was thinking what if all the typing keys of keybord, documents, seach engine use and all the accessed web url’s, all the forms and are kept tracked, would machine can understand my subconscious or unconscious self better than myself? Would it be OK? What would I lose?

Any way, all our telephone conversations are said to be stored somewhere (security conference 200? at Waikiki), do we still need to keep our privacy private?

The Dark Side of Cloud Computing address following issues.
This podcast talks about security concerns of cloud computing. For example, Amazon S3 cloud server, how secure they are. How the security is managed? Is it possible of being sold some information? In case of crash of those machines? Other issues to worry about? Location of the server – data security laws and regulations are different in different countries. Read the end-user agreement carefully – be careful on who owns the data etc..

Art Basel 2017

Mark Changizi: Topography of Language

Reading in the Brain Introduction section is available on-line.

Anatomy of a Program

Processing Tutorials

p5.js libraries and how to use them in html.

<!doctype html>
  <script src="p5.js">
  <script src="p5.sound.js">
  <script src="sketch.js">

Went back all the postings

Here are two web books to scan and tryout:

Fundamentals of Web Programming has two sections:
Part I : Client Side Programming, and
Part II: Server Side Programming.

How to think like a computer scientists 😉

Recreating Vintage Computer Art with Processing” Youtube video by Alexander Miller.

p5js Best Resources:

Make: Getting Started with P5.js : Making interactive JavaScript and Processing by Lauren McCarthy, Casey Reas, & Ben Fry
Daniel Shiffman Youtubes – such as Coding Train
Creating Star Field with p5js – by Daniel Shiffman

Things to learn in future: how to export processing art into mp4 like motion graphics. Then work it with AfterEffects to edit with other motion graphics.

How did I corrupted 299kh.wordpress.com?
I have a working apur1e.wordpress.com to blogART299 notes.

There, I worked on the WordPress.com and its customization. Learned a bit of using categories to select the specific category postings to be shown on a page. Down loaded version of wordpress download to Bluehost.com site has more options to change web pages.

I created apurie.com/test17 for my portfolio using WordPress.

I plan to go back to Joshua Davis:
HYPE library video by Davis
and ‘As Above’
and Realtime Audio Reactive Video-using audio imput,
and Yeasayer-O.N.E.
and Sveta Olga 004