Creative Coding

Basic setup

Clone the project

  gh repo clone Vishvam10/Creative-Sketches  

Go to the project directory

  cd "Nature of Code" 

Then, start the live server

Note : The code uses the minified version of the p5 and the Tweakpane 3.0.8 library. So, make sure to include them in the proper folder. If you prefer a CDN, visit these links p5 CDN and Tweakpane 3.0.8 CDN to know more. Also make sure to include all the links in the <script> tag in proper order ( p5 > Tweakpane > some_utils.js > sketch.js) Start the Live Server or open the HTML file using a browser

What It Is About ?

An everyday challenge to make something creative with code. Currently learning from Nature of Code by Daniel Shiffman. The Nature of Code series has the following sketches and all the sketches are parameterized using Tweakpane.

• Simple Wave on Both Axis

• Mutual Attractions :

  • Part 1
  • Part 2

• Simple Pendulum :

  • Part 1
  • Part 2

• Particle Systems

• Autonomous Agents :

  • Part 1
  • Part 2
  • Part 3
  • Part 4
  • Part 5

• Cellular Automaton :

  • CA Simulation
  • Game of Life

• Fractals :

  • L-Systems
  • Advanced L-Systems
  • Hilber Curve
  • Phyllotaxis
  • Recursice Tree
  • Koch Curve
  • Mandelbrot Set
  • Tree Space Colonization

• Chaos :

  • Lorenz Attractor
  • Double Pendulum

• Genetic Algorithms :

  • Part 1
  • Part 2
  • Part 3
  • Evolutionary Steering

• Others :

  • Reaction Diffusion
  • Maurer Rose
  • Worley Noise