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

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

the actual, juicy stuff

http://letsplay.ouigo.com/

DAMPING

x += (newX-x) *.1

EASING

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

(les) 12 principes d'animation

Hierarchy / SEQUENCE

interaction feedback

DENSITY / PHYSICALITY

animation / idle state

POST PROCESS / EYE CANDIES

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.

 

Stop. Hammer TimE!

(check YOUPI.IO)

Bref,

le code créatif c'est super!

 

moult ressources et pléthore d'outils

 

JUICE IT!

le dev créatif pour les nuls

By nicolas barradeau

le dev créatif pour les nuls

(et les devs web)

  • 2,851