awesome creative coding

Impresionante codificación creativa

Lista cuidadosamente curada de increíbles recursos de codificación creativa principalmente para principiantes/intermedios.

La codificación creativa es una disciplina diferente a la de programación. El objetivo es crear algo expresivo en lugar de algo funcional. El diseño de interacción , la visualización de información y el arte generativo son diferentes tipos de codificación creativa, que se ha convertido en un término doméstico que describe las obras de arte articuladas como código .

Lea las pautas de contribución antes de contribuir.

Contenido

• Libros
• Libros en línea
• Cursos
• Herramientas
  • Marcos • Bibliotecas • Ecosistemas
  • Lenguajes de programación visual
  • Lenguajes de programación de sonido
  • Programación web • Bibliotecas
  • Mapeo de proyección • VJing
  • En línea
  • Hardware
  • Otro
• Recursos de aprendizaje
  • Videos
  • Negociaciones
  • Artículos
    • Shaders • OpenGL • WebGL
    • Lienzo
    • Hardware
    • Otro
  • Interactivo
  • Referencias rápidas • Hojas de trucos
• Comunidades
  • Subreddits
  • Flojo
  • Otro
• Matemáticas
• Aprendizaje automático • Visión por computadora • AI
• Inspiración
• Eventos
• Escuelas • Talleres
• Blogs • Sitios web
• Relacionado

Libros

• Arte generativo: una guía práctica - Guía práctica utilizando el procesamiento.
• Diseño generativo: visualice, programa y cree con procesamiento.
• La naturaleza del código: simulando sistemas naturales con el procesamiento.
• Sistemas de diseño de programación: introducción práctica a los nuevos cimientos del diseño gráfico.
• Aprendizaje de programación de gráficos 3D modernos: serie de tutoriales sobre el uso de OpenGL para hacer una representación gráfica.
• Interactividad de programación: Guía del diseñador para el procesamiento, Arduino y OpenFrameworks.
• OpenFrameWorks Essentials: Guía para principiantes de OpenFrameWorks para programador, artista visual o diseñador.
• Mastering OpenFrameworks: Codificación creativa desmitificada - Guía avanzada en profundidad de OpenFrameWorks.
• Algoritmos para el diseño visual utilizando el lenguaje de procesamiento: experimente con problemas de diseño para crear animaciones 3D, GUI y más.
• Animación de Foundation HTML5 con JavaScript: todo lo que necesita saber para crear animación utilizando el lienzo HTML5.
• Jugando con el caos: programación de fractales y atractores extraños en JavaScript.
• Ray Tracing en un fin de semana - Mini libro sobre Ray Tracing.
• Procesamiento 2: Libro de cocina de programación creativa: lo guía para explorar el entorno de procesamiento utilizando recetas prácticas y útiles.
• Diseño gráfico basado en datos: codificación creativa para la comunicación visual.
• Renderización en tiempo real: aprenda a usar técnicas modernas para generar imágenes tridimensionales sintéticas en una fracción de segundo.
• Shaders Graphics: Teoría y práctica: introducción a la programación de sombreadores en general, pero centrándose en el lenguaje de sombreado GLSL.
• Tutoriales de Anton's OpenGL 4 - Guía práctica para comenzar la programación 3D con OpenGL.
• Física para juegos, animación y simulaciones de JavaScript: enseña a los programadores de JavaScript cómo incorporar física real en sus juegos, animaciones y simulaciones HTML5.
• Matemáticas para programadores: el libro le enseña a resolver problemas matemáticos en el código.
• Synthèse d'Ises avec OpenGL (ES) - Libro en francés, que cubre OpenGL, OpenGL ES y WebGL.
• Generación de música práctica con Magenta - Explore el papel del aprendizaje profundo en la generación musical y la composición musical asistida.

Libros en línea

• El libro de los sombreadores: guía paso a paso a través del universo abstracto y complejo de los fragmentos.
• WebGL Fundaments - WebGL desde cero. No hay magia.
• Fundamentos de WebGL 2 - WebGL2 desde cero. No hay magia.
• Aprender OpenGL - Recurso tutorial extenso para aprender OpenGL moderno.
• ScratchApixel 2.0 - Aprenda gráficos de computadora desde cero.
• OFBOOK - Libro/Guía escrito por la comunidad en OpenFrameWorks.
• OGLDEV - Colección de tutoriales modernos de OpenGL por Etay Meiri.
• Tutorial OpenGL - Sitio dedicado a tutoriales para OpenGL 3.3 y más tarde.
• Open.gl: guía que le enseñe los conceptos básicos de usar OpenGL.
• Pixel Shaders - Introducción interactiva a la programación de gráficos.
• OpenGLbook - Tutorial de programación gratuito de OpenGL en formato de libro en línea.
• Proyectos de programación de gráficos: reserva sobre gráficos computacionales 3D de Morgan McGuire.
• En algoritmos generativos: notas sobre la generación de varios patrones orgánicos, con ejemplos y código de pitón, por Anders Hoff.
• Gráficos de computadora desde cero: un libro de texto de rasterización de rayos y rasterización que le enseña cómo funcionan OpenGL y DirectX.
• Un manual en curvas Bézier: un libro gratuito para cuando realmente necesita saber cómo hacer cosas de Bézier.
• Sombreadores de juegos 3D para principiantes: guía paso a paso para técnicas de sombreado en tiempo real.
• Guía XEM WebGL-Guía paso a paso para WebGL.
• Notebooks de codificación creativa: un conjunto de autor de recetas fundamentales de Python sobre codificación creativa y arte informático, de Diego Inácio.
• WebGL Academy - Aprenda WebGL y algorítmico 3D de una manera progresiva e interactiva.

