Note to self: ITP is a safe place to fail!

I sat down after a while to do a few sketches on P5.js , I had done some a few months ago but using the basic functions like ellipse(), rect(), etc. While thinking about what I wanted to make, I noticed I was holding on to my NYU ID and the torch was the first thing I noticed on it. Ergo, I decided to try that completely aware of the fact that curves are difficult!


Making this on photoshop or illustrator is 4000 gazillion times easier is my conclusion after hours of trying and getting nowhere!

I decided to take inspiration from my fellow classmates and went through their blogs, one of whom had used illustrator to depict the exact co-ordinates of points and then wrote the code! So I decided maybe that would help!

It did!

Very little!

I then decided to evoke the mathematician in me and started looking at computer graphics and curves. Bezier seems to be AWESOME! (Does not change the fact that I still don't know how to use his equations to my advantage but nonetheless AWESOME!)

Starting with any curve from left to right or from right to left on the NYU logo, according to my understanding - we would require a 4th order curve.

The question now is how do I determine the 4 variables and how do I then calculate according to the p5 syntax bezier() !!!!!

I needed 4 points -

  1. One end of the curve - check
  2. The other end of the curve - check
  3. First controlling point - no clue
  4. Second controlling point - no clue

(I am hoping that someday in the future I can come back to this post and rejoice!)




Computation - Where to begin?

Recap: On Tuesday, 6th September we had our first ever ITP class and in that FIRST EVER ITP class of Applications, my name miraculously flashed up on the screen with 3 others. We had to make a presentation due coming week. Now, we had the option of doing something simple but we came up with the idea of making a web application using p5 where a tiny pale blue dot would increase in size as the users clicked it. (It does sound weird when I don't give a context but I promise it was relevant to the presentation)

So, we started coding - created a canvas, ellipse(), wrote a logic, incremented diameter on mousepressed(), created a loop for reducing size of the diameter every 3 secs. Assumed the number of users and estimated size of this dot, used a nice light blue color, used for the first time, got stuck on a syntax error for 4/5 hours, asked Kyle - the resident to help us, figured out it was a browser problem, debugged and finally came up with  (smaller increments so fewer users can reach the final stage) original version is here

Here is link to the code -

(In case you read this^ and happen to know an easier/faster method of doing what we did please let us know, we want to learn)

Coming to the point of computation and what I would like to accomplish with those super powers - honestly, I don't know yet! I have a few scattered ideas. I want to learn, a lot more! Using APIs, visualizing data, making interactive web art? Hopeful! What interests me at the moment is - programming for sound, learning how to use puredata or chucK. Integrating that with an interaction design project, maybe wearables!

Some projects that inspired me are - , , BBC's Syrian Refugee Journey and

My first attempts to making a sketch using p5.js is in the upcoming blog!