Creative Coding: Making Visuals with JavaScript Sketching

My name is Nidal AlJurf, and I joined Bruno Imbrizi's "Creative Coding: Making Visuals with JavaScript " training course after seeing an advertisement. I was captivated by his work and eager to give it a try. Through this course, I was pleasantly surprised by how much I could achieve with JavaScript and mathematics. It's been an amazing journey, inspiring me with a massive amount of ideas that I hope to turn into real projects in the future. While I may not have the luxury of time, I am committed to doing my best and showcasing my work throughout this course. I highly recommend it to all computer, digital art, and science enthusiasts. "This idea was inspired by one of the training course participants, Trevis Wamuthenya".

I used Atom for code editing, and all course packages, that's all.

For Lesson 1, I intentionally mixed the instructions with those from Lesson 6. so I added the control panel and frame to control most of all ratios "

We’ll improve our setup with Node.js, install a module with NPM and start a collection of sketches.

Now, we’ll finish our sketch by drawing some arcs and playing with random values for our parameters.

Add some dynamic changes

Lesson 5 We’re going to look into two very important programming concepts: objects and classes. Also, we’re going to populate our sketch with entities called ‘agents’.

Let's add some randomness to the grid using noise generators.

Let's add some randomness to the grid using noise generators.

Let's add some randomness to the grid using noise generators.

Let's add some randomness to the grid using noise generators.

Let's add some randomness to the grid using noise generators.

Let's add some randomness to the grid using noise generators.

Let's add some randomness to the grid using noise generators.

try to load more images

enhancement