awesome creative coding

Codage créatif génial

Liste soigneusement organisée de ressources de codage créatives impressionnantes principalement pour les débutants / intermédiaires.

Le codage créatif est une discipline différente de celle des systèmes de programmation. L'objectif est de créer quelque chose d'expressif au lieu de quelque chose de fonctionnel. La conception des interactions , la visualisation de l'information et l'art génératif sont tous des types de codage créatif - qui est devenu un terme de ménage décrivant des œuvres d'art articulées comme du code .

Veuillez lire les directives de contribution avant de contribuer.

Contenu

• Livres
• Livres en ligne
• Cours
• Outils
  • Cadres • Bibliothèques • Écosystèmes
  • Langages de programmation visuelle
  • Langages de programmation sonore
  • Programmation Web • Bibliothèques
  • Cartographie de projection • VJing
  • En ligne
  • Matériel
  • Autre
• Ressources d'apprentissage
  • Vidéos
  • Pourparlers
  • Articles
    • Shaders • OpenGL • webgl
    • Toile
    • Matériel
    • Autre
  • Interactif
  • Références rapides • feuilles de triche
• Communautés
  • Subreddits
  • Mou
  • Autre
• Mathématiques
• Apprentissage automatique • Vision informatique • AI
• Inspiration
• Événements
• Écoles • Ateliers
• Blogs • Sites Web
• En rapport

Livres

• Art génératif: un guide pratique - Guide pratique utilisant le traitement.
• Conception générative - visualiser, programmer et créer avec le traitement.
• La nature du code - simulant des systèmes naturels avec le traitement.
• Systèmes de conception de programmation - Introduction pratique aux nouvelles fondements de la conception graphique.
• Apprendre la programmation graphique 3D moderne - série de tutoriels sur l'utilisation d'OpenGL pour faire un rendu graphique.
• Programmation Interactivité - Guide des concepteurs sur le traitement, Arduino et OpenFrameworks.
• OpenFrameWorks Essentials - OpenFrameworks Guide pour le programmeur, artiste visuel ou concepteur.
• Mastering OpenFrameworks: Creative Coding Demystified - Advanced in Deep Guide to OpenFrameworks.
• Algorithmes pour la conception visuelle à l'aide du langage de traitement - Expérimentez les problèmes de conception pour créer des animations 3D, des interfaces graphiques, etc.
• Foundation HTML5 Animation avec JavaScript - Tout ce que vous devez savoir pour créer une animation à l'aide du canevas HTML5.
• Jouer avec le chaos - programmation fractales et attracteurs étranges en JavaScript.
• Ray Traçage en un week-end - Mini livre sur le tracé des rayons.
• Traitement 2: Creative Programming Cookbook - vous guide pour explorer l'environnement de traitement à l'aide de recettes pratiques et utiles.
• Conception graphique basée sur les données - Code créatif pour la communication visuelle.
• Rendu en temps réel - Apprenez à utiliser des techniques modernes pour générer des images tridimensionnelles synthétiques en une fraction de seconde.
• Shaders graphiques: théorie et pratique - Introduction à la programmation des shader en général, mais en se concentrant sur le langage d'ombrage GLSL.
• Tutoriels OpenGL 4 d'Anton - Guide pratique pour démarrer la programmation 3D avec OpenGL.
• La physique pour les jeux JavaScript, l'animation et les simulations - enseigne aux programmeurs JavaScript comment intégrer la physique réelle dans leurs jeux, animations et simulations HTML5.
• Math pour les programmeurs - Le livre vous apprend à résoudre des problèmes mathématiques dans le code.
• Synthèse d'Images AVEC OpenGL (ES) - Livre en français, qui couvre OpenGL, OpenGL es et Webgl.
• Génération de musique pratique avec Magenta - Explorez le rôle de l'apprentissage en profondeur dans la génération de musique et la composition musicale assistée.

Livres en ligne

• Le livre des shaders - guide étape par étape à travers l'univers abstrait et complexe des shaders de fragments.
• WebGL Fundamentals - WebGL à partir de zéro. Pas de magie.
• Fondamentaux Webgl 2 - WebGL2 à partir de zéro. Pas de magie.
• Apprenez OpenGL - Ressource de tutoriel approfondie pour l'apprentissage de l'OpenGL moderne.
• Scratchapixel 2.0 - Apprenez les graphiques informatiques à partir de zéro.
• Office - Livre / guide rédigé par la communauté sur OpenFrameworks.
• Ogldev - Collection de tutoriels OpenGL modernes par Etay Meiri.
• Tutoriel OpenGL - Site dédié aux tutoriels pour OpenGL 3.3 et plus tard.
• Open.gl - Guide qui vous apprend les bases de l'utilisation d'OpenGL.
• Pixel Shaders - Introduction interactive à la programmation graphique.
• OpenGlbook - Tutoriel de programmation OpenGL gratuit au format de livre en ligne.
• Projets de programmation graphique - Réservez sur les graphiques informatiques 3D de Morgan McGuire.
• Sur les algorithmes génératifs - Notes sur la génération de divers motifs organiques, avec des exemples et du code Python, par Anders Hoff.
• Informatique graphiques de Scratch - un manuel Raytracing and Rasterization qui vous apprend comment fonctionne OpenGL et DirectX.
• Une introduction sur Bézier Curves - un livre gratuit pour quand vous devez vraiment savoir comment faire des choses Bézier.
• Shaders de jeu 3D pour les débutants - Guide étape par étape des techniques d'ombrage en temps réel.
• Guide XEM WebGL - Guide étape par étape de WebGL.
• NODEMENTS DE CODING CREATIF - Un ensemble d'auteur de recettes Python fondamentales sur le codage créatif et l'art informatique, par Diego Inácio.
• Webgl Academy - Apprenez WebGL et 3D Algorithmic de manière progressive et interactive.

