LE code CRÉATIF POUR LES NULS
(ET LES DEVS WEB)

@nicoptere
barradeau.com

GROW PARIS

let A = [0.3614, 1.889, -0.9884, -1.7829, -1.1648, -1.9833];
let F = [-1.8859, -0.8246, 2.0329, -0.6785, -1.1921, 2.3451];
let T = 0;
let V = 0.001;
let x = 0, y = 0, nx, ny;
let i = 1e6;
while (i--) {
  nx = A[0] * sin(F[0] * x);
  nx += A[1] * cos(F[1] * y);
  nx += A[2] * sin(F[2] * T);
  ny = A[3] * sin(F[3] * x);
  ny += A[4] * cos(F[4] * y);
  ny += A[5] * sin(F[5] * T);
  x = nx;
  y = ny;
  T += V;
  setPixel(imageData, half + x * scale, half + y * scale);
}

approche systémique

expressivité et concision

communauté de ouf

coder des trucs Rigolos sur mon temps libre

ré-utiliser les TRUCS rigolos EN PROD

GAGNER UN MAX DE POGNON POUR M'ACHETER DU TEMPS

LE CODE CRÉATIF
C'EST QUOI?

~1910+ suprématisme, cubisme & ready made

~1950-60

op art /art cinétique

~1970-now

art numérique

art interactif

~1960-70

art vidéo

art mathématique

~1920

dada

UN PEU

D'HISTOIRE

DE L'ART des geeks

malévitch

sonia delaunay

1950-60
op-art

victor VASArELY

1970+
art vidéo

art algorithmique

Namjune paik

véra molnar

manfred mohr

georg nees

françois morellet

sol lewitt

1990+
art numérique
ART interactif

mignonneau/Sommerer

Maurice benayoum

jared tarbell

un ordinateur permet de présenter instantanément une "infinité" de variations. c'est la fin de l'intutuition artistique

vaguement dixxit Véra Molnar

LE CODE CRÉATIF
en 2020?

VJS, installations &
projection mapping

universal everything

AMCB

1024 architecture

DESIGN I/O

studio joannie lemercier

motion design / VFX

gil damoiseaux

anastasia opara

gmunk

SHADERS

iñigo quilez

PCG, plots & prints

raven kwok

inconvergent

frederik vanhoutte

tyler hobbs

games, AR / VR

Oskar stalberg

Yi-wen Lin

#MEISAI

dataviz

variable

field

onformative

loopers

bees and bombs

étienne jacob

Thomas Hooper

ml

luluXXX

justin pinkney & doron adler

scott eaton

tom white

quasimondo

sofia crespo

alexander Reben

luba elliott

web?

active theory

make me pulse

lusion

resn has no i

random studio

(T-)R€X$

lancôme

digiposte

l'équipe

Hopper the explorer

oui, mais non en fait.

on apprend toujours
quelque chose

documenter

JUICE!

from juice it or lose it

demo

the actual, juicy stuff

http://letsplay.ouigo.com/

DAMPING

x += (newX-x) *.1

EASING

t = t * t * ( 3 - 2 * t )

https://dribbble.com/shots/7983525-Watch-Shop-UI-animation-2

(les) 12 principes d'animation

Hierarchy / SEQUENCE

https://dribbble.com/shots/7373856-TheHub-Homepage

interaction feedback

DENSITY / PHYSICALITY

https://www.adultswim.com/etcetera/elastic-man/

animation / idle state

POST PROCESS / EYE CANDIES

https://sketchfab.com/

outils

languages/APIS

JS, WEBGL, ACTIONSCRIPT, HAXE, PROCESSING, UNITY, GITHUB, DOCKER, JAVA, IMAGEMAGICK, FFMPEG, PYTHON, OPENREFINE, NODE, GLSL, WEBPACK, NPM, CLI, LINUX, WINDOWS, MACOS, GCLOUD, KERAS, GCP, NPM, CUDA, MDC...

graphic tools

PHOTOSHOP, 3DSMAX, BLENDER, ILLUSTRATOR, AFTER EFFECTS, MESHLAB, TEXTUREPACKER, TILTBRUSH, BLOCKS, INKSCAPE, PREMIERE, SILHOUETTE, AXIDRAW, VISUALSFM, SLICERFUSION, POTRACE, PEPAKURA, KRITA, GIMP...

une cuillère n'est

pas un marteau

chaque outil a un rythme différent

un browser est une télécommande universelle

JavasCript c'est

du scotch marron

DIY tools

utiliser l'ACCéLéRATION
matérielle.

LE code CRÉATIF POUR LES NULS (ET LES DEVS WEB)

@nicoptere barradeau.com