CODING⯌ART at Render 2017 was part of my series of talks + live coding aiming to inspire new web developer artists.
Slides & LIVE coding
Here are the slides of the talk and the result of LIVE coding. Since I had 30 minutes this time, I use an mp3 music and the Web Audio API to play with the audio data to feed the visuals.
Render is a 2 days, 1 track conference organized by White October Events and held in beautiful Oxford. Everything about Render was world class! It was a privilege to be part of it and meet so many incredible people. The speakers and 400 delegates were well taken care off. I had the chance to travel with the little family and stay two days longer.
Photo by Adam Butler
Intro, setup & goals
Like the previous talks in this series of talk + LIVE coding, this one was all about creating art using code and not being afraid of mathematics, imperfections or twisting standards. During the first 10 minutes I tried to show a few tricks in these areas and lower the barrier people often feel with mathematics and audio/visuals projects.
Then came 20 minutes of LIVE coding to create an audio/visual animation using a music created by my friend Kenet. It started with the music, a simple equalizer, a mirroring to make it look like a canyon, a zoom to fly through this musical canyon, some neon colors and finally a couple of fluffly clouds.
For the LIVE coding sessions I favor the most simple setup possible: a text editor, no libraries, and a browser tab pointing to the file straight from the file system and the devtool opened to spot any parsing or execution error. Thankfully VSCode's autocompletion comes handy, with all the function and type definitions it saves us from many simple errors.
The feedback was extremely positive. It was especially nice to hear from people who saw me talk and live code previously how they appreciate the new touches to the talk and original live code.
Let me know if you have any questions or comments.
Other recent projects
There are many experiments and projects like CODING⯌ART AT RENDER to discover other here.
- FRONTFEST MOSCOW It was an honour to be invited to Fronfest Moscow 2017 with the little family to give my first workshop; implementing a Twin-stick shooter using ES6 and Canvas, and to continue my CODE🎙ART series of talks + live coding aiming to inspire new web developer artists.
- BREATHING EARTH Another take on Nadieh Bremer mesmerizing Breathing Earth visualisation, running at 60fps on a 2D Canvas without libraries or frameworks.
- DWITTER SON1K DWITTER—SON1K, the winning entry of JS1k 2017 is a social AudioVisual LIVE coding environment for the Twitter generation.
- TINY AUDIO-VISUAL DEMOS AT JSCONF ASIA I had the honor to open the second day of JSConf Asia 2015 in Singapore with a talk and LIVE programming session about Tiny Audio-Visual Demos
- MANDELBROT ROTOZOOM Many people did fractals renderers in Javasript in 256 bytes, but no one ever made one that zooms and rotate... until today.
- OOMA The winning bootsector of Outline 2005, featuring two images zooming with experimental music in a valid 480bytes Atari bootsector.
Don't be shy; get in touch by mail, twitter, github, linkedin or pouet if you have any questions, feedback, speaking, workshop or performance opportunity.