Mathieu 'p01' Henri: Making Realtime Audio-Visuals - JSConf.Asia 2015

The web platform is a wonderful playground of artistic and technical expression. The artists of the web often release amazing creations in the most compact form. But you don't have to be a seasoned developer to express yourself and build your own animations. With a bit practice, anyone can build Audio-Visual demos!
This talk will go through creative coding, the demoscene, and a range of optimization tricks. Then we will work on a little Audio-Visual demo together.

I hope this will inspire new JavaScript artists and bring a dash of creativity to our every day problem solving.
Mathieu 'p01' Henri is a JavaScript developer at Opera Software in Oslo, Norway, working on the desktop browser. At night he is a creative coder & demoscene artist specialized in real time audio visual animations in a few hundred bytes for the web platform, PC and Atari ST computers.

JSConf.Asia - Red Dot Design Museum, Singapore - 20 November 2015.

License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

[omg_look_behind_you]

really enjoyed the basic concept and the minimalist implementation. been a minute since i've seen js w/o at least one require(). the png bootstrap is the kind of hack that keeps my interest in a field overrun with evangelical linters that forgot that coding is also used for enjoyment and only not a strict dogma as a means to an unfulfilling end. ty sir!

[karasuu-tengu]

I am currently learning app developpement. Today we started to learn a about canvas and your video was truly instructive ! Really astonishing !

[mathieuhenri]

If you liked this talk and LIVE coding session, you might enjoy the next ones I did in this series. Always featuring a new LIVE coding session:


Hope you like this format of talk + LIVE coding session.

It would be amazing to hear if you have any suggestion or wish to see something else, or different format.

[ConstantDupuis]

Very inspiring talk and demo, thank's for sharing

[alihammadshah]

It would be really nice if you had explained the maths a little bit for college drop outs.

[Max-bhtg]

amazing! Want to start tinkering more with canvas myself now :)

[GottZ]

too Bad some of his old stuff is not available online anymore. i'd say he's one of the most skilled JavaScript compressors / simplifiers I ever came a cross during my journey of learning this beautiful language

[qonf]

Amazing. I think you were to aggressive at reducing the number of branches at at 28:40.

[xanthirudha]

How would this work in other languages like c#

[RittamDebnath]

@mathieu what is the theme and the color theme of your text editor ?

[mathieuhenri]

What sucked about this talk ?
I made a couple of mistakes, luckily nothing worth a rotten tomato, but I'd be happy to read any negative feedback. Really.