Cursos

• Cree gráficos 3D en JS usando WebGL: comience a crear contenido con WebGL sin ningún marco.
• Aprenda gráficos y animación HTML5 - Introducción a la API de dibujo de lona 2D.
• Gráficos 3D interactivos - Curso de ubicación que le enseñan los principios de los gráficos de computadora 3D.
• Gráficos de computadora interactivos - Curso de gráficos por computadora de Coursera.
• Codificación creativa de Kadenze - Selección de cursos de Kadenze que cubren P5.js, TensorFlow, Max/Jitter y Chuck.
• Programación creativa para medios digitales y aplicaciones móviles - Curso Coursera sobre codificación creativa con procesamiento.
• Imaginary Institute: aprenda a crear gráficos interactivos hermosos.
• Future Learn: Codificación creativa: use la programación de computadoras como una disciplina creativa para generar sonidos, imágenes, animaciones y más.
• Introducción a JS: Dibujo y animación: use JavaScript y la biblioteca ProcessingJS para crear dibujos y animaciones.
• JS avanzado: simulaciones naturales: combinar JS, procesamientojs y conceptos matemáticos para simular la naturaleza en sus programas
• Visualización de datos interactivos con procesamiento: aprenda a leer, mapear e ilustrar datos con el procesamiento.
• Visualizaciones de datos de programación: un conjunto de herramientas de codificación para procesamiento: unir el diseñador de información Nicholas Felton en el mundo del procesamiento.
• Introducción a la visualización de datos: únase a Nicholas Felton para una introducción inteligente, integral e inspiradora a la visualización de datos.
• Programación Graphics I, 2, 3 - Aprenda arte generativo y procesamiento con arte con Joshua Davis.
• Codificación creativa con Canvas & WebGL - Taller de Matt Deslauriers. Eso le enseña sobre arte generativo, animaciones interactivas, gráficos 3D y sombreadores.
• Codificación creativa avanzada con WebGL & Shaders - Taller de Matt Deslauriers que profundiza en la programación de gráficos, las matemáticas y los sombreadores.
• Three.js Journey: este curso de Bruno Simon le enseñará los secretos para crear los sitios web de WebGL más geniales con tres.js, ya sea que sea un desarrollador principiante o avanzado.
• Programación de gráficos por computadora 3D: aprenda toda la teoría y las matemáticas detrás de los gráficos 3D mientras crea un renderizador de software desde cero utilizando el lenguaje de programación C

Herramientas

Marcos • Bibliotecas • Ecosistemas

• Procesamiento [multiplataforma] - lenguaje de programación de computadoras e IDE para artes visuales.
• PY5 [multiplataforma]: una biblioteca que integra el procesamiento en el ecossistema Python 3.
• Cinder [multiplataforma]-Biblioteca de código abierto para codificación creativa de calidad profesional en C ++.
• OpenFrameWorks [multiplataforma] - Open Source C ++ Toolkit para codificación creativa.
• C4 [iOS] - Marco de codificación creativa de código abierto para iOS.
• Unity [Mac, Win] - Motor de juegos, pero útil para la codificación e instalaciones creativas.
• Godot [multiplataforma]: motor de juego de código abierto, que también se puede usar para todo tipo de cosas.
• PlayCanvas [multiplataforma]: código abierto, motor WebGL colaborativo en tiempo real.
• HG_SDF [Crossplatform] - Biblioteca GLSL para edificios de funciones de distancia firmadas.
• Nannou [multiplataforma]-Marco de codificación creativa de código abierto para el lenguaje de óxido.
• Thi.ng [multiplataforma] - Colección de código abierto de herramientas de diseño computacional para lenguajes JavaScript, TypeScript, Clojure y ClojureScript.
• Pixelkit [iOS, Mac] - código abierto, gráficos en vivo, marco Swift, alimentado por metal.
• OpenRNDR [multiplataforma] - Biblioteca de código abierto para codificación creativa escrita en Kotlin.
• Phaser [multiplataforma] - Marco HTML5 para construir juegos, utiliza un renderizador de lienzo y WebGL.
• Canvas-sketch [multiplataforma]-marco HTML5 para hacer obras de arte generativas en JavaScript y el navegador.
• Asyncgraphics [iOS, MacOS] - Correcto abierto, gráficos en vivo, Async / Wait, paquete Swift, alimentado por metal.
• Lygia [multiplataforma]-Biblioteca de sombreadores granular y de varios idiomas (GLSL, HLSL, WGSL, MSL y CUDA) diseñada para el rendimiento y la flexibilidad.
• Fragment.Tools [multiplataforma]: un entorno de desarrollo web para la codificación creativa.