Cours

• Créez des graphiques 3D dans JS à l'aide de WebGL - Démarrez la création de contenu avec WebGL sans aucun frameworks.
• Apprenez les graphiques et l'animation HTML5 - Introduction à l'API de dessin 2D Canvas.
• Graphiques 3D interactifs - Cours Udacity qui vous apprend les principes de l'infographie 3D.
• Infographie interactive - Cours de graphisme informatique de Coursera.
• Kadenze Creative Coding - Sélection de cours Kadenze couvrant P5.js, Tensorflow, Max / Jitter et Chuck.
• Programmation créative pour les médias numériques et les applications mobiles - Coursera Coursera sur le codage créatif avec traitement.
• Institut imaginaire - Apprenez à créer de magnifiques graphiques interactifs.
• Future Learn: Creative Coding - Utilisez la programmation informatique comme discipline créative pour générer des sons, des images, des animations et plus encore.
• Intro à JS: Drawing & Animation - Utilisez JavaScript et la bibliothèque ProcessingJS pour créer des dessins et des animations.
• Advanced JS: Simulations naturelles - Combinez JS, ProcessingJS et concepts mathématiques pour simuler la nature dans vos programmes
• Visualisation des données interactives avec traitement - Apprenez à lire, cartographier et illustrer les données avec le traitement.
• Programmation des visualisations des données: une boîte à outils de codage pour le traitement - Rejoignez le concepteur d'informations Nicholas Felton dans le monde du traitement.
• Introduction à la visualisation des données - Rejoignez Nicholas Felton pour une introduction intelligente, complète et inspirante à la visualisation des données.
• Programmation Graphics I, 2, 3 - Apprenez de l'art génératif et du traitement avec l'art avec Joshua Davis.
• Code créatif avec toile et webgl - atelier de Matt Deslauriers. Cela vous apprend sur l'art génératif, les animations interactives, les graphiques 3D et les shaders.
• Codage créatif avancé avec Webgl & Shaders - Atelier de Matt Deslauriers qui approfondit la programmation graphique, les mathématiques et les shaders.
• Three.js Journey - Ce cours de Bruno Simon vous apprendra les secrets pour créer les sites Web WebGL les plus cool avec trois.js, que vous soyez un débutant ou un développeur avancé.
• Programmation des graphiques informatiques 3D - Apprenez toute la théorie et les mathématiques derrière les graphiques 3D tout en créant un rendu logiciel à partir de zéro à l'aide du langage de programmation C

Outils

Cadres • Bibliothèques • Écosystèmes

• Traitement [multiplateforme] - Langage de programmation informatique et IDE pour les arts visuels.
• PY5 [multiplateforme] - Une bibliothèque qui intègre le traitement dans le Python 3 Ecossystème.
• Cinder [multiplateforme] - Bibliothèque open source pour le codage créatif de qualité professionnelle en C ++.
• OpenFrameWorks [multiplateforme] - Open Source C ++ Toolkit pour le codage créatif.
• C4 [iOS] - Framework codage créatif open-source pour iOS.
• Unity [Mac, Win] - Game Engine, mais utile pour le codage créatif et les installations.
• Godot [multiplateforme] - moteur de jeu open source, qui peut également être utilisé pour toutes sortes de choses.
• PlayCanvas [multiplateforme] - Open Source, moteur WebGL collaboratif en temps réel.
• HG_SDF [multiplateforme] - bibliothèque GLSL pour la construction de fonctions de distance signées.
• Nannou [multiplateforme] - Cadre de codage créatif open source pour le langage de la rouille.
• thi.ng [multiplateforme] - Collection open source d'outils de conception de calcul pour les langages JavaScript, TypeScript, Clojure et Clojurescript.
• Pixelkit [iOS, Mac] - Open source, graphiques en direct, framework Swift, alimenté par le métal.
• OpenRnddr [multiplateforme] - bibliothèque open source pour codage créatif écrit en kotlin.
• Phaser [multiplateforme] - Framework HTML5 pour la construction de jeux, utilise à la fois un canevas et un rendu WebGL.
• Canvas-Sketch [Cross-Plateform] - Framework HTML5 pour fabriquer des illustrations génératives en JavaScript et le navigateur.
• Asyncgraphics [iOS, macOS] - Open source, graphiques en direct, asynchronisation / attente, package rapide, alimenté par métal.
• Lygia [multiplateforme] - granular et multicangue (GLSL, HLSL, WGSL, MSL et CUDA) Bibliothèque de shader conçue pour les performances et la flexibilité.
• Fragment.tools [multiplateforme] - un environnement de développement Web pour le codage créatif.

Langages de programmation visuelle

