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.
- MUSIC FOR TINY AIRPORTS AT WEB AUDIO CONFERENCE The Web Audio Conference 2018, held in September 19-21 in Berlin was a great mix of researchers, web developers, artists and performers presenting their projects. I had the chance to provide a deep dive into music for tiny airports, explaining how to generate hours and hours of music in a handful of bytes.
- MUSIC FOR TINY AIRPORTS 2/1 🛫 Celebrating the 40 years anniversary of Brian Eno's "Ambient 1: Music for Airports" with an homage written in 256 bytes with the Web Audio API.
- THEY COME AT DUSK 👺 A survival horror game for JS1k 2018, where you run away from dead miners as you hear your heart beat. Turn around using the arrow keys until all you hear is beeeeeeeep.
- 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.
- MANDELBROT ROTOZOOM Many people did fractals renderers in Javasript in 256 bytes, but no one ever made one that zooms and rotate... until today.
- 256B.HTM The first edition of the 256B.HTM contest allowed 5 entries per author. Mine ranked 1st, 10th, 19th and 29th out of 63.
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.