Lenguajes de programación visual

• VVVV [WIN] - Entorno híbrido de programación viva visual/textual para una fácil prototipos y desarrollo.
• NodeBox [Mac, Win]-GUI multiplataforma, basada en nodos para visualizaciones de datos eficientes y diseño generativo.
• TouchDesigner [Mac, Win] - Plataforma de desarrollo visual para crear proyectos en tiempo real.
• Compositor de cuarzo [Mac] - Herramienta de desarrollo para procesar y representar datos gráficos.
• VUO [Mac] - Entorno de programación de medios interactivos en vivo.
• Max [Mac, Win] - Language de programación visual para medios.
• Datos puros [multiplataforma]: lenguaje de programación visual de código abierto para multimedia.
• Puntuación de OSSIA [multiplataforma]-secuenciador audiovisual intermedia interactivo.
• TOOLL [WIN]: herramienta de código abierto para crear contenido 3D interactivo y animaciones.
• XOD [multiplataforma]: lenguaje de programación visual de código abierto y entorno para proyectos basados ​​en microcontroladores.
• Isadore [multiplataforma] - Software de control de medios basado en escenas con mapeador de proyección integrada.
• Cables [multiplataforma/web]: su kit de modelos para crear contenido interactivo hermoso. Actualmente en beta privada, se pueden solicitar invitaciones.
• Eternal [web]: programas como gráficos y gráficos como herramientas de composición para la creación
• Notch Builder [WIN]-Herramienta de autoría basada en nodos con un fuerte enfoque en los gráficos en tiempo real. Actualmente en Beta.
• Joy.js: herramienta de codificación visual en tiempo real, fácil de entender y dirigida a principiantes.
• Círculos [iPhone, iPad, Mac] - Editor de nodos gráficos en vivo, alimentado por AsyncGraphics.
• Tic -80 - Haga juegos de estilo Pixel Art y arte en una pantalla de 240*136 píxeles.

Lenguajes de programación de sonido

• SuperCollider [multiplataforma] - Plataforma para síntesis de audio y composición algorítmica.
• Chuck: lenguaje de programación musical fuertemente, concurrente y sobre la marcha.
• Tidalcycles: lenguaje específico del dominio para la codificación en vivo del patrón.
• Sonic Pi: el sintetizador de música de codificación en vivo para todos.
• Csound: un sistema de computación de sonido y música.
• ORCA: entorno de codificación en vivo para crear rápidamente secuenciadores de procedimiento.
• Handel: un pequeño lenguaje de programación de procedimientos para escribir canciones en el navegador.
• Overnone: un entorno de audio de código abierto diseñado para explorar nuevas ideas musicales desde la síntesis y la construcción de instrumentos hasta la codificación en vivo.
• Melrōse: un entorno productor de MIDI para crear música (en vivo).
• Glicol - Lenguaje de codificación en vivo orientado a gráficos y biblioteca DSP de música/audio escrita en Rust.

Programación web • Bibliotecas

• Tres.js - Biblioteca 3D JavaScript.
• REGL - WebGL funcional.
• StackGL - Abra el ecosistema de software para WebGL, construido sobre Browserify y NPM.
• Paper.js - La navaja suiza de guiones de gráficos vectoriales.
• Pixi.js - HTML 5 2D Rendering Motor que usa WebGL con fallas de lienzo.
• P5.JS - Biblioteca JavaScript que comienza con el objetivo original del procesamiento.
• Pts.js - Biblioteca JavaScript para visualización y codificación creativa.
• Fabric.js-Biblioteca de lienzo JavaScript, analizador SVG-to-Canvas.
• Maker.js - Dibujo de línea paramétrica para SVG, CNC y cortadores láser.
• OpenJScad - Modelado 3D programático en JavaScript.
• Sketch.js - Marco de codificación creativa de JavaScript mínimo.
• Two.js - API de dibujo bidimensional orientado a los navegadores web modernos.
• Claygl - Biblioteca gráfica WebGL para construir aplicaciones web3D escalables.
• Proton: un motor de partículas JavaScript ligero y potente.
• LightGL.JS - Una biblioteca WebGL ligera.
• PicoGl.js: una biblioteca mínima de renderizado de WebGL 2.
• Alfrid: un conjunto de herramientas WebGL.
• Babylon.js - Completa el marco de JavaScript para construir juegos 3D con HTML 5 y WebGL.
• TWIGL - Una pequeña biblioteca de WebGL Helper.
• Luma.GL - Componentes WEBGL2 para la visualización de datos.
• CSS -Doodle: un componente web para dibujar patrones con CSS.
• OGL.JS - Biblioteca 3D JavaScript (WebGL).
• ZDOG - Un motor pseudo -3D para Canvas & SVG.
• Oimo.js - motor de física 3D ligero para JavaScript
• Ammo.js: puerto directo del motor de física de bala a JavaScript usando Emscripten.
• Theatre.js - Biblioteca de diseño de movimiento con herramientas visuales
• GraphicsJS: una biblioteca de JavaScript de código abierto ligero para gráficos y animaciones (SVG/VML).

