Meta tags:
author=Mathieu p01 Henri, @p01;
description=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.;

Headings (most frequently used words):

art, js, ffconf, at, slides, live, coding, sessions, video, intro, setup, goals, feedback, other, recent, projects, expi, m22, 1kb, quine, fluid, simulation, js1k, 2017, invitation, astra, sheet, andes, matraka, rubber, in, solid, let, talk,

Text of the page (most frequently used words):
the (41), and (33), ffconf (9), with (7), art (7), was (7), javascript (6), for (6), about (6), #coding (6), you (5), talk (4), music (4), see (4), bytes (4), are (4), like (4), 1kb (4), setup (4), have (3), any (3), 2012 (3), using (3), 2016 (3), again (3), simulation (3), web (3), #projects (3), this (3), can (3), live (3), audio (3), mathematics (3), little (3), day (3), slides (3), p01 (3), questions (2), feedback (2), let (2), intro (2), hear (2), andes (2), assembly (2), golfed (2), xem (2), astra (2), js1k (2), 2017 (2), invitation (2), demo (2), fluid (2), css (2), quine (2), code (2), m22 (2), expi (2), rip (2), other (2), here (2), audience (2), really (2), sessions (2), short (2), creative (2), accessible (2), use (2), most (2), basic (2), show (2), create (2), when (2), stage (2), simple (2), file (2), came (2), minutes (2), visual (2), visuals (2), standards (2), that (2), space (2), remy (2), november (2), 11th (2), new (2), video (2), one (2), hsl (2), rgb (2), color (2), don, shy, get, touch, speaking, workshop, performance, opportunity, pouet, linkedin, github, twitter, mail, crazy, twister, effect, 256bytes, dhtml, rubber, solid, demojs, winner, graphics, written, packaged, into, self, extracting, png, image, yourself, remember, everything, fits, 1024, watch, out, quite, loud, matraka, world, longest, mountain, range, 000, 022, making, nice, entry, 2013, excel, spreadsheet, arbitrary, expressions, persistence, localstorage, under, 256, aem1k, subzey, rlauck, odensc, mmastrac, corruptio, sheet, odyssey, 1002, yearly, contest, start, kuvos, asked, would, make, hell, yes, homage, yusuke, endoh, ioccc, html, aemkei, rreverser, irratix, myself, lishing, competition, since, platform, lives, brotli, dictionary, jpeg, encoder, compo, stream, there, many, experiments, discover, recent, know, comments, positive, minimal, result, end, both, thirty, minute, time, but, hope, spiked, your, curiosity, made, more, idea, through, thought, process, how, rewarding, save, some, precious, prepared, boilerplate, canvas, element, list, midi, notes, oscillators, later, possible, text, editor, libraries, browser, tab, pointing, straight, from, system, devtool, opened, spot, parsing, execution, error, then, animation, featuring, conway, game, life, procedural, synchronizing, creating, not, being, afraid, imperfections, twisting, during, first, tried, few, tricks, these, areas, lower, barrier, people, often, feel, goals, all, moving, right, direction, without, fear, doesn, perfect, just, better, than, yesterday, phrase, beside, jam, rocks, lovely, conference, created, curated, sharp, fame, runs, duke, york, twice, year, 10th, lineup, incredible, still, believe, allowed, them, learnt, much, features, back, stories, emojis, modularity, devops, devtools, accessibility, progressive, apps, html5, jsbin, outcome, session, taken, second, two, conversion, look, wheel, distinct, splashes, red, green, blue, third, circle, apart, illustrated, below, explaining, fast, way, photo, seb, lee, delisle, closing, goal, bring, developer, artists, abusing, developing, understanding, mathieu, henri, 452, words, mins,

Text of the page (random words):
art js at ffconf by p01 p01 about art js at ffconf 452 words 2 4 mins mathieu p01 henri on november 11th 2016 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 explaining the fast way to do hsl in rgb color space photo by seb lee delisle hsl to rgb conversion is really simple when you look at the color wheel and see the 3 distinct splashes of red green and blue one third of a circle apart you can see it illustrated in the slides below slides live coding sessions video here are the slides of the talk the outcome of the live coding session on day one and day two and the video taken on the second day ffconf ffconf is a lovely conference created and curated by remy sharp of jsbin and html5 fame it runs in the duke of york twice this year on november 10th and 11th the lineup was incredible i still can t believe remy allowed me on stage with them i learnt so much about new css features the back stories of emojis modularity devops devtools accessibility progressive web apps a phrase that came again and again at ffconf beside that space jam rocks was it doesn t have to be perfect just a little better than yesterday and little by little we are all moving in the right direction without fear art js intro setup goals this talk was 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 30 minutes of live coding to create an audio visual animation featuring conway game of life simulation with procedural music synchronizing the visuals and audio when coding on stage i like to use for the most simple setup possible a text editor no libraries a browser tab pointing to the file straight from the file system and the devtool opened to spot any parsing or execution error to save some precious i prepared a boilerplate with a canvas element a short list of midi notes and the basic oscillators to create the music later the idea was to go through the thought process and use the most basic setup to show the audience how accessible and rewarding creative coding can be feedback the audience was really positive about the minimal setup and the result at the end of both sessions thirty minute is a short time but i hope this spiked your curiosity and made creative coding more accessible let me know if you have any questions or comments other recent projects there are many experiments and projects like art js at ffconf to discover other here expi expi lives in the brotli dictionary rip jpeg encoder rip compo stream m22 m22 demo lishing 1kb competition since 2012 using javascript and the web platform ️ 1kb quine fluid simulation homage to the fluid simulation by yusuke endoh for ioccc 2012 in 1kb of html css and javascript quine code golfed by xem aemkei rreverser and irratix and myself 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 astra astra is a javascript odyssey in 1002 bytes for assembly 2016 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 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 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 rubber in solid a crazy twister effect in 256bytes of dhtml 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