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

Question

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

rasagy opened this issue 8 years ago · comments

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 Sharma · Answer 1 · Sat Oct 22 2016 20:53:32 GMT+0800 (China Standard Time)

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 Sharma · Answer 2 · Sun Oct 23 2016 02:01:18 GMT+0800 (China Standard Time)

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

Siddhant Modi · Answer 3 · Mon Oct 24 2016 01:03:01 GMT+0800 (China Standard Time)

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?

Siddhant Modi · Answer 4 · Mon Oct 24 2016 04:24:41 GMT+0800 (China Standard Time)

Ok, success

Vinod · Answer 5 · Mon Oct 24 2016 17:06:30 GMT+0800 (China Standard Time)

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 Sharma · Answer 6 · Mon Oct 24 2016 17:59:35 GMT+0800 (China Standard Time)

@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 Sharma · Answer 7 · Mon Oct 24 2016 18:09:46 GMT+0800 (China Standard Time)

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!

Vinod · Answer 8 · Mon Oct 24 2016 18:57:26 GMT+0800 (China Standard Time)

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

Siddhant Modi · Answer 9 · Mon Oct 24 2016 23:20:48 GMT+0800 (China Standard Time)

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

Siddhant Modi · Answer 10 · Tue Oct 25 2016 01:59:52 GMT+0800 (China Standard Time)

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

Siddhant Modi · Answer 11 · Wed Nov 02 2016 15:37:13 GMT+0800 (China Standard Time)

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