Mapeo de proyección • VJing

• Madmapper [Mac] - Proyecciones de mapeo de video y mapeo de luz.
• VDMX [Mac] - Aplicación de rendimiento multimedia en tiempo real.
• Modul8 [Mac] - Mezcla y composición de video en tiempo real.
• Resolume [Mac, Win] - Mezcla de video digital y efectos en tiempo real.
• COGE VJ [Mac] - Software VJ diseñado para una mezcla y composición de video HD en tiempo real con una interfaz de usuario modular.
• VirtualMapper - Herramienta de vista previa en tiempo real para la asignación de proyección.
• Millumin [Mac]: un software para crear y realizar programas audiovisuales interactivos.
• Smode [win]: una creación 2D/3D en tiempo real, composición y motor de mapeo de video.
• Veejay [Linux] - Una herramienta de rendimiento en vivo con edición y mezcla no lineales simples de múltiples fuentes (archivos, dispositivos, transmisiones ...)

En línea

• Shadertoy: construya y comparte sombreadores con el mundo e inspira.
• Shader Park: una biblioteca JavaScript para crear sombreadores interactivos de procedimiento 2D y 3D.
• GLSL Sandbox - Editor de sombreadores en línea y galería.
• Editor SHDR - Editor de sombreadores en línea.
• CodePEN - Mostrar caso de técnicas avanzadas con código fuente editable.
• Shadershop - Interfaz para programar sombreadores GPU.
• Vertexshaderart - Editor y galería de sombreadores en línea.
• CYOS - Editor de sombreadores en línea.
• GLSLEDITOR - Simple WebGL Fragment Shader Editor.
• OpenProcessing: cree y experimente con diseño algorítmico, procesamiento y P5.JS.
• Editor P5.JS - Editor web en línea para P5.JS.
• LIVECODELAB-Herramienta de run-type-type para VJS, músicos, maestros, estudiantes, niños.
• Turtletoy: API minimalista y exhibición en línea para código generativo. (JavaScript)
• Shadergif - Casa de código abierto para arte hecho con código (WebGL1/2, JavaScript Canvas y P5.JS).
• P5Live - entorno de codificación viva P5.JS.
• Neort - Plataforma de arte digital para codificadores creativos (fragment shader, javaScript Canvas).
• Shelly: aprenda programación emitiendo instrucciones a una tortuga.
• TIXY.LAND - El entorno de codificación creativa más minimalista está vivo.
• BBC Micro Bot: ejecute su tweet en un emulador de computadora de 8 bits.
• Hydra: entorno de codificación y sintetización de video y codificación de código en vivo.

Hardware

• Arduino: kits de microcontrolador de código abierto para construir dispositivos digitales y objetos interactivos.
• Raspberry Pi: pequeñas computadoras de una sola placa.
• Puck.js - Microcontrolador JavaScript de código abierto que puede programar de forma inalámbrica.
• BeagleBoard: computadoras de una sola placa de código abierto de baja potencia.
• Makey Makey: convierta los objetos cotidianos en paneles táctiles y combínelos con Internet.
• Leap Motion - Dispositivo sensor que admite movimientos de mano y dedo como entrada.
• Axidraw - Plotter de lápiz simple, moderno y preciso.
• Phidgets: sensores, dispositivos de entrada y controladores para computadoras.
• Teensy - Sistema de desarrollo de microcontroladores basado en USB.
• Forma ligera: mapeo de proyección AR con sensor de profundidad incorporado.

Otro

• Synth de estructura [multiplataforma] - Aplicación para generar estructuras 3D especificando una gramática de diseño.
• F3 [MAC]: una poderosa aplicación de diseño 3D que le permite el formulario 3D de código en vivo.
• Fragmento [Mac]- Gráficos GLSL de código de aplicación para en vivo.
• ShaderTool [Win] - Modern Shader IDE para programadores y artistas de FX.
• Siphon [Mac]: permite que las aplicaciones compartan marcos entre sí en tiempo real.
• Kodelife-Editor de sombreadores GPU en tiempo real, herramienta de rendimiento de código en vivo y prototipos de gráficos Sketchpad.
• ISF - Shaders GLSL para su uso en aplicaciones interactivas.
• GLSLVIEWER - Herramienta de consola de codificación en vivo que representa los sombreadores GLSL.
• Shoebot [multiplataforma] - Shoebot es un entorno de codificación creativo diseñado para hacer gráficos vectoriales y animaciones con Python.
• Drawbot [Mac] - Entorno de programación de gráficos 2D orientado a la educación basado en Python.
• Klak: una colección de guiones para codificación creativa con Unity.
• Basil.js - Scripting (JS) en Indesign para diseñadores y artistas en el espíritu de procesamiento.
• Konstrukt [multiplataforma]: una herramienta de línea de comandos para generar diferentes patrones escalables como SVG.

