The official launch of the site will take place soon. Stay tuned.

Creative coding

When code creates art

A few lines of code can create a beautiful work of art. Let’s create art together, learn how to program and feel great about our results. It doesn’t matter how good programmer you are or how good artist you are. Everyone who wants to create can be found here. Come and see how chaos, shapes and colors create the magical worlds of art under your guidance. Yes! You'll be an artist and a programmer in the same time!

What is generative art? It is an artistic discipline in which the system makes decisions that human would otherwise have to make. It is a system where chaos triumphs over order and yet we creators have control over it.

Why, what and how?

Motivation

Helping others learn and grow is the best way to learn and grow on your own. The world will never wait, so it's never too late to start something new, whatever it is and no matter how hard it is. It's always mainly about the first step.

What new language will we learn on our way?

All examples, excersises and code snippets on this web are written in JavaScript. JavaScript is a cross-platform, object-oriented, event-driven scripting language written by Brendan Eich of what was then Netscape. Its syntax belongs to the family of C / C ++ / Java languages, but JavaScript is fundamentally different from these languages, semantically it is a different language.

Our creative development environment?

editor.p5js.org is the environment we are going to use through out this entire generative art and creative coding web site. The environment is created by the same enthusiasts and professionals as the p5.js library itself. I don’t know better online editor than this. All examples, code snippets that you will meet here can be 1:1 used in this environment and they will work.

p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5.js is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone. Using the metaphor of a sketch, p5.js has a full set of drawing functionality. However, you’re not limited to your drawing canvas. You can think of your whole browser page as your sketch, including HTML5 objects for text, input, video, webcam, and sound.