NID 2016 - Assignment 2 (Generative Art using P5.js)

[rasagy]

Share some of the experiments (screenshots/gif) that you have created today using P5.js, and feel free to link to any projects you’ve hosted as well.

Here are some of the selected examples of abstract art pieces for inspiration (more on Pinterest!)

Andre Volten - Composition no. 12. (1957)

Inspiration from Daily Minimal

Herbert Bayer - Red Transparency (1969-1973)

Inspiration from Geometry Daily

[rasagy]

Here’s one of the programs that I made in class: Uses sin() & cos() to move a circle, angle to select hue, and mouseX for size of circle. You can play with it here. Feel free to look at the source code.

[rasagy]

@pkd2512 Try sharing some screenshots or gifs instead of the source code! ☺️

[Siddhantmd]

Hi, this is a work in progress. The colors,position and size of the ellipses which follow the cursor are functions of mouse pointer coordinates.
I wanted the cursor size to increase as it approaches the center of the screen and reduce as it moves away. But have not been able to achieve this accurately yet. Working on it.

One more thing. is this correct way to share our work? Or should I do it in some other manner?

[Siddhantmd]

Ok, success

[vinodxyz]

Hello, Tried out P5.js out to make this. It's really kinda addictive. 😄 (source code: here) Let me know what you think. Thanks.

[rasagy]

@Siddhantmd Sweet, that’s looking pretty good! In terms of next stages, you could play with some rotation to continously keep rotating the circles along with the mouse interaction. And maybe try a few more shapes next!

As for sharing your work, GIFs are great to give a glimpse of what you’ve made (& LiceCap is for both Win & Mac!), and you can always host your projects like @HTMLdotafreak has done to share an interactive version as well! 😉

@HTMLdotafreak Looking great, and nice to have that hosted on Github! You could next try and work more on the colors that are selected (maybe each burst could have variations of one hue, or a gradual change from one hue to another?) and then think of some interactivity as well (maybe the bursts could happen when you click, or around the area your mouse is?). Love the BOOM! text btw! 👍

Keep sharing your work here, and help out your peers with hosting their projects on Github as well! 😄

[rasagy]

For some more ideas, a few projects that I’ve played around with that I showed in the class are hosted on my Processing-playground repo. There are also several more examples available on OpenProcessing where you can also host your P5.js code!

[vinodxyz]

Thanks a lot, Rasagy. 😃 Will add the changes you mentioned. Sounds cool.
Also, Loved your projects, might copy a few ideas and play around. 😉

[Siddhantmd]

Thanks Rasagy 😃 I will try the rotation too. Was thinking of adding more functions. Will share when I do. Saw your projects. Inspiring stuff

[Siddhantmd]

Here's something else I made. Using nested for loops. Each row has (no. of row)^2 cells

[Siddhantmd]

Random no. of line segments, each beginning where the last ended. Random colors and random stroke weight bw 0-20