Recursos de aprendizaje

Videos

• El tren de codificación: Daniel Shiffman hace videos sobre la codificación creativa.
• MFGD - Fragment Shaders - Lista de reproducción de YouTube sobre fragmentos.
• Laboratorio de Shaders - Canal de YouTube sobre sombreadores.
• Las cosas makin 'se ve bien - canal de YouTube sobre estudios de casos de sombreadores.
• Serie Tutorial de OpenFrameworks - Serie de YouTube para aprender OpenFrameworks
• Tutorial de OpenFrameWorks - Lista de reproducción de YouTube sobre OpenFrameworks - No actualizado [2015].
• Serie Tutorial de Shader - Lista de reproducción de YouTube sobre sombreadores, utilizando el código Visual Studio.
• Serie Tutorial KHA - Lista de reproducción de YouTube sobre el marco KHA, construido en HAXE.
• Diversión con WebGL 2.0 - Lista de reproducción de YouTube sobre WebGL 2.0.
• Tutoriales modernos de OpenGL 3.0+ - Lista de reproducción de YouTube sobre Modern OpenGL.
• Vertexshaderart - Lista de reproducción de YouTube sobre Vertex Shaders.
• Buceo en tres.js - Lista de reproducción de YouTube en tres.js.
• Tutoriales de Shadertoy - Lista de reproducción de YouTube que te enseña cómo hacer sombreadores, comenzando con cero conocimiento usando shadertoy.
• WebGL Lightning - Introducción a WebGL Lightning con Greg Tatum.

Negociaciones

• Introducción a WebGL Slides Video - Introducción a WebGL con tres.js.
• Inigo Quilez Live - Colección de videos de codificación en vivo de íñigo quísz.
• También hay lienzo: Bruno Imbrizi pasa por el uso de lienzo para la codificación creativa en WebEXPO 2016. Diapositivas interactivas aquí.
• OpenGL 3D Game Tutorials - Serie de tutoriales para principiantes sobre la creación de juegos 3D Openg.
• Cómo hacemos esta mierda: hable sobre cómo los artistas basados ​​en tecnología lo hacen financieramente.
• Hacer que Webgl dance: cómo aprendí a dejar de preocuparme y amar el álgebra lineal.
• The Pixel Factory - Habla sobre WebGL, GPU y matemáticas de Steven Wittens.
• Computación poética: charla inspiradora de Zach Lieberman.
• Máquinas generativas - FITC Talk de Matt Deslauriers sobre su pasión por el arte generativo.

Artículos • Tutoriales

Shaders • OpenGL • WebGL

