TypeScript Live Coding for Real Time Animated Generative Art (2020)
Generative art is a way of creating art using code. In this video I will show you how to create an animated abstract art using only TypeScript and get creative, without processing library or any other libraries or frameworks.
It is beginner friendly as I explain step by step how to code it up. We start by creating a simple class to hold all our animation. And then create particles that would draw on the canvas. We then iteratively improve the code to have full colour real time animated abstract art.
TypeScript is one of my favourite programming languages for the web. Strict typing gives a good amount of protection over errors otherwise handled at runtime.
Creating real-time graphics used to be in the hands of game programmers who specialise in C++. But not anymore, Web tech is quite able to perform extremely fast. In this art simulation, I'm using 200 points to animated on HTML Canvas.
This was inspired by the work of Matt DesLauriers. https://www.mattdesl.com/
If you have any questions or suggestions, please leave a comment.
Music:
Stranger Danger - Francis Preve • Stranger Danger - Francis Preve | Royalty ...
Merch:
https://indy9000.store
#generativeart #creativecoding #typescript #coding