Creative Coding

I started this creative code library as a 30-days-chellange. I split the code up in cc-sketch and examples that stayed here. I create the code with Haxe (I'm currently only focussing on the JavaScript target but with Haxe that could easily change). Do you want to know more about this beautiful programming language: README_HAXE.MD!

Most of my library code is inspired or based upon the work of George Gally, Seb Lee-Delisle, Matt DesLauriers (and probably many more) but they used a dynamic language (JavaScript) for. I want to us Haxe. So my start is a little bit slower converting everything to Haxe; a strictly typed language, but in the end this will help me to work faster.

You can seen my progress on this page: https://matthijskamstra.github.io/creative-coding/.

But if you don't want to see animations, and mouse interactions: I have created a gallery document.

This is not my first attempt, so if you want to check out my previous attempt: http://matthijskamstra.github.io/gen-art/. This attempt was to create pattern in .svg.

Goal

It's good to set some goals when working on something

• get started with creative-coding
• work on it for 30 days (30 days challenge)
• Instagram as primary way of distribution my sketches (social platform)
• connect twitter via IFTTT and Instagram
• create my own CC (creative coding) library based upon other artist work
• create 30 animation/images that have a creative source
• some sketches are just trying out code
• after 30 sketches (animation/visuals), I will focus less on this magical number and focus on sketches with sound/video/api/
• split code up (cc-sketch)
• have a talk about my experience
• get better at it (daily goal)

check my todo from some indepth todo's about this experiment

Inspiration

After reading the article of George Gally it got me thinking. Yes, I liked the way Flash worked as well. And all the stuff that Flash can do, modern browsers can do as wel.

So why not give it a try...

Read more https://github.com/GeorgeGally/creative_coding

Color

I want to create mostly in black and white. But colours will be nice (sometimes... occasionally). To make sure it will not cost too much time, I will be using:

• heavy lifting with colours I will be doing via thx.color or hxColorToolkit
• ColorUtil class
• predifined set of color pallets from Colour lovers: https://github.com/mattdesl/nice-color-palettes

libs

This is Haxe specific, it's just here FYI

-lib hxquicksettings
-lib thx.color
-lib hxColorToolkit
-lib msignal
-lib mloader
-lib uglifyjs

and my own lib

-lib cc-sketch

Read more about it

WIP

I am only focusing on getting it to work on Chrome... just giving you a heads-up! And I am not concerned with optimisation: you fan will sometimes spike! Perhaps also useful to know: resizing might have unexpected results... also not really focussing on

TODO

I have created a TODO.MD, that keeps me in my IDE and helps structure progress.

Important stuff:

• start lib
• add animation engine
• create navigation for sketches

READ

liveserver https

• https://github.com/webisora/vscode-liveserver-https
• https://www.akadia.com/services/ssh_test_certificate.html
• https://webisora.com/blog/how-to-enable-https-on-live-server-visual-studio-code/

creative code

• https://github.com/terkelg/awesome-creative-coding
• https://github.com/sebleedelisle/CreativeJSLibs/blob/master/src/creative.js
• https://github.com/soulwire/sketch.js/wiki/API

dude!

• https://medium.com/@radarboy3000
• https://hackernoon.com/creative-coding-using-the-microphone-to-make-sound-reactive-art-part1-164fd3d972f3

Sources:

• Icons made by Smashicons from www.flaticon.com is licensed by CC 3.0 BY