• Introducción a los sombreadores - Parte 1 de una introducción a los sombreadores que usan tresjs.
• Tres.js 101 - Introducción a tres.js desde una perspectiva de codificador creativo.
• LWJGL: Shaders - Tutorial de sombreadores en el contexto de LWJGL -Basics.
• Shaders: una imprimación: una imprimación en sombreadores.
• Shaders: Segunda etapa: la segunda parte de la anterior.
• Lecciones de WebGL - Fragment Shaders - Una breve introducción a los sombreadores de fragmentos.
• Lecciones de WebGL - ThreeJS Shaders - utilizando vértices personalizados y sombreadores de fragmentos en tresjs.
• Ejemplo de tresjs post-proces: ejemplo de efectos posteriores al procesamiento en tresjs.
• Marching Ray y funciones de distancia firmadas - Introducción al trazado de rayos.
• Introducción al trazado de rayos: un método simple para crear imágenes 3D.
• Tutorial de iluminación GLSL - Tutorial de sombreado Phong con Glslify.
• Tres Ejemplo de Glslify - Ejemplo sobre cómo usar tres.js con Glslify.
• WebGL Beyond DOM - Greg Tatum Explique lo básico de WebGL usando regl.
• Partículas FBO - Artículo sobre partículas FBO/GPGPU por @nicoptere.
• Ray Marching (con tres.js) - Artículo sobre Ray Marching con tres.js por @nicoptere.
• Shaders personalizados con tres.js - Introducción a sombreadores personalizados, uniformes, texturas e iluminación en tres.js.
• Una introducción a Modern OpenGL - Primera parte de una introducción a Modern OpenGL.
• Serie Modern OpenGL: buena introducción a algunos de los términos de OpenGL.
• Mínimo suave - Artículo sobre la unión primitiva basada lisa.
• Modelado con funciones de distancia: colección de funciones de distancia en un lugar centralizado.
• Representación volumétrica: explica cómo crear formas 3D complejas dentro de los sombreadores volumétricos.
• Renderización en tiempo real: libro, blog y colección de recursos con respecto a la representación en tiempo real.
• OpenGL 4 Shaders - Introducción corta y dulce a OpenGL Shaders de Anton Gerdelan.
• En Ray Casting, Ray Tracing, Ray Marching y similares, el título lo dice todo. Introducción por Adok.
• Escribir un renderizador de software pequeño: una muy buena introducción a cómo funciona la representación básica de software.
• Tutoriales de WebGL - Sitio web con una muy buena colección de tutoriales de WebGL.
• Generación de geometría: 1, 2, 3 - Introducción para principiantes sobre cómo crear objeto de geometría.
• En Vertex Shaders - Serie de tutoriales sobre WebGL, Three.js y Three.Bas.
• Los espacios de WebGL - Breve descripción sobre los diferentes sistemas de coordenadas a través de la tubería de gráficos 3D.
• Taller WebGL - Introducción en línea corta y dulce a WebGL.
• Tres.js y geometría instanciada: depredador esponjoso con tres.js y geometría instanciada.
• Efectos de partículas a través de vallas publicitarias: cómo crear efectos de partículas con cartelera y webgl.
• Puntos bellamente animados con WebGL y REGL: cómo crear partículas GPGPU con regl.
• Tutorial de WebGL: mapeo de sombra direccional sin extensiones: introducción a los conceptos detrás del mapeo de sombra de luz direccional en tiempo real.
• WebGL Quest: un tutorial y una lista de recursos útiles para usar las funciones WebGL Raymarching y Distancia fácilmente.
• Explorando el mapeo de BUP con WebGL - Introducción a diferentes técnicas de mapeo de BUP.
• Programación de sombreador OpenGL/GLSL - Declar en la programación OpenGL/GLSL Shader.
• Partículas en un campo de flujo de ruido simple - Tutorial de campo de flujo de ruido de Perlin.
• Campos de flujo, Parte 1 - Introducción a los campos de flujo también conocidos como campos vectoriales.
• Campos de flujo, Parte 2 - Introducción a los campos de flujo también conocidos como campos vectoriales.
• Gráficos para juegos: introducción a la programación de gráficos 3D que incluye sombreadores, postprocesamiento matemático, etc. de la Universidad de Newcastle.
• Tres Basics de tres.js - Introducción a tres.js por Eric Haines.
• Una introducción interactiva a WebGL y Three.js - Diapositivas del taller Siggraph 2017 WebGL.
• Cómo comenzar a aprender programación de gráficos por computadora: consejos y pensamientos sobre cómo comenzar por Eric Arnebäck.
• Lo que todo codificador debe saber sobre gamma: profundizar en la importancia de la gamma.

Lienzo

• HTML lienzo de buceo profundo: introducción profunda a la API de lienzo.
• 31 días de tutoriales de lienzo - Colección de tutoriales de lienzo de SEB Lee -Delisle.

Hardware

• Pen Plotter Art & Algorithms Parte 1, 2 - Cómo usar el plotador de pluma Axidraw con JavaScript.

Otro

• Ruido en la codificación creativa: publicación de blog en profundidad sobre el ruido como una herramienta indispensable para la codificación creativa.
• CAT como codificación: tutoriales en profundidad sobre matemáticas, algoritmos y unidad.
• Programación divertida: aprenda la codificación creativa escribiendo programas simples.
• Codificación creativa en iOS con C4 - Introducción a C4 publicada en aplicaciones creativas.
• Cosmos: un tutorial de extremo a extremo sobre el diseño, la programación y el lanzamiento de una aplicación que usa C4.
• Física de partículas - Física de partículas explicada.
• Visualización de algoritmos: analice el uso de la visualización para comprender, explicar y depurar algoritmos.
• Aventuras en el mundo del desarrollo del juego: colección de artículos sobre el desarrollo de juegos fáciles de entender, pero relevante para la codificación creativa.
• Información de programación de juegos de Amit: recopilación de recursos en cosas como la búsqueda de rutas, la IA, las matemáticas, etc.
• Consejos para mejorar su obra de arte generativa: consejos para que su arte se vea mejor.
• Trabajar con color en arte generativo: consejos sobre cómo obtener el color correcto.

Interactivo

• Shader -School - Taller para la programación GLSL Shaders y Graphics.
• WebGL-Workshop: la secuela de Shader-School: aprende la API WebGL.
• Fragment -undry - Tutorial de sombreador de fragmento interactivo.
• Tutorial SDF 1: Box & Balloon - Tutorial de Shadertoy sobre Raytracing.
• Cómo: Ray Marching - Shadertoy Tutorial sobre Ray Marching.
• Raymarch Tutorial2 - Tutorial de Shadertoy Raymarch.
• Tutoriales 2D GLSL - Tutorial de ShaderToy GLSL 2D.
• Desglose de burbujas: desglose del sombreador de Perlin.
• Hagamos un manifestante de Ray - Toy interactivo para escribir un manifestante de Ray.
• Raymarching - Tutorial de Raymarching Interactive Shader -Toy.