• VVVV [WIN] - Environnement de programmation en direct visuel / textuel hybride pour un prototypage et un développement faciles.
• Nodebox [Mac, Win] - GUI multiplateforme, basé sur des nœuds pour les visualisations de données efficaces et la conception générative.
• TouchDesigner [Mac, Win] - Plateforme de développement visuel pour créer des projets en temps réel.
• COMPOSIER DE QUARTZ [MAC] - Outil de développement pour le traitement et le rendu des données graphiques.
• Vuo [Mac] - Environnement de programmation interactive en direct.
• MAX [Mac, Win] - Langue de programmation visuelle pour les médias.
• Données pures [multiplateforme] - Langage de programmation visuelle open source pour multimédia.
• SCORE OSSIA [Séquenceur audiovisuel interactif, interactif, interactif.
• Tooll [Win] - Outil open source pour créer du contenu 3D interactif et des animations.
• XOD [multiplateforme] - Langage et environnement de programmation visuelle open source pour les projets basés sur des microcontrôleurs.
• Isadora [multiplateforme] - logiciel de contrôle des médias basé sur des scènes avec mappeur de projection intégré.
• Câbles [multiplateforme / web] - Votre kit de modèle pour créer un beau contenu interactif. Actuellement en version bêta privée, des invitations peuvent être demandées.
• Eternal [Web] - Programmes en graphiques et graphiques comme outils de composition pour la création
• Notch Builder [Win] - outil de création basé sur des nœuds avec un fort accent sur les graphiques en temps réel. Actuellement en version bêta.
• Joy.js - outil de codage visuel en temps réel, facile à comprendre et aux débutants.
• Cercles [iPhone, iPad, Mac] - Éditeur de nœuds graphiques en direct, alimenté par Asyncgraphics.
• TIC-80 - Faites des jeux et de l'art de style art pixel sur un écran 240 * 136 pixels.

Langages de programmation sonore

• Plate-forme SuperCollider [multi-plate-forme] - pour la synthèse audio et la composition algorithmique.
• Chuck - Langage de programmation musicale à la mode, simultanée et à la volée.
• TidalCycles - Langue spécifique au domaine pour le codage en direct du modèle.
• Sonic Pi - Le synthé musical codant en direct pour tout le monde.
• CSOUND - Un système informatique sonore et musical.
• ORCA - Environnement de codage en direct pour créer rapidement des séquenceurs procéduraux.
• Handel - Un petit langage de programmation procédural pour écrire des chansons dans le navigateur.
• Overtone - Un environnement audio open source conçu pour explorer de nouvelles idées musicales, de la synthèse et de la construction d'instruments au codage en direct.
• Melrōse - un environnement MIDI produisant pour créer de la musique (en direct).
• Glicol - Langage de codage en direct orienté graphique et bibliothèque DSP de musique / audio écrite en rouille.

Programmation Web • Bibliothèques

• Three.js - bibliothèque JavaScript 3D.
• Regl - Functional WebGL.
• StackGl - Écosystème logiciel ouvert pour WebGL, construit sur le dessus de la navigation et du NPM.
• Paper.js - Le couteau suisse du couteau de script graphique vectoriel.
• Pixi.js - moteur de rendu HTML 5 2D qui utilise WebGL avec le chantier de chute.
• P5.JS - bibliothèque JavaScript qui commence par l'objectif d'origine du traitement.
• Pts.js - bibliothèque JavaScript pour la visualisation et le codage créatif.
• Fabric.js - bibliothèque JavaScript Canvas, analyser SVG-to-canvas.
• MAKER.JS - Dessin de ligne paramétrique pour SVG, CNC & Laser Cutters.
• OpenJSCAD - Modélisation 3D programmatique dans JavaScript.
• Sketch.js - Framework de codage créatif JavaScript minimal.
• Two.js - API de dessin bidimensionnel destiné aux navigateurs Web modernes.
• Claygl - Bibliothèque graphique Webgl pour créer des applications Web3D évolutives.
• Proton - un moteur de particules JavaScript léger et puissant.
• Lightgl.js - Une bibliothèque WebGL légère.
• Picogl.js - Une bibliothèque de rendu Webgl 2 minimale.
• Alfrid - un ensemble d'outils WebGL.
• Babylon.js - Framework JavaScript complet pour la construction de jeux 3D avec HTML 5 et WebGL.
• Twigl - Une petite bibliothèque Webgl Helper.
• LUMA.GL - COMPOSANTS WebGL2 pour la visualisation des données.
• CSS-Doodle - Un composant Web pour dessiner des modèles avec CSS.
• OGL.JS - Bibliothèque JavaScript 3D (WebGL).
• ZDOG - Un moteur pseudo-3D pour toile et SVG.
• OIMO.JS - moteur de physique 3D léger pour JavaScript
• Ammo.js - Port direct du moteur de physique des balles en JavaScript à l'aide d'Emscripten.
• Theatre.js - bibliothèque de conception de mouvement avec outils visuels
• GraphicsJS - Une bibliothèque JavaScript ouverte légère pour les graphiques et les animations (SVG / VML).

Cartographie de projection • VJing

• Madmapper [Mac] - Projections de cartographie vidéo et cartographie légère.
• VDMX [Mac] - Application de performances multimédias en temps réel.
• MODUL8 [MAC] - Mixage vidéo en temps réel et composition.
• Résolume [Mac, Win] - Mélange de vidéos numériques et d'effets en temps réel.
• COGE VJ [MAC] - LOGICIEL VJ Conçu pour le mélange vidéo HD en temps réel et la composition avec une interface utilisateur modulaire.
• VirtualMapper - Tool d'aperçu en temps réel pour la cartographie de projection.
• MILLUMIN [MAC] - Un logiciel pour créer et effectuer des émissions audiovisuelles interactives.
• SMODE [WIN] - Un moteur de création 2D / 3D en temps réel, de composition et de cartographie vidéo.
• VEEJAY [Linux] - Un outil de performance en direct avec une modification et un mélange non linéaires simples à partir de plusieurs sources (fichiers, appareils, flux ...)

En ligne

• ShaderToy - Construisez et partagez les shaders avec le monde et inspirez-vous.
• Shader Park - Une bibliothèque JavaScript pour créer des shaders interactifs procéduraux 2D et 3D.
• GLSL Sandbox - éditeur et galerie de shader en ligne.
• Éditeur SHDR - Éditeur de shader en ligne.
• Codepen - Afficher le cas des techniques avancées avec un code source modifiable.
• Shadershop - Interface pour la programmation Shaders GPU.
• VertexShaderart - éditeur de shader en ligne et galerie.
• CYOS - éditeur de shader en ligne.
• GLSLEDITER - Simple WebGL Fragment Shader Editor.
• Open Processing - Créez et expérimentez la conception algorithmique, le traitement et le P5.js.
• Éditeur P5.JS - Éditeur Web en ligne pour P5.JS.
• Livecodelab - Outil de type Run-as-You pour VJ, musiciens, professeurs, étudiants, enfants.
• Turtletoy - API minimaliste et vitrine en ligne pour le code génératif. (JavaScript)
• Shadersif - Open Source Home for Art fait avec code (WebGL1 / 2, Canvas JavaScript & P5.js).
• P5Live - P5.JS Environnement de codage en direct.
• NEORT - Plateforme d'art numérique pour les codeurs créatifs (Fragment Shader, JavaScript Canvas).
• Shelly - Apprenez la programmation en émettant des instructions à une tortue.
• Tixy.land - L'environnement de codage créatif le plus minimaliste est vivant.
• BBC Micro Bot - Exécutez votre tweet sur un émulateur d'ordinateur 8 bits.
• HYDRA - Synthé vidéo en direct et environnement de codage.

Matériel

• Arduino - Kits de microcontrôleur open source pour la construction d'appareils numériques et d'objets interactifs.
• Raspberry Pi - petits ordinateurs monomodes.
• Puck.js - microcontrôleur JavaScript open source Vous pouvez programmer sans fil.
• Beagleboard - ordinateurs monomodes open source à faible puissance.
• Makey Makey - Transformez les objets de tous les jours en pavés tactiles et combinez-les avec Internet.
• REAP MOUVEMENT - Dispositif du capteur qui prend en charge les mouvements de la main et des doigts en entrée.
• Axidraw - Ploriner du stylo simple, moderne et précis.
• Phidgets - capteurs, périphériques d'entrée et contrôleurs pour les ordinateurs.
• TEENSY - Système de développement de microcontrôleur à base USB.
• Mappage de projection Lightform - AR avec capteur de profondeur intégré.

Autre

• Structure Synth [multiplateforme] - Application pour générer des structures 3D en spécifiant une grammaire de conception.
• F3 [Mac] - Application de conception 3D puissante qui vous permet de coder en direct le formulaire 3D.
• Fragment [Mac] - Application en direct GLAPHIQUES GLSL.
• Shadertool [Win] - IDE Shader moderne pour les programmeurs et les artistes FX.
• Siphon [Mac] - permet aux applications de partager des cadres les uns avec les autres en temps réel.
• Kodelife - éditeur de shader GPU en temps réel, outil de performance en direct en direct et sketchpad de prototypage graphique.
• ISF - Shaders GLSL à utiliser dans les applications interactives.
• GLSLViewer - outil de console de codage en direct qui rend les shaders GLSL.
• Shoebot [multiplateforme] - Shoebot est un environnement de codage créatif conçu pour fabriquer des graphiques et des animations vectoriels avec Python.
• Drawbot [MAC] - Environnement de programmation graphique 2D orientée vers l'éducation basé sur Python.
• Klak - Une collection de scripts pour le codage créatif avec l'unité.
• Basil.js - Scripting (JS) dans InDesign pour les designers et les artistes dans l'esprit de traitement.
• Konstrukt [multiplateforme] - un outil de ligne de commande pour générer différents modèles évolutifs sous forme de SVG.

Ressources d'apprentissage

Vidéos

• Le train de codage - Daniel Shiffman fait des vidéos sur le codage créatif.
• MFGD - Shaders Fragment - Liste de lecture YouTube sur les shaders de fragments.
• Laboratoire de shaders - Channe YouTube sur les shaders.
• Makin 'Stuff a l'air bien - Channel YouTube sur les études de cas Shaders.
• Série de didacticiels OpenFrameworks - Série YouTube à l'apprentissage OpenFrameworks
• Tutoriel OpenFrameWorks - Liste de lecture YouTube sur OpenFrameWorks - Non mis à jour [2015].
• Série de didacticiels Shader - Liste de lecture YouTube sur Shaders, en utilisant le code Visual Studio.
• Série de tutoriels KHA - Liste de lecture YouTube sur le framework KHA, construit en haxe.
• Amusant avec WebGL 2.0 - Liste de lecture YouTube sur WebGL 2.0.
• Tutoriels modernes OpenGL 3.0+ - Liste de lecture YouTube sur OpenGL moderne.
• VertexShaderart - Liste de lecture YouTube sur les shaders de sommet.
• Plongée dans trois.js - liste de lecture YouTube plongeant dans trois.js.
• Tutoriels de Shadertoy - Liste de lecture YouTube vous apprenant à faire des shaders, en commençant par zéro connaissance à l'aide de Shadertoy.
• WebGL Lightning - Introduction à WebGL Lightning avec Greg Tatum.

Pourparlers

• INTRODE TO WebGL TILLES VIDÉO - Intro à WebGL avec trois.js.
• Inigo Quilez Live - Collection de vidéos de codage en direct par íñigo quílez.
• Il y a aussi une toile - Bruno Imbrizi passe par l'utilisation de toiles pour le codage créatif sur WebExpo 2016. Interactive diapositives ici.
• Tutoriels de jeu OpenGL 3D - Series de tutoriels débutants sur la création de jeux 3D OpenG.
• Comment nous faisons cette merde - parlez de la façon dont les artistes basés sur la technologie le font financièrement.
• Making Webgl Dance - Comment j'ai appris à arrêter de m'inquiéter et d'aimer l'algèbre linéaire.
• The Pixel Factory - Parlez de WebGL, GPUS et Math de Steven Wittens.
• Computation poétique - discours inspirant de Zach Lieberman.
• Machines génératives - Talage Fitc de Matt Deslauriers de sa passion pour l'art génératif.

Articles • Tutoriels

Shaders • OpenGL • webgl

• Introduction aux shaders - Partie 1 d'une introduction aux shaders en utilisant troisjs.
• Three.js 101 - Introduction à trois.js du point de vue du codeur créatif.
• LWJGL: Shaders - Tutoriel Shader dans le contexte des basques LWJGL.
• Shaders: A Primer - Une amorce sur les shaders.
• Shaders: deuxième étape - la deuxième partie de la précédente.
• Leçons Webgl - Shaders de fragments - une brève introduction aux shaders de fragments.
• Leçons WebGL - Shaders ThreeJS - Utilisation du sommet personnalisé et des shaders de fragments en troisjs.
• Exemple postjs post-procèses - Exemple d'effets de post-traitement dans troisJ.
• Ray Maching et Signed Distance Fonctions - Introduction au traçage des rayons.
• Introduction au tracé des rayons - Une méthode simple pour créer des images 3D.
• Procédure pas à pas d'éclairage GLSL - Tutoriel d'ombrage Phong avec GLSLIFY.
• TROIS GLSLIFY Exemple - Exemple sur la façon d'utiliser trois.js avec GLSLIFY.
• Webgl Beyond Dom - Greg Tatum Expliquez la base de WebGL à l'aide de Regl.
• Particules FBO - Article sur les particules FBO / GPGPU par @nicoptere.
• Ray Marching (avec Three.js) - Article sur Ray Marching avec Three.js par @nicoptere.
• Shaders personnalisés avec trois.js - Introduction aux shaders personnalisés, uniformes, textures et éclairage en trois.js.
• Une introduction à l'OpenGL moderne - première partie d'une introduction à l'OpenGL moderne.
• Série OpenGL moderne - Bonne introduction à certains des termes OpenGL.
• Smooth Minimum - Article sur l'union primitive en douceur.
• Modélisation avec fonctions de distance - Collecte des fonctions de distance dans un endroit centralisé.
• Rendu volumétrique - explique comment créer des formes 3D complexes à l'intérieur des shaders volumétriques.
• Rendu en temps réel - Livre, blog et collection de ressources concernant le rendu en temps réel.
• OpenGL 4 Shaders - Introduction courte et douce aux Shaders OpenGL par Anton Gerdelan.
• Sur Ray Casting, Ray Tracing, Ray Marching et autres - le titre dit tout. Introduction par Adok.
• Rédaction d'un petit rendu de logiciel - Vraiment une bonne introduction à la fonctionnalité de base du rendu logiciel.
• Tutoriels WebGL - Site Web avec une très bonne collection de tutoriels WebGL.
• Génération de géométrie: 1, 2, 3 - Introduction débutante sur la façon de créer un objet géométrie.
• Into Vertex Shaders - série de tutoriels sur WebGL, trois.js et trois.Bas.
• Les espaces de WebGL - bref aperçu des différents systèmes de coordonnées via le pipeline graphique 3D.
• WEBGL Atelier - Introduction en ligne courte et douce à WebGL.
• Trois.js et géométrie instanciée - prédateur moelleux avec trois.js et géométrie instanciée.
• Effets des particules via des panneaux d'affichage - Comment créer des effets de particules avec Billboard et WebGL.
• Animer magnifiquement des points avec WebGL et Regl - Comment créer des particules GPGPU avec Regl.
• Tutoriel WebGL: mappage d'ombre directionnel sans extensions - Introduction aux concepts derrière la cartographie de l'ombre légère directionnelle en temps réel.
• WebGL Quest - Un tutoriel et une liste de ressources utiles pour utiliser facilement les fonctions de rayons et de distance Webgl.
• Exploration de la cartographie des bosses avec WebGL - Introduction à différentes techniques de mappage de bosse.
• Programme OpenGL / GLSL Shader - Deck sur le programme OpenGL / GLSL Shader.
• Particules dans un champ d'écoulement de bruit simplex - Perlin Noise Flow Field Field Field.
• Champs d'écoulement, partie 1 - Introduction aux champs d'écoulement également appelés champs vectoriels.
• Champs d'écoulement, partie 2 - Introduction aux champs d'écoulement également appelés champs vectoriels.
• Graphiques pour les jeux - Introduction aux programmes graphiques 3D, y compris les shaders, les mathématiques post-traitement, etc. de l'Université de Newcastle.
• Trois.js Basics - Introduction à Three.js par Eric Haines.
• Une introduction interactive à WebGL et Three.js - diapositives de l'atelier Webgl Siggraph 2017.
• Comment commencer à apprendre la programmation des graphiques informatiques - conseils et réflexions sur la façon de commencer par Eric Arnebäck.
• Ce que chaque codeur devrait savoir sur le gamma - une plongée profonde dans l'importance du gamma.

Toile

• HTML Canvas Deep Dive - Introduction profonde à l'API Canvas.
• 31 jours de tutoriels sur toile - Collection de tutoriels sur toile par Seb Lee-Delisle.

Matériel

• Pen Ploter Art & Algorithms Part 1, 2 - Comment utiliser le traceur de stylo AxiDraw avec JavaScript.

Autre

• Noise en codage créatif - Article de blog approfondi sur le bruit comme un outil indispensable pour le codage créatif.
• Cat comme le codage - Tutoriels en profondeur sur les mathématiques, les algorithmes et l'unité.
• Programmation amusante - Apprenez des programmes simples de codage créatif.
• Codage créatif sur iOS avec C4 - Introduction au C4 publié sur des applications créatives.
• COSMOS - Un tutoriel de bout en bout sur la conception, la programmation et le lancement d'une application à l'aide de C4.
• Physique des particules - Physique des particules expliqué.
• Visualiser les algorithmes - examine l'utilisation de la visualisation pour comprendre, expliquer et déboguer les algorithmes.
• Adventures in Game Development World - Facile à comprendre la collection d'articles sur le développement de jeux, mais aussi pertinente pour le codage créatif.
• Informations sur la programmation de jeux d'Amit - Collection de ressources sur des trucs comme la recherche de chemin, l'IA, les mathématiques, etc.
• Conseils pour améliorer vos illustrations génératives - Conseils pour améliorer votre art.
• Travailler avec la couleur dans l'art génératif - Conseils sur la façon de bien comprendre la couleur.

Interactif

• Shadder-School - Atelier pour les shaders GLSL et la programmation graphique.
• WEBGL-AWARDSHOP - La suite de Shader-School: Apprenez l'API WebGL.
• Fragment -ounry - Tutoriel interactif Fragment Shader.
• Tutoriel SDF 1: Box & Balloon - Tutoriel Shadertoy sur Raytracing.
• Howto: Ray Marching - Tutoriel Shadertoy sur Ray Marching.
• RayMarch Tutorial2 - Tutoriel Shadertoy Raymarch.
• Tutoriels GLSL 2D - TUTORIAL DE LA SHADERTOY GLSL 2D.
• Brouchage de bulles - Breakdown de Shader par Perlin.
• Faisons un marcheur de rayons - shader interactif sur l'écriture d'un marreur de rayons.
• RayMarching - Tutoriel interactif Shader-Toy Raymarching.

Références rapides • ChearSheets

• Shaderific GLSL - OpenGl es ombrage référence du langage.
• The Book of Shaders Glossary - Shader Glossaire par thème.
• Pages de glossaire GLTUT: 1, 2, 3, 4, 5, 6, 7, 8 - Glossaire de programmation OpenGL 3D.
• Canvas Cheatheet - Tichet Chichetre rapide et visuelle.
• WebGL CheatSheet - Carte de référence API WebGL 1.0.
• Glossaire de l'infographie - Glossaire des termes reliant les graphiques informatiques.
• Guide de référence GLSL - Guide de référence rapide du langage d'ombrage OpenGL.
• Feuille de triche mathématique 3D - Math Cheatheet d'Anton Gerdelan, de son livre OpenGL.
• Docs.gl - Amélioration de la documentation officielle OpenGL.
• Langue d'ombrage OpenGL - Group Khronos GLSL Wiki.
• Carte de référence OpenGL 4.3 - carte de référence PDF pour l'API OpenGL 4.3.
• Notage - Fonctions d'assouplissement interactives Chatteheet.
• PixelSpirit - Bibliothèque GLSL au dos des cartes de tarot, pour l'apprentissage et la référence.
• Modèles de procédure et bruits - Collecte de modèles de procédure et de bruits procéduraux.
• Nuits visuels - Visualiser les algorithmes de bruit en 1D et 2D.
• Trigonoparty - Visualisation simple trigonométrie.
• Morphogenèse - L'exploration de la façon dont les formes, les formes et les modèles émergent dans la nature.

Communautés

Subreddits

• R / CREATIVECODING - Partager et discuter de l'utilisation de la programmation informatique comme discipline créative.
• R / RayTraycing - Subreddit sur RayTracing.
• R / OpenGL - Actualités et discussion sur OpenGL sur toutes les plateformes.
• R / Graphics Programming - Subdreddit on Graphics Programming.
• R / Traitement - Subdreddit sur le traitement.
• R / Shaders - Subdreddit sur Shaders.
• R / procédure Génération - Subdredit sur la production procédurale.
• R / MachineLearning - Subdreddit sur l'apprentissage automatique.
• R / Génératif - Subdreddit sur l'art et la musique génératifs.

Mou

• Creative Coding Club - Creative Coding Club Slack.

Autre

• Le podcast de codage créatif - Iain et SEB discutent des tenants et aboutissants du codage créatif.
• Realtimevfx.com - Communauté VFX en temps réel.
• Histoires de données - Podcast sur la visualisation des données.
• Programmation 3D Articles hebdomadaires - Grande collection de ressources liées au shaders et aux mathématiques.
• Passez le stylo - une communauté de développeurs frontaux qui construisent des projets de codage créatif collaboratif sur Codepen.
• Creative Tech Weekly - une newsletter hebdomadaire de ressources autour de la technologie créative.

Mathématiques

• Math As Code - Faire de la triche pour la notation mathématique sous forme de code.
• Codage Math - Vous enseigne les mathématiques que vous devez comprendre en tant que programmeur.
• Extraits de mathématiques - Extraits de mathématiques avec programmation graphique à l'esprit.
• Animations de formule - Les principes de la peinture avec des mathématiques.
• Apprendre les mathématiques à nouveau - Collection des extraits de mathématiques JS et GLSL.
• Sason - Strab-sac des équations d'assouplissement modulaires.
• Mathématiques pour le mouvement - visualisation de différentes équations de mouvement.
• Multiplication matricielle - Multiplication matricielle visualisée.
• Règles de l'algèbre - Les règles les plus utiles de l'algèbre de base.
• Maths immersifs - Algèbre linéaire entièrement interactive.
• Image grains - Introduction interactive et visuelle aux grains d'image.
• Sine et cosinus - Explication interactive du sinus et du cosinus.
• Perlin Bruit - Perlin Noise expliqué en détail.
• Vector Math pour informatique 3D - Tutoriel sur l'algèbre vectorielle et l'algèbre matricielle à partir du point de vue des graphiques informatiques.
• DESMOS - Fonctions du graphique, tracé des données, évaluer les équations, explorer les transformations et bien plus encore.
• MFGD - Math pour les développeurs de jeux YouTube Playlist.
• Essence de l'algèbre linéaire - Essence de la playlist YouTube de l'algèbre linéaire.
• Mathématiques de l'animation - diapositives sur les mathématiques de l'animation (repo).
• Craillerie avec mathématiques et quasi physique - Introduction magnifique et visuelle aux mathématiques et à la physique quasi.
• Gene Kogan: Perlin Noise - Introduction au bruit 2D et 3D Perlin.
• Matrix Math and You - High Level Introduction aux matrices.
• Symboles mathématiques - Liste de tous les symboles mathématiques et signes.
• La magnifique matrice 2D - outil interactif pour mieux comprendre les matrices de transformation.
• Game Dev Movement Cheatheet avec des exemples - Extraits de mathématiques JavaScript pour le mouvement.
• Feuille de triche Maths & Trigonométrie pour les jeux 2D et 3D - Maths Cheat-Sheet pour les matchs de jeu 2D et 3D.
• Matrices pour le codage créatif - Introduction aux matrices de Greg Tatum.
• Faire des choses avec les mathématiques - parler de Steven Wittens des courbes de Bezier, de la génération de procédures, des moteurs de physique et des fractales.
• MyphysicsLab - Simulations de physique interactive en temps réel, avec des formules et du code.
• Maths intuitifs - Explications de champs comme l'algèbre linéaire et la géométrie conçus pour vous aider à développer une intuition visuelle pour ce qui se passe.
• L-Systems - Un package Haskell pour L-Systems.
• Interpolation linéaire - Introduction à l'interpolation linéaire (également connue sous le nom de mélange / LERP).
• Utilisation pratique des mathématiques vectorielles dans les jeux - Article approfondi sur les vecteurs pour les mathématiques de jeu.
• Shepherding Nombres aléatoires - Guide minuscule pour faire passer des nombres aléatoires.
• Shepherding Random Grids - Tiny Guide to Shepherding Random Grids.
• Shepherding Random Growth - Tiny Guide to Shepherding Random Growth.

Apprentissage automatique • Vision informatique • AI

• ML4A - Apprentissage automatique pour les artistes.
• Keras.js - exécuter les modèles Keras (backend TensorFlow) dans le navigateur, avec le support GPU.
• Tesseract.js - OCR multilingue JavaScript pur.
• Google ML - Cloud Machine Learning par Google.
• TENSORFLOW - Bibliothèque de logiciels open source pour Machine Intelligence.
• ConvNetjs - Deep Learning dans votre navigateur.
• Wekinator - permet à quiconque d'utiliser l'apprentissage automatique.
• Apprentissage automatique - Codage Repo de train avec des liens vers les ressources d'apprentissage automatique.
• Creativeai.net - Espace pour partager des projets créatifs d'IA.
• AI Playbook - AI Microsite destiné à aider les nouveaux arrivants à démarrer.
• Machine enseignable - Explorez le fonctionnement de l'apprentissage automatique, vivez dans le navigateur.
• Tensorflow.js - bibliothèque JavaScript pour la formation et le déploiement de modèles ML dans le navigateur et sur node.js.
• Bonjour Tensorflow - Demo Tensorflow.js entièrement commenté.
• ML5.JS - Apprentissage automatique amical pour le Web.
• Modèle Zoo - Découvrez le code d'apprentissage en profondeur open source et les modèles pré-entraînés.
• Runway - Toolkit qui ajoute des capacités d'intelligence artificielle à la conception et aux plateformes créatives.
• Lobe - Construire, former et expédier des modèles de profondeur personnalisés à l'aide d'une interface visuelle simple.
• ModelDepot - Plateforme pour découvrir, partager et discuter des modèles d'apprentissage automatique faciles à utiliser et pré-formés.

Inspiration

• Open Processing - Designs algorithmiques créés avec le traitement, les P5J et le traitement.
• Dwitter - Réseau social pour les courtes démos JavaScript.
• Chrome Experiments - Voie d'expériences Web écrites par la communauté de codage créative.
• Codedoodl.es - vitrine des croquis de codage créatif organisés.
• Pour votre traitement - projets et tutoriels sur le traitement.
• Art from Code - Sketches de code par Keith Peters.
• Generator.x - Flickr Group sur les stratégies génératives dans l'art et le design.
• Art génératif - groupe Flickr sur l'art génératif.
• Inspirant en ligne - Micro Blog open source sur les œuvres inspirantes et créatives publiées en ligne.
• Les gens que vous devriez suivre sur Codepen - Liste de personnes intéressantes qui méritent d'être suivies.
• Raven Kwok - Tumblr par l'artiste visuel Raven Kwok.
• P5art - Vraiment bonne collection d'expériences dans le traitement.
• Echophon - Tumblr avec inspiration visuelle.
• Abeilles et bombes - Tumblr avec gifs de Dave.
• Devart - Célébration de l'art fait avec du code par des artistes qui poussent les possibilités de la créativité.
• Folds2d - Tumblr avec courbes, surfaces, champs scalaires et vectoriels.

Événements

• OFFF Festival - Digital Design Festival ( Festival du film flash en ligne ).
• Grey Area Festival - Creative Coding, Art and Technology Festival.
• Signal Festival - vitrine de l'art léger et des technologies émergentes à Prague, la République tchèque.
• EYEO Festival - Rassemblez les codeurs créatifs, les concepteurs de données et les créateurs travaillant à l'intersection des données, de l'art et de la technologie.
• MUTEK - Organisation dédiée à la créativité numérique dans le son, la musique et l'art audiovisuel.
• Node - An open platform for the exchange on culture, arts and technology.
• Digital Design Days - 3 day event offering conferences, workshops, digital showcases & installations.
• CODAME ART+TECH - Projects and nonprofit events, to inspire through experience.
• NextArt Night - Inspiring people through creative uses of tech.

Museums • Galleries

• ZKM — Zentrum für Kunst und Medien, Karlsruhe/Germany - ZKM organizes exhibitions and events on the effects of media, digitization, and globalization.
• Ars Electronica Center, Linz/Austria - Museum of the Future — a place where diverse blends of artistic genres, scientific domains and technological directions are displayed and processed.
• Technorama, Zurich/Switzerland - Technorama allows hands-on experiences of hundreds of natural phenomena and technology.
• Kate Vass Gallery - Zürich/Switzerland - Contemporary art gallery presenting works by international established, mid-career, and emerging artists focusing on photography and new technologies.
• Digital Art Museum - Berlin/Germany - Digital Art Museum is an online resource for the history and practice of digital fine art.
• NXT Museum - Amsterdam/Netherlands - The first museum in the Netherlands dedicated to new media art.

Schools • Workshops

• Goldsmiths, UoL, MA Computational Art - Graduate program in London which develops your arts practice through the expressive world of creative computation
• UAL Creative Computing Institute - school in London working at the intersection of creativity and computational technologies
• School for Poetic Computation - School in New York that explore the intersections of code, design, hardware and theory.
• Copenhagen Institute of Interaction Design - Hosts a range of educational initiatives, most notably, the Interaction Design Programme and the CIID Summer School.
• Residencies, Fellowships, Summer Schools - Huge list of residencies, fellowships and summer schools around the world (Navigate with the bottom left tabs).

Blogs • Websites

• CreativeApplications.Net [CAN] - Famous digital art blog.
• iquilezles.org - Home of Íñigo Quílez, specialised in GLSL and math snippets.
• bit-101.com - Blog by Keith Peters, specialised in creative coding.
• ibreakdownshaders - Explore the math behind shaders.
• adriancourrèges.com - Blog of software engineer Adrian Courrèges. Articles about game graphics studies etc.
• clicktorelease.com - Home of Jaume Sanchez Elias, with demos, talks, articles on WebGL and WebVR.
• syntopia - Blog about generative art and systems, by Mikael Hvidtfeldt Christensen.
• madebyevan.com - WebGL experiments and articles by Evan Wallace.
• songho.ca - Home of Song Ho Ahn, with a good collection of tutorials on OpenGL and math.
• simonschreibt.de - Game art tricks, design tricks by Simon schreibt.
• sighack.com - Blog about generative art algorithms and techniques, by Manohar Vanga.
• jsdo.it-archives - Compilation of WebGL experiments including comparisons on WebGL frameworks and physics engine (oimo.js, cannon.js, ammo.js)
• WebAudio Weekly - Newsletter to know everything about the WebAudio API

En rapport

• Awesome opengl - Curated list of awesome OpenGL libraries, debuggers and resources.
• Awesome webgl - Curated list of awesome WebGL libraries, resources and much more.
• Awesome canvas - Curated list of awesome HTML5 canvas with examples, related articles and posts.
• Awesome audio visualization - Curated list about Audio Visualization.
• Awesome computer vision - Curated list of awesome computer vision resources.
• Awesome visualization research - Curated list of recommended research papers and other readings on data visualization.
• Awesome livecoding - Curated list of livecoding languages and tools.
• Awesome graphics - Curated list of computer graphics tutorials and resources.
• Graphics resources - Curated list of graphic programming resources.
• Magic tools - Curated list of game development resources to make magic happen.
• Hanecci's link collection - Link collection of ray marching on the GPU.
• Awesome public datasets - Curated list of public available datasets, mostly free resources.
• Link collection of ray marching on the GPU - Curated list from 2013.
• 3D Machine Learning - A resource repository for 3D machine learning.
• Awesome creative technology - Curated list of Creative Technology groups, companies, studios, collectives and more.

Licence

To the extent possible under law, Terkel Gjervig has waived all copyright and related or neighboring rights to this work.