I am Mathieu 'p01' Henri, creative coder, technical speaker, demoscener, JavaScript developer and size optimizer extraordinary. Microsoft engineer on the persona cards by day. Coder artist of tiny realtime audio visual animations by night. Here is a collection of my talks about art+code and audio visual productions for the web platform, PC and Atari ST. Enjoy.
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. on November 18th, 2017
VOLTRA VOLTRA: Grinding the Universe, a gritty JavaScript demo, winner of the 1024 bytes demo competition at the Assembly 2017. on August 6th, 2017
BREATHING EARTH Another take on Nadieh Bremer mesmerizing Breathing Earth visualisation, running at 60fps on a 2D Canvas without libraries or frameworks. on June 26th, 2017
CODING⯌ART AT RENDER CODING⯌ART at Render 2017 was part of my series of talks + live coding aiming to inspire new web developer artists. on March 31th, 2017
DWITTER SON1K DWITTER—SON1K, the winning entry of JS1k 2017 is a social AudioVisual LIVE coding environment for the Twitter generation. on February 27th, 2017
CODING⬢ART AT SCRIPT'17 Script'17 was all kinds of awesome: Great organization, line up, venue, catering, diverse and welcoming. It was a pleasure to talk to you all and LIVE code something useless before the party. Looking forward to see useless things from you all. on January 27th, 2017
JS1K 2017 INVITATION JS1k 2017, the yearly 1kb JavaScript contest, is about to start and kuvos asked me at FFConf if I would like to make an invitation demo again. Hell yes! on January 25th, 2017
ART×JS AT FFCONF ART×JS was the closing talk at FFconf 2016. The goal was to bring new developer artists to the web by abusing standards and developing a visual understanding of mathematics. on November 11th, 2016
ASTRA ASTRA is a JavaScript odyssey in 1002 bytes for Assembly 2016 on August 6th, 2016
10 PRINT THEREMIN AT WEB REBELS A lighting talk about labyrinth generation and theremin instrument using the Web Audio API in 219 bytes presented at Web Rebels 2016. on June 2nd, 2016
DEMO REEL AND TINY JAVASCRIPT AT FRONT TRENDS I had the pleasure to speak about creating bite sized audio-visual demos, and LIVE code one at Front Trends 2016 in Warsaw, Poland. on May 19th, 2016
LRNZ SNGLRT LRNZ SNGLRT is a minimalist and energetic entry for JS1k 2016 showing twisted Lorenz attractors with ambient occlusion, soft shadows, ... a strong beat & clean design. on March 13th, 2016
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 on November 20th, 2015
BLCK4777 Winning 1kb intro at Assembly 2015, BLCK4777 is a JavaScript explosion of light and triangles in 1023 bytes on July 31th, 2015
IMPOSSIBLE ROAD Back in October 2014, a good friend of mine, showed me IMPOSSIBLE ROAD and half joked that I should do a remake for JS1k the yearly 1kb JavaScript contest happens in Spring. This set my mind on hyperdrive. on March 14th, 2015
JS1K 2015 INVITATION JS1k 2015, the yearly 1kb JavaScript contest, is around the corner and kuvos asked a couple of optimizer extraordinaires to open the show. Hopefully this little invitation will tingle the spider sense of talented developers and code golfers in time for them to submit high quality entries to JS1k 2015. on January 28th, 2015
DRAGON PUNCH An itsy bitsy Dragon curve renderer in 121 bytes. on February 26th, 2014
THREAD The "10 print" maze generator in 15 bytes of x86 assembler. on December 19th, 2013
THREAD JS Breaking the 64 bytes fronteer with the famous "10 print" maze generator. on December 16th, 2013
SHEET An Excel-like spreadsheet with arbitrary expressions and persistence using localStorage golfed under 256 bytes with aem1k, subzey, xem, rlauck, odensc, mmastrac, and corruptio on November 27th, 2013
MINICRAFT Tribute to MINECRAFT, voxel flyby in 252 bytes of HTML5 on November 2nd, 2013
WOLFENSTEINY An homage to Wolfenstein 3D in 251 bytes of HTML5 on October 15th, 2013
JAVASCRIPT IS JARIG Javascript is 18 years old! Let's celebrate with a nice little tune. on September 14th, 2013
TEA STORM 256 bytes JavaScript signed distance field raymarcher using 2D Canvas. TEA STORM won at Function 2013 on September 14th, 2013
MINI DISTRICT How to build a 3D City in 256 bytes with Canvas 2D on August 17th, 2013
ANDES The Andes are the world longest mountain range: 7,000 km and 1,022 bytes of JavaScript, making for a nice entry for Assembly 2013 on August 3rd, 2013
MINAMI DISTRICT DEMOJS 2013's winner 1k intro. With MINAMI DISTRICT I wanted to do something fresh. Something never seen in normal demos before: A city with a twister skyscraper. on June 29th, 2013
HYPERSONIC MANDELBULB A hasty invalid JS1k entry using webGL+Audio. Possibly the first one. on March 6th, 2013
MATRAKA DEMOJS 2012's winner 1k intro with 3D graphics and music, written in JavaScript and packaged into a self extracting PNG image. See and hear for yourself! Remember, everything you're about to see and hear fits in 1024 bytes. Watch out, the music is quite loud on June 30th, 2012
MICRO NOVA Quite possibly the smallest WebGL demo effect. Micro Nova clocks under 512bytes and shows supernova-like blasting colors. on May 30th, 2012
RAYTRACED CHECKBOARD What about an Ascii art raytraced checkboard animation in 128 bytes of HTML + JavaScript ? on April 20th, 2012
JS1K SPEECH SYNTHESIZER Sorry but I didn't have the time nor felt like doing heavy 3D, FPS game, particle systems, flying hearts and flowers for JS1K#4. This time, Audio was ON and several entries featured a melody and other simple sound effects, so I had to make a Speech Synthesizer in 1K of JavaScript. on March 14th, 2012
TV NOISE Fall 2011, another meme struck Pouet.net. TV NOISE. Over the course of a few weeks, every single platform went psssh. There you go open web platform: TV noise in 128 bytes. on November 13th, 2011
MUSIC SOFTSYNTH This is the brain child of 140byt.es and Experimental music from very short C programs. on October 13th, 2011
SUDOKU SOLVER Solves a Sudoku grid using magic, recursion, and 140bytes of brute force. on September 21st, 2011
COTTON CANDY First stab at webGL, in 1k between two nappy changes. It's glitchy and tiny but I quite like this puppy. It ranked #3 at DemoJS. on July 2nd, 2011
WOLF1K The idea of this entry for the JS1K contest was to do the impossible: a 1K remake of the famous WOLF5K that rocked the final edition of the5K. It does not feature guns, evil grins and violence for in WOLF1K there is no room for guns or any form of violence. on September 10th, 2010
JSPONGY Since Mentor^TBC released Spongy, an amazing 128b intro raymarching a Menger sponge, I wondered how far such effect could be size optimized in JavaScript while keeping complex camera path. The answer: 281 bytes. on October 23rd, 2009
TILT SHIFT A very fast & simple tilt-shift effect in Canvas. on January 10th, 2009
MARS LANDSCAPE Remember the amazing MARS 4Kb intro by Tim Clarke in 1993 ? Here comes a remake in 256b using JavaScript and Canvas on October 16th, 2008
PNEBULA Almost the first 256b intro using Canvas ever :p on September 30th, 2008
MANDELBROT TRACER Possibly the smallest Mandelbrot tracer ever in JavaScript: 101 bytes on September 21st, 2008
DEFENDER OF THE FAVICON The brilliant arcade game Defender now playable inside the favicon of your browser! The idea was to push the concept of generated favicons far and beyond and pack a thrilling retro shooter in 16×16 pixels. on July 15th, 2008
TUNNEX Ascii art tunnel + Scroll text: The first multi-effect 256b production in JavaScript on June 28th, 2008
RUBBER IN SOLID # A crazy twister effect in 256bytes of DHTML on January 6th, 2008
3D TOMB II 3D TOMB II: The tomb of the 4096 mummies is a first person shooter in a fully textured environment done in less than 4KB of JavaScript. on July 1st, 2007
OOMA 2 Rotozoom with tilt and experimental music in a valid 480bytes Atari bootsector. on May 13th, 2007
STARFIELD A simple 3D starfield with title and fog in 256 bytes of Javascript on February 25th, 2007
ASAHIKAWA Flyby the city of Asahikawa in 64 bytes. on January 21st, 2007
MANDELBROT ROTOZOOM Many people did fractals renderers in Javasript in 256 bytes, but no one ever made one that zooms and rotate... until today. on September 1st, 2006
TERRA A voxel landscape rendered using a plasma in a valid 480bytes Atari bootsector. TERRA ranked #2 at Outline 2006 on June 6th, 2006
NEJA My first JavaScript demo, presented at the Assembly 2005 where it ranked #4 on July 30th, 2005
OOMA The winning bootsector of Outline 2005, featuring two images zooming with experimental music in a valid 480bytes Atari bootsector. on March 30th, 2005
FIRE Warming up with a 32 bytes fire effect for MSDOS after a few years break from the demoscene for studies and work. on September 30th, 2004
COPTER CRUISE A simple Commanche-like that won the 20lines 'Terrain' contest at the OzoneAsylum in July 2004 on July 29th, 2004
SIERPINSKI GASKET A cute Sierpinski gaskets in 96 bytes of DHTML. on June 14th, 2004
256B.HTM ROUND 2 The second edition of the 256B.HTM contest allowed 3 entries per author. Mine ranked 1st, 2nd and 4th out of 43. Only a few points shy of a total take over! on September 2nd, 2002
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. on March 1st, 2002
DRAWING LINES IN JAVASCRIPT An efficient method to draw and animate many lines in JavaScript, without Canvas or any similar graphic API. on November 3rd, 2001
EQUALIZER A little intro for the famous Equalizer BBS made in 4kb for MSDOS on April 23rd, 1997
MAGIC A cute little intro for the Magic BBS made in 3.5kb for MSDOS on April 11th, 1997
PULPINA Winning 64kb DOS intro at the Volcanic party 1997, made in one week, in Pacal. on February 23rd, 1997
URYA A sweet text mode 64kb intro on PC, written in PASCAL and showed at the WIRED'96 demoparty where it ranked 4th. on November 3rd, 1996
Let's talk
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.