Referencias rápidas • Hojas de trucos

• Shaderific GLSL - Referencia de lenguaje de sombreado de OpenGL ES.
• The Book of Shaders Glossary - Shader Glossary por tema.
• Páginas de Glosario Gltut: 1, 2, 3, 4, 5, 6, 7, 8 - Glosario de programación OpenGL 3D.
• Hoja de trucos de lona: hoja de trucos de lona rápida y visual.
• WebGL Cheatsheet - Tarjeta de referencia de API WebGL 1.0.
• Glosario de gráficos por computadora - Glosario de términos que relacionan los gráficos por computadora.
• Guía de referencia GLSL - Guía de referencia rápida de lenguaje de sombreado de OpenGL.
• Hoja de trucos de matemáticas 3D - Hoja de trucos de matemáticas de Anton Gerdelan, de su libro de OpenGL.
• docs.gl - Mejora de la documentación oficial de OpenGL.
• OpenGL Shading Language - Khronos Group Glsl Wiki.
• Tarjeta de referencia OpenGL 4.3 - Tarjeta de referencia PDF para la API OpenGL 4.3.
• Falcos - Hoja de trucos de funciones interactivas.
• Pixelspirit - Biblioteca GLSL en la parte posterior de las cartas del tarot, para aprender y referencia.
• Patrones y ruidos de procedimiento: colección de patrones de procedimiento y ruidos de procedimiento.
• Ruidos visuales: visualice los algoritmos de ruido en 1D y 2D.
• Trigonoparty - Visualización simple de trigonometría.
• Morfogénesis: exploración de cómo surgen formas, formas y patrones en la naturaleza.

Comunidades

Subreddits

• R/Creativecoding: compartir y discutir el uso de la programación de computadoras como disciplina creativa.
• R/Raytraycing - Subreddit en Raytracing.
• R/OpenGL - Noticias y discusión sobre OpenGL en todas las plataformas.
• R/GraphicsProgramming - Subreddit en programación de gráficos.
• R/Procesamiento - Subreddit en el procesamiento.
• R/Shaders - Subreddit en sombreadores.
• R/Generación de procedimientos - Subreddit en la generación de procedimientos.
• R/MachineLearning - Subreddit en el aprendizaje automático.
• R/Generativo - Subreddit sobre arte generativo y música.

Flojo

• Club de codificación creativa - Slack Creative Coding Club.

Otro

• El podcast de codificación creativa: Iain y Seb discuten los entresijos de la codificación creativa.
• RealTimevfx.com - Comunidad VFX en tiempo real.
• Historias de datos: podcast en visualización de datos.
• Programación 3D Artículos semanales - Gran colección de recursos relacionados con sombreadores y matemáticas.
• Pase la pluma: una comunidad de desarrolladores front -end que crean proyectos de codificación creativa colaborativa en CodePen.
• Creative Tech Weekly: un boletín semanal de recursos en torno a la tecnología creativa.

Matemáticas

• Matemáticas como código: hojas de trucos para notación matemática en forma de código.
• Codificación de matemáticas: te enseña las matemáticas que necesitas entender como programador.
• Fragmentos de matemáticas: fragmentos de matemáticas con la programación gráfica en mente.
• Animaciones de fórmula: los principios de pintura con matemáticas.
• Aprender matemáticas nuevamente - Colección de fragmentos de matemáticas JS y GLSL.
• Facilitadores - Grab -bag de ecuaciones de facilitación modular.
• Matemáticas para el movimiento: visualización de diferentes ecuaciones de movimiento.
• Multiplicación de matriz: multiplicación de matriz visualizada.
• Reglas de álgebra: las reglas más útiles de álgebra básica.
• Matemáticas inmersivas: álgebra lineal totalmente interactiva.
• Kernels de imagen: introducción interactiva y visual a los núcleos de imagen.
• Sino y coseno: explicación interactiva del seno y el coseno.
• Perlin Noise - Perlin Noise explicado en detalle.
• Matemáticas vectoriales para gráficos de computadora 3D: tutorial sobre álgebra vectorial y álgebra de matriz desde el punto de vista de los gráficos por computadora.
• DESMOS - Funciones de gráficos, datos de gráficos, evaluar ecuaciones, explorar transformaciones y mucho más.
• MFGD - Matemáticas para desarrolladores de juegos Lista de reproducción de YouTube.
• Esencia de álgebra lineal - esencia de la lista de reproducción de álgebra lineal en YouTube.
• Matemáticas de la animación: diapositivas sobre las matemáticas de la animación (Repo).
• Bosquejar con matemáticas y cuasi física: introducción hermosa y visual a las matemáticas y cuasi física.
• Gene Kogan: ruido de Perlin - Introducción al ruido 2D y 3D Perlin.
• Matriz Matemáticas y usted - Introducción de alto nivel a las matrices.
• Símbolos matemáticos: lista de todos los símbolos y signos matemáticos.
• La magnífica matriz 2D: herramienta interactiva para comprender mejor las matrices de transformación.
• Game Dev Movimiento Hoja de trucos con ejemplos - JavaScript Math Snippets for Movement.
• Hoja de trucos de matemáticas y trigonometría para juegos 2D y 3D-Maths Cheat-sheet para fabricantes de juegos 2D y 3D.
• Matrices para la codificación creativa: introducción a las matrices de Greg Tatum.
• Hacer cosas con matemáticas: hablar de Steven Wittens sobre curvas de Bezier, generación de procedimientos, motores de física y fractales.
• MyPhysicsLab - Simulaciones interactivas de física en tiempo real, con fórmulas y código.
• Matemáticas intuitivas: explicaciones de campos como álgebra lineal y geometría diseñadas para ayudarlo a desarrollar una intuición visual para lo que está sucediendo.
• L-Systems: un paquete Haskell para L-Systems.
• Interpolación lineal: introducción a la interpolación lineal (también conocida como MIX/LERP).
• Uso práctico de matemáticas vectoriales en juegos: artículo en profundidad sobre vectores para matemáticas de juegos.
• Plazo de números aleatorios: pequeña guía para pasear números aleatorios.
• Plazo de cuadrículas aleatorias: pequeña guía para pasear cuadrículas aleatorias.
• Plazo de crecimiento aleatorio - Guía pequeña para el crecimiento aleatorio de pastoreo.

Aprendizaje automático • Visión por computadora • AI

• ML4A - Aprendizaje automático para artistas.
• Keras.js - Ejecutar modelos Keras (TensorFlow Backend) en el navegador, con soporte de GPU.
• Tesseract.js - Pure JavaScript multilingüe OCR.
• Google ML - Aprendizaje automático en la nube por Google.
• TensorFlow - Biblioteca de software de código abierto para la inteligencia de máquinas.
• Convnetjs - Aprendizaje profundo en su navegador.
• Wekinator: permite que cualquiera use el aprendizaje automático.
• Aprendizaje automático: codificación de repositorio de trenes con enlaces a recursos de aprendizaje automático.
• CreateVeai.net - Espacio para compartir proyectos creativos de IA.
• Libro de jugadas de IA: AI Microtite destinado a ayudar a los recién llegados a comenzar.
• Enseñable Machine: explore cómo funciona el aprendizaje automático, vive en el navegador.
• Tensorflow.js - Biblioteca JavaScript para capacitación e implementación de modelos ML en el navegador y en Node.js.
• Hola TensorFlow - Comentó TensorFlow.js Demo.
• ML5.JS - Aprendizaje automático amigable para la web.
• Modelo Zoo: descubra el código de aprendizaje profundo de código abierto y los modelos previos a la detención.
• Runway: kit de herramientas que agrega capacidades de inteligencia artificial al diseño y plataformas creativas.
• Lóbulo: construir, entrenar y enviar modelos de aprendizaje profundo personalizados utilizando una interfaz visual simple.
• ModelDepot: plataforma para descubrir, compartir y discutir modelos de aprendizaje automático fáciles de usar y pre -capacitado.

Inspiración

• Open Processing: diseños algorítmicos creados con procesamiento, P5JS y procesamientojs.
• Dwitter - Red social para demostraciones cortas de JavaScript.
• Experimentos de Chrome: exhibición de experimentos web escritos por la comunidad de codificación creativa.
• CodeDoodl.es - Muestra de bocetos de codificación creativos curados.
• Para su procesamiento: proyectos y tutoriales sobre procesamiento.
• Arte del código: bocetos de código de Keith Peters.
• Generator.x - Grupo Flickr sobre estrategias generativas en arte y diseño.
• Arte generativo - Grupo Flickr sobre el arte generativo.
• Inspiring Online: Micro Blog de código abierto sobre trabajos inspiradores y creativos publicados en línea.
• Personas que debe seguir en CodePen - Lista de personas interesantes que vale la pena seguir.
• Raven Kwok - Tumblr del artista visual Raven Kwok.
• P5ART - Muy buena colección de experimentos en el procesamiento.
• Ecophon - Tumblr con inspiración visual.
• Abejas y bombas - Tumblr con GIF por Dave.
• Devart - Celebración del arte realizado con código por artistas que impulsan las posibilidades de creatividad.
• Folds2d - Tumblr con curvas, superficies, campos escalares y vectoriales.

Eventos

• Festival OFFF - Festival de diseño digital ( Festival de Cine Flash en línea ).
• Festival del Área Gris - Festival de codificación creativa, arte y tecnología.
• Festival de señales: exhibición de arte ligero y tecnologías emergentes en Praga, la República Checa.
• Festival Eyeo: reunir a codificadores creativos, diseñadores de datos y creadores que trabajan en la intersección de datos, arte y tecnología.
• MUTEK - Organización dedicada a la creatividad digital en sonido, música y arte audiovisual.
• Nodo: una plataforma abierta para el intercambio de cultura, artes y tecnología.
• 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

Relacionado

• 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.

Licencia

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