Codificação criativa incrível
Lista cuidadosamente selecionada de incríveis recursos de codificação criativa principalmente para iniciantes/intermediários.
A codificação criativa é uma disciplina diferente dos sistemas de programação. O objetivo é criar algo expressivo em vez de algo funcional. Design de interação , visualização de informações e arte generativa são todos diferentes tipos de codificação criativa - que se tornaram um termo doméstico descrevendo obras de arte articuladas como código .
Leia as diretrizes de contribuição antes de contribuir.
Conteúdo
- Livros
- Livros online
- Cursos
- Ferramentas
- Estruturas • Bibliotecas • Ecossistemas
- Linguagens de programação visual
- Linguagens de programação de som
- Programação da Web • Bibliotecas
- Mapeamento de projeção • VJing
- On-line
- Hardware
- Outro
- Recursos de aprendizagem
- Vídeos
- Conversas
- Artigos
- Shaders • OpenGL • Webgl
- Tela
- Hardware
- Outro
- Interativo
- REFERÊNCIAS RÁPIDAS • Folhas de trapaça
- Comunidades
- Matemática
- Aprendizado de máquina • Visão computacional • Ai
- Inspiração
- Eventos
- Escolas • Oficinas
- Blogs • Sites
- Relacionado
Livros
- Arte generativa: um guia prático - guia prático usando processamento.
- Design generativo - Visualize, programe e crie com o processamento.
- A natureza do código - simulando sistemas naturais com processamento.
- Sistemas de design de programação - Introdução prática aos novos fundamentos do design gráfico.
- Aprendendo programação gráfica 3D moderna - série de tutoriais sobre o uso do OpenGL para fazer a renderização gráfica.
- Programação Interatividade - Guia do Designer para Processamento, Arduino e OpenFrameworks.
- OpenFrameworks Essentials - OpenFrameworks Guia para iniciantes para programador, artista visual ou designer.
- Mastering OpenFrameworks: Creative Coding Desmistificado - Guia avançado de profundidade para o OpenFrameworks.
- Algoritmos para design visual usando a linguagem de processamento - experimente problemas de design para criar animações 3D, GUIs e muito mais.
- Animação da Fundação HTML5 com JavaScript - Tudo o que você precisa saber para criar animação usando a tela HTML5.
- Brincando com o caos - fractais de programação e atratores estranhos em JavaScript.
- Ray Rasting em um fim de semana - mini -livro sobre Ray Rasting.
- Processamento 2: Livro de receitas de programação criativa - o guia para explorar o ambiente de processamento usando receitas práticas e úteis.
- Design gráfico orientado a dados - codificação criativa para comunicação visual.
- Renderização em tempo real-Aprenda a usar técnicas modernas para gerar imagens tridimensionais sintéticas em uma fração de segundo.
- Shaders gráficos: teoria e prática - Introdução à programação do shader em geral, mas com foco na linguagem de sombreamento GLSL.
- Anton's OpenGL 4 Tutoriais - Guia prático para iniciar a programação 3D com o OpenGL.
- Física para jogos, animação e simulações de JavaScript - ensina programadores JavaScript como incorporar a física real em seus jogos, animações e simulações HTML5.
- Matemática para programadores - O livro ensina você a resolver problemas matemáticos no código.
- Synthèse d'Aages Avec OpenGl (es) - Livro em francês, que abrange o OpenGL, OpenGL ES e Webgl.
- Geração de música prática com Magenta - Explore o papel da aprendizagem profunda na geração musical e na composição da música assistida.
Livros online
- O Guia do Livro dos Shaders-passo a passo através do universo abstrato e complexo de shaders de fragmentos.
- Fundamentos WebGL - WebGL desde o início. Sem mágica.
- WebGL 2 Fundamentals - Webgl2 desde o início. Sem mágica.
- Aprenda o OpenGL - Recurso tutorial extenso para aprender o OpenGL Modern.
- ScratchApixel 2.0 - Aprenda a computação gráfica do zero.
- OfBook - Livro/Guia escrito pela comunidade sobre o OpenFrameworks.
- Ogldev - Coleção de tutoriais modernos do OpenGL de Etay Meiri.
- Tutorial OpenGL - Site dedicado aos tutoriais para o OpenGL 3.3 e posterior.
- Open.GL - Guia que ensina o básico do uso do OpenGL.
- Shaders de Pixel - Introdução interativa à programação gráfica.
- OpenGlBook - Tutorial de programação OpenGL gratuito em formato de livro on -line.
- Projetos de programação gráfica - Reserve sobre gráficos computacionais 3D de Morgan McGuire.
- Em algoritmos generativos - Notas sobre a geração de vários padrões orgânicos, com exemplos e código Python, de Anders Hoff.
- Computer Graphics a partir do zero - um livro didático de Raytracing and Rasterização que ensina como o OpenGL e o DirectX funciona.
- Uma cartilha sobre as curvas de Bézier - um livro gratuito para quando você realmente precisa saber como fazer coisas de Bézier.
- Shaders de jogo em 3D para iniciantes-Guia passo a passo para técnicas de sombreamento em tempo real.
- Guia do XEM WebGL-Guia passo a passo para WebGL.
- Caders de codificação criativa - um conjunto autoral de receitas fundamentais de Python sobre codificação criativa e arte de computador, de Diego Inácio.
- Webgl Academy - Aprenda o WebGL e o Algorítmico 3D de maneira progressiva e interativa.
Cursos
- Crie gráficos 3D no JS usando o WebGL - comece a criar conteúdo com WebGL sem qualquer estrutura.
- Aprenda gráficos e animação HTML5 - Introdução à API de desenho 2D Canvas.
- Curso de gráficos 3D interativos - Udacity que ensina os princípios dos gráficos de computador 3D.
- Curso de computadores interativos - Curso de computação gráfica da Coursera.
- Codificação Criativa de Kadenze - Seleção de cursos de Kadenze cobrindo P5.Js, Tensorflow, Max/Jitter e Chuck.
- Programação criativa para mídia digital e aplicativos móveis - Curso Coursera sobre codificação criativa com processamento.
- Instituto Imaginário - Aprenda a criar lindos gráficos interativos.
- Aprender futuro: Codificação criativa - Use a programação de computador como uma disciplina criativa para gerar sons, imagens, animações e muito mais.
- Introdução ao JS: Desenho e Animação - Use JavaScript e a Biblioteca ProcessingJS para criar desenhos e animações.
- JS avançado: simulações naturais - Combine JS, ProcessingJs e conceitos matemáticos para simular a natureza em seus programas
- Visualização de dados interativos com processamento - Aprenda a ler, mapear e ilustrar dados com processamento.
- Visualizações de dados de programação: um kit de ferramentas de codificação para processamento - junte -se ao designer de informações Nicholas Felton no mundo do processamento.
- Introdução à visualização de dados - junte -se a Nicholas Felton para uma introdução inteligente, abrangente e inspiradora à visualização de dados.
- Gráficos de programação I, 2, 3 - Aprenda arte generativa e processamento com arte com Joshua Davis.
- Codificação criativa com tela e webgl - workshop de Matt Deslauriers. Isso ensina sobre arte generativa, animações interativas, gráficos 3D e shaders.
- Codificação criativa avançada com Webgl & Shaders - Workshop de Matt Deslauriers que se aprofundam em programação gráfica, matemática e shaders.
- Jornada do Three.js - Este curso de Bruno Simon ensinará os segredos a criar os sites mais legais do WebGL com três.Js, seja você é iniciante ou um desenvolvedor avançado.
- Programação gráfica de computador 3D - Aprenda toda a teoria e a matemática por trás dos gráficos 3D enquanto cria um renderizador de software do zero usando a linguagem de programação C C
Ferramentas
Estruturas • Bibliotecas • Ecossistemas
- Processamento [plataforma cruzada] - linguagem de programação de computador e IDE para artes visuais.
- PY5 [plataforma cruzada] - Uma biblioteca que integra o processamento no ecossistema Python 3.
- Cinder [plataforma cruzada]-Biblioteca de código aberto para codificação criativa de qualidade profissional em C ++.
- OpenFrameworks [Plataforma cruzada] - Open C ++ Toolkit para codificação criativa.
- C4 [iOS] - Estrutura de codificação criativa de código aberto para iOS.
- Unity [Mac, Win] - Engine de jogo, mas útil para codificação e instalações criativas.
- Godot [plataforma cruzada] - Engine de jogo de código aberto, que também pode ser usado para todos os tipos de coisas.
- PlayCanvas [Plataforma cruzada] - código aberto, mecanismo WebGL colaborativo em tempo real.
- HG_SDF [Plataforma cruzada] - Biblioteca GLSL para construir funções de distância assinada.
- Nannou [Plataforma cruzada]-Estrutura de codificação criativa de código aberto para a linguagem ferrugem.
- thi.ng [plataforma cruzada] - Coleção de código aberto de ferramentas de design computacional para idiomas JavaScript, TypeScript, Clojure e ClojurScript.
- Pixelkit [iOS, Mac] - código aberto, gráficos ao vivo, estrutura rápida, alimentada por metal.
- OpenRNDR [plataforma cruzada] - Biblioteca de código aberto para codificação criativa escrita em Kotlin.
- Phaser [Plataforma cruzada] - estrutura HTML5 para a construção de jogos, usa um renderizador de tela e WebGL.
- Estrutura de tela-sketch [plataforma cruzada]-html5 para fazer obras de arte generativas em JavaScript e no navegador.
- AsyncGraphics [iOS, MacOS] - código aberto, gráficos ao vivo, assíncronos / aguardam, pacote Swift, alimentado por metal.
- Lygia [plataforma cruzada]-Biblioteca de shader granular e multi-linguagem (GLSL, HLSL, WGSL, MSL e CUDA) projetada para desempenho e flexibilidade.
- Fragment.Tools [Plataforma cruzada] - Um ambiente de desenvolvimento da Web para codificação criativa.
Linguagens de programação visual
- VVVV [WIN] - ambiente de programação visual/híbrida em textual para facilitar a prototipagem e o desenvolvimento.
- Nodebox [Mac, Win]-GUI de plataforma cruzada, baseada em nó para visualizações de dados eficientes e design generativo.
- TouchDesigner [Mac, Win] - Plataforma de desenvolvimento visual para criar projetos em tempo real.
- Compositor de quartzo [MAC] - Ferramenta de desenvolvimento para processamento e renderização de dados gráficos.
- VUO [MAC] - Ambiente de programação de mídia interativa ao vivo.
- Max [Mac, Win] - Linguagem de programação visual para mídia.
- Dados puros [plataforma cruzada] - linguagem de programação visual de código aberto para multimídia.
- Ossia Score [Plataforma cruzada]-Sequenciador intermediário intermediário e intermediário.
- Tooll [Win] - Ferramenta de código aberto para criar conteúdo e animações interativos 3D.
- XOD [plataforma cruzada]-Linguagem e ambiente de programação visual de código aberto para projetos baseados em microcontroladores.
- ISADORA [Cross -plataform] - Software de controle de mídia baseado em cena com mapeador de projeção integrado.
- Cabos [plataforma cruzada/web] - Seu kit de modelo para criar um conteúdo interativo bonito. Atualmente na versão beta privada, os convites podem ser solicitados.
- Eterno [Web] - Programas como gráficos e gráficos como ferramentas de composição para criação
- Notch Builder [WIN]-Ferramenta de autoria baseada em nós, com um forte foco em gráficos em tempo real. Atualmente na versão beta.
- Joy.js - Ferramenta de codificação visual em tempo real, fácil de entender e destinada a iniciantes.
- Círculos [iPhone, iPad, Mac] - Editor de nó de gráficos ao vivo, alimentado pela AsyncGraphics.
- TIC -80 - Faça jogos de estilo de arte de pixel e arte em uma tela de 240*136 pixels.
Linguagens de programação de som
- SuperCollider [Multi -plataforma] - Plataforma para síntese de áudio e composição algorítmica.
- Chuck-linguagem de programação musical fortemente aquinhada, simultânea e on-the-fly.
- Tidalcycles - Linguagem específica do domínio para codificação ao vivo do padrão.
- Sonic Pi - A música de codificação ao vivo sintetizador para todos.
- CSOUND - Um sistema de computação de som e música.
- Orca - Ambiente de codificação ao vivo para criar rapidamente seqüenciadores processuais.
- Handel - Uma pequena linguagem de programação processual para escrever músicas no navegador.
- Overtone - Um ambiente de áudio de código aberto projetado para explorar novas idéias musicais, desde a síntese e a construção de instrumentos até a codificação ao vivo.
- Melrōse - Um ambiente de produção de MIDI para criar música (ao vivo).
- Glicol - Linguagem de codificação ao vivo orientada para o gráfico e biblioteca de música/áudio DSP escrita em ferrugem.
Programação da Web • Bibliotecas
- Três.js - Biblioteca Javascript 3D.
- REGL - Webgl funcional.
- STACKGL - Ecossistema de software aberto para WebGL, construído sobre o BrowSerify e o NPM.
- Paper.js - A faca do exército suíço de script de gráficos vetoriais.
- PIXI.JS - HTML 5 2D Engine de renderização que usa o WebGL com o Fallback do Canvas.
- P5.JS - Biblioteca JavaScript que começa com o objetivo original do processamento.
- PTS.JS - Biblioteca JavaScript para visualização e codificação criativa.
- Fabric.js-Biblioteca JavaScript Canvas, analisador SVG-to-Canvas.
- Maker.js - Desenho de linha paramétrica para cortadores SVG, CNC e laser.
- OpenJSCAD - Modelagem 3D programática em JavaScript.
- Sketch.js - Estrutura mínima de codificação criativa JavaScript.
- Dois.js - API de desenho bidimensional voltado para os navegadores da web modernos.
- Claygl - biblioteca gráfica WebGL para criar aplicativos Web3D escaláveis.
- Proton - um mecanismo de partículas de JavaScript leve e poderoso.
- Lightgl.js - Uma biblioteca leve WebGL.
- PICOGL.JS - Uma biblioteca de renderização mínima do WebGL 2.
- ALFRID - Um conjunto de ferramentas WebGL.
- Babylon.js - Estrutura JavaScript completa para a construção de jogos 3D com HTML 5 e Webgl.
- Twigl - Uma pequena biblioteca auxiliar do Webgl.
- Luma.GL - Componentes do Webgl2 para visualização de dados.
- CSS -Doodle - Um componente da Web para desenhar padrões com CSS.
- OGL.JS - Javascript 3D Library (WebGL).
- ZDOG - Um motor pseudo -3D para tela e svg.
- Oimo.js - Motor de física 3D leve para JavaScript
- Ammo.js - Porta direta do mecanismo de física da bala para JavaScript usando o emscriptten.
- Theatre.js - Biblioteca de design de movimento com ferramentas visuais
- GraphicsJs - Uma biblioteca JavaScript de código aberto leve para gráficos e animações (SVG/VML).
Mapeamento de projeção • VJing
- Madmapper [Mac] - Projeções de mapeamento de vídeo e mapeamento de luz.
- VDMX [MAC] - Aplicativo de desempenho multimídia em tempo real.
- MODUL8 [MAC] - Mistura e composição de vídeo em tempo real.
- Resolume [Mac, Win] - Mistura de vídeos e efeitos digitais em um tempo real.
- CoCE VJ [MAC] - Software VJ projetado para mixagem de vídeo em HD em tempo real com uma interface de usuário modular.
- VirtualMapper - Ferramenta de visualização em tempo real para mapeamento de projeção.
- Millumin [Mac] - Um software para criar e executar programas audiovisuais interativos.
- SMODE [WIN]-Um mecanismo de criação, composição e mapeamento de vídeo em tempo real.
- Veejay [Linux] - Uma ferramenta de desempenho ao vivo com edição e mixagem simples não lineares de várias fontes (arquivos, dispositivos, fluxos ...)
On-line
- Shadetoy - Construa e compartilhe shaders com o mundo e inspire -se.
- SHADER PARK - Uma biblioteca JavaScript para criar shaders 2D e 3D interativos processuais.
- GLSL Sandbox - editor e galeria de shader online.
- Editor SHDR - Editor de shader online.
- CODEPEN - Mostrar caso de técnicas avançadas com código -fonte editável.
- Shadershop - Interface para programar Shaders de GPU.
- Vertexshaderart - editor e galeria de shader online.
- CYOS - Editor de shader online.
- Glsleditor - Editor de shader do Fragment Simple Webgl.
- OpenProcessing - Crie e experimente o design algorítmico, processamento e p5.js.
- Editor do P5.JS - Editor on -line da Web para P5.js.
- LiveCodelab-Ferramenta de corrida como você do tipo VJS, músicos, professores, alunos, crianças.
- Turtletoy - API minimalista e vitrine on -line para código generativo. (JavaScript)
- Shadegif - Casa de código aberto para arte feita com código (Webgl1/2, Canvas e P5.js de JavaScript).
- P5Live - P5.JS Ambiente de codificação ao vivo.
- NEORT - Plataforma de arte digital para codificadores criativos (fragmento Shader, JavaScript Canvas).
- Shelly - Aprenda programação emitindo instruções para uma tartaruga.
- Tixy.land - O ambiente de codificação criativo mais minimalista está vivo.
- BBC Micro Bot - Execute seu tweet em um emulador de computador de 8 bits.
- HYDRA - SINTIÇÃO DE VÍDEO E CORDE CORDA LIVO AMBIENTE DE Codificação.
Hardware
- Arduino - kits de microcontrolador de código aberto para criar dispositivos digitais e objetos interativos.
- Raspberry Pi - pequenos computadores de placa única.
- Puck.js - Microcontrolador JavaScript de código aberto Você pode programar sem fio.
- Beagleboard-Computadores de placa única de código aberto de baixa potência.
- Makey Makey - Transforme os objetos do dia a dia em touchpads e combine -os com a Internet.
- Motivo LEAP - dispositivo sensor que suporta movimentos de mão e dedo como entrada.
- Axidraw - Plotador de caneta simples, moderno e preciso.
- Phidgets - sensores, dispositivos de entrada e controladores para computadores.
- Teensia - Sistema de Desenvolvimento de Microcontroladores baseado em USB.
- Mapeamento de projeção de LightForm - AR com sensor de profundidade embutido.
Outro
- Estrutura Synth [plataforma cruzada] - Aplicação para gerar estruturas 3D especificando uma gramática de projeto.
- F3 [MAC] - poderoso aplicativo de design 3D que permite que você viva o código 3D do código.
- Fragment [Mac]- App to Live Code GLSL Graphics.
- Shadotool [Win] - IDE moderno de shader para programadores e artistas de FX.
- Siphon [Mac] - permite que os aplicativos compartilhem quadros entre si em tempo real.
- Kodelife-Editor de shader em tempo real da GPU, ferramenta de desempenho de código ao vivo e pado de esboço de prototipagem de gráficos.
- Shaders ISF - GLSL para uso em aplicativos interativos.
- GLSlViewer - Ferramenta de console de codificação ao vivo que renderiza os shaders GLSL.
- Shoebot [Plataforma cruzada] - O Shoebot é um ambiente de codificação criativa projetado para fazer gráficos e animações vetoriais com Python.
- Drawbot [Mac] - Ambiente de programação gráfico 2D orientado para a educação com base no Python.
- KLAK - Uma coleção de scripts para codificação criativa com unidade.
- Basil.js - Scripts (JS) em InDesign para designers e artistas no espírito de processamento.
- Konstrukt [plataforma cruzada] - Uma ferramenta de linha de comando para gerar diferentes padrões escaláveis como SVGs.
Recursos de aprendizagem
Vídeos
- O trem de codificação - Daniel Shiffman faz vídeos sobre codificação criativa.
- MFGD - Shaders de fragmento - Lista de reprodução do YouTube sobre shaders de fragmentos.
- Laboratório Shaders - Canal do YouTube sobre Shaders.
- As coisas de fazer parecem boas - canal do YouTube sobre estudos de caso de shaders.
- Série de tutoriais do OpenFrameworks - Série do YouTube para aprender o OpenFrameworks
- OpenFrameworks Tutorial - Lista de reprodução do YouTube sobre o OpenFrameworks - não atualizado [2015].
- SHADER TUTORIAL SERIENT - Lista de reprodução do YouTube sobre Shaders, usando o Código do Visual Studio.
- KHA Tutorial Series - Lista de reprodução do YouTube sobre a estrutura do KHA, construída em Haxe.
- Diversão com WebGL 2.0 - Lista de reprodução do YouTube sobre o WebGL 2.0.
- Tutoriais modernos do OpenGL 3.0+ - Lista de reprodução do YouTube sobre o OpenGL Modern.
- Vertexshaderart - Lista de reprodução do YouTube sobre Shaders de Vertex.
- Mergulhar em três.js - Lista de reprodução do YouTube mergulhando em três.js.
- Tutoriais de Shadetoy - Lista de reprodução do YouTube, ensinando a você como fazer shaders, começando com zero conhecimento usando Shadetoy.
- Webgl Lightning - Introdução ao WebGL Lightning com Greg Tatum.
Conversas
- Introdução ao WebGL Slides Vídeo - Introdução ao WebGL com três.js.
- Inigo Quilez Live - Coleção de vídeos de codificação ao vivo de Íñigo Quílez.
- Há também tela - Bruno Imbrizi passa pelo uso de tela para codificação criativa no WebExpo 2016. Slides interativos aqui.
- Tutoriais do OpenGL 3D Game - Série de tutoriais para iniciantes sobre a criação de jogos 3D OpenG.
- Como fazemos essa merda - fale sobre como os artistas baseados em tecnologia fazem isso financeiramente.
- Fazendo dança Webgl - como aprendi a parar de me preocupar e amar a álgebra linear.
- The Pixel Factory - Fale sobre Webgl, GPUs e Matemática de Steven Wittens.
- Computação Poética - Conversa inspiradora de Zach Lieberman.
- Máquinas generativas - FITC Talk de Matt Deslauriers sobre sua paixão por arte generativa.
Artigos • Tutoriais
Shaders • OpenGL • Webgl
- Introdução aos shaders - Parte 1 de uma introdução aos shaders usando trêsjs.
- Três.js 101 - Introdução a três.js de uma perspectiva de codificador criativo.
- LWJGL: SHADERS - Tutorial do Shader no contexto do LWJGL -Basics.
- Shaders: Uma cartilha - uma cartilha sobre os shaders.
- Shaders: Segundo estágio - a segunda parte do anterior.
- Lições WebGL - Shaders de fragmento - Uma breve introdução aos shaders de fragmentos.
- Lições para WebGL - Três Shaders - Usando Shaders de Vertex e fragmentos personalizados em trêsjs.
- Exemplo de trêsjs pós-processo-Exemplo de efeitos de pós-processamento em trêsjs.
- Ray Marcha e funções de distância assinada - Introdução ao rastreamento de raios.
- Introdução ao rastreamento de raios - um método simples para criar imagens 3D.
- Passo a passo da iluminação GLSL - Tutorial de sombreamento de Phong com Glslify.
- Exemplo de três GLSLIFY - Exemplo de como usar três.js com Glslify.
- Webgl Beyond Dom - Greg Tatum Explique o básico do WebGL usando o REGL.
- Partículas FBO - Artigo sobre partículas de FBO/GPGPU por @nicoptere.
- Ray Marching (com três.js) - Artigo sobre Ray Marching com três.js de @nicoptere.
- Shaders personalizados com três.js - Introdução a shaders, uniformes, texturas e iluminação personalizados em três.js.
- Uma introdução ao OpenGL moderno - primeira parte de uma introdução ao OpenGL moderno.
- Modern OpenGl Series - Boa introdução a alguns dos termos do OpenGL.
- Mínimo suave - Artigo sobre a união primitiva baseada no suave.
- Modelagem com funções de distância - Coleção de funções de distância em um local centralizado.
- Renderização volumétrica - explica como criar formas 3D complexas dentro dos shaders volumétricos.
- Renderização em tempo real-Livro, blog e coleção de recursos em relação à renderização em tempo real.
- OpenGL 4 Shaders - Introdução curta e doce aos shaders OpenGL por Anton Gredelan.
- No elenco de Ray, Ray Rasting, Ray Marching e similares - o título diz tudo. Introdução por ADOK.
- Escrevendo um pequeno renderizador de software - Introdução realmente boa de como a renderização básica de software funciona.
- Tutoriais da WebGL - Site com uma coleção realmente boa de tutoriais da WebGL.
- Gerando Geometria: 1, 2, 3 - Introdução para iniciantes sobre como criar objeto de geometria.
- Em Shadex Shaders - Série de tutoriais sobre WebGL, Three.js e Three.bas.
- Os espaços do WebGL - Breve visão geral sobre os diferentes sistemas de coordenadas através do pipeline gráfico 3D.
- Webgl Workshop - Introdução online curta e doce ao WebGL.
- Três.js e geometria instanciada - predador fofo com três.js e geometria instanciada.
- Efeitos de partículas via outdoors - Como criar efeitos de partículas com o Billboarding e WebGL.
- Anima lindamente pontos com WebGL e REGL - Como criar partículas de GPGPU com o REGL.
- Tutorial WebGL: Mapeamento direcional de sombra sem extensões - Introdução aos conceitos por trás do mapeamento de sombra direcional em tempo real.
- Webgl Quest - Um tutorial e uma lista de recursos úteis para usar facilmente as funções de WebGL Raymarching e a distância.
- Explorando o mapeamento BUMP com WebGL - Introdução a diferentes técnicas de mapeamento de bump.
- Programação de shader OpenGL/GLSL - Deck na programação do shader OpenGL/GLSL.
- Partículas em um campo de fluxo de ruído simplex - tutorial de campo de fluxo de ruído perlin.
- Campos de fluxo, Parte 1 - Introdução aos campos de fluxo, também conhecidos como campos vetoriais.
- Campos de fluxo, Parte 2 - Introdução aos campos de fluxo, também conhecidos como campos vetoriais.
- Gráficos para jogos - Introdução à programação gráfica 3D, incluindo shaders, pós -processamento de matemática etc. da Universidade de Newcastle.
- Três.js Basics - Introdução a Three.js por Eric Haines.
- Uma Introdução Interativa ao WebGL e Three.js - Slides do Workshop WebGL Siggraph 2017.
- Como começar a aprender programação gráfica de computadores - conselhos e pensamentos sobre como começar por Eric Arnebäck.
- O que todo codificador deve saber sobre gama - mergulhar profundamente na importância da gama.
Tela
- HTML Canvas Deep Dive - Introdução profunda à API de tela.
- 31 Days of Canvas Tutoriais - Coleção de tutoriais de tela de Seb Lee -Delisle.
Hardware
- A arte e algoritmos da plotter de caneta Parte 1, 2 - Como usar o plotador de caneta Axidraw com JavaScript.
Outro
- Ruído na codificação criativa - postagem aprofundada do blog sobre ruído como uma ferramenta indispensável para codificação criativa.
- CAT como codificação - tutoriais em profundidade sobre matemática, algoritmos e unidade.
- Programação divertida - Aprenda programas simples de escrita de codificação criativa.
- Codificação criativa no iOS com C4 - Introdução ao C4 Publicado em aplicativos criativos.
- Cosmos-Um tutorial de ponta a ponta sobre o design, programação e lançamento de um aplicativo usando C4.
- Física de partículas - Física de partículas explicada.
- Visualizando algoritmos - analisa o uso da visualização para entender, explicar e depurar algoritmos.
- Aventuras no mundo do desenvolvimento de jogos - fácil de entender a coleção de artigos sobre desenvolvimento de jogos, mas também relevante para a codificação criativa.
- Informações de programação de jogos de Amit - Coleção de recursos em coisas como busca de caminho, IA, matemática etc.
- Dicas para melhorar sua arte generativa - dicas para fazer sua arte parecer melhor.
- Trabalhando com cores em arte generativa - dicas sobre como acertar a cor.
Interativo
- SHADER -SCHOOL - Oficina para shaders GLSL e programação gráfica.
- WebGL-WorkShop-A sequência da escola de shader: Aprenda a API WebGL.
- Tutorial do shader de fragmento interativo.
- SDF Tutorial 1: Box & Balloon - tutorial de Shadetoy sobre Raytracing.
- HOWTO: Ray Marching - Tutorial de Shadetoy sobre Ray Marching.
- Raymarch Tutorial2 - Tutorial de Shadetoy Raymarch.
- Tutoriais do GLSL 2D - tutorial do Shadetoy GLSL 2D.
- Bolhas de bolhas - Shader Breakdown por Perlin.
- Vamos fazer um Ray Marcher - Shader -Toy interativo ao escrever um Ray Marcher.
- RayMarching - Tutorial interativo de shader -toy -toy Raymarching.
Referências rápidas • Cheatsheets
- Shaderific GLSL - Referência de linguagem de sombreamento do OpenGL ES.
- O Glossário do Livro dos Sadores - Glossário do Sombreiro por Tema.
- GLTUT GLOSSÁRIO Páginas: 1, 2, 3, 4, 5, 6, 7, 8 - Glossário de programação 3D OpenGL.
- Cheatsheet de lona - folha de dicas rápidas e visuais de lona.
- WebGL Cheatsheet - cartão de referência da API WebGL 1.0.
- Glossário de computação gráfica - Glossário de termos relacionados a gráficos de computador.
- Guia de referência GLSL - Guia de referência rápida de linguagem de sombreamento OpenGL.
- Folha de dicas em matemática em 3D - Cheatshet de matemática de Anton Gerdelan, de seu livro OpenGL.
- DOCS.GL - Melhoria da documentação oficial do OpenGL.
- Linguagem de sombreamento OpenGL - Khronos Group GLSL Wiki.
- Cartão de referência OpenGL 4.3 - cartão de referência em PDF para a API OpenGL 4.3.
- Eases - Funções de flexibilização interativa Cheatsheet.
- Pixelspirit - Biblioteca GLSL na parte de trás dos cartões de tarô, para aprender e referência.
- Padrões e ruídos processuais - coleta de padrões processuais e ruídos processuais.
- Ruídos visuais - visualize algoritmos de ruído em 1D e 2D.
- Trigonopartia - visualização simples de trigonometria.
- Morfogênese - Exploração de como formas, formas e padrões emergem na natureza.
Comunidades
Subreddits
- R/CreativeCoding - Compartilhando e discutindo o uso da programação de computadores como uma disciplina criativa.
- R/Raytraycing - Subreddit no Raytracing.
- R/OpenGL - Notícias e discussões sobre o OpenGL em todas as plataformas.
- R/GraphicsProgramming - SubredDit na programação gráfica.
- r/processamento - subreddit no processamento.
- r/shaders - subreddit em shaders.
- R/ProcessuralGeneration - Subreddit na geração processual.
- r/machinelearning - subreddit no aprendizado de máquina.
- r/generativo - subreddit sobre arte e música generativa.
Folga
- Clube de Codificação Criativa - Slack Creative Coding Club.
Outro
- O podcast de codificação criativa - Iain e SEB discutem os meandros da codificação criativa.
- RealTimeVfx.com - Comunidade VFX em tempo real.
- Histórias de dados - Podcast sobre a visualização de dados.
- Artigos semanais de programação 3D - Ótima coleção de recursos relacionados ao shader e matemática.
- Passe a caneta - uma comunidade de desenvolvedores de front -end que criam projetos colaborativos de codificação criativa no Codepen.
- Creative Tech Weekly - Um boletim semanal de recursos em torno da tecnologia criativa.
Matemática
- MATH AS CÓDIGO - CHEAT -SHEET para notação matemática em forma de código.
- Codificação de matemática - ensina a você as contas que você precisa entender como programador.
- Snippets matemáticos - trechos de matemática com programação gráfica em mente.
- Animações de fórmula - Os princípios da pintura com matemática.
- Aprendendo matemática novamente - Coleção de trechos de matemática JS e GLSL.
- Eases - Bag de equações de flexibilização modular.
- Matemática para movimento - visualização de diferentes equações de movimento.
- Multiplicação da matriz - Multiplicação da matriz visualizada.
- Regras de álgebra - as regras mais úteis da álgebra básica.
- Matemática imersiva - Álgebra linear totalmente interativa.
- Kernels de imagem - Introdução interativa e visual aos kernels de imagem.
- Sine e cosseno - Explicação interativa de seno e cosseno.
- Ruído de perlin - ruído de perlin explicado em detalhes.
- Vector Math for 3D Computer Graphics - Tutorial sobre álgebra vetorial e álgebra matricial do ponto de vista da computação gráfica.
- Desmos - Funções gráficas, dados de plotagem, avaliam equações, explore transformações e muito mais.
- MFGD - Math for Game Developers YouTube Playlist.
- Essência da Álgebra Linear - Essência da Lista de Reprodução de Álgebra Linear no YouTube.
- Matemática da Animação - desliza sobre a matemática da animação (Repo).
- Esboçando com matemática e quase física - Introdução bonita e visual à matemática e quase física.
- Gene Kogan: ruído de perlin - Introdução ao ruído 2D e 3D Perlin.
- Matriz Matemática e você - Introdução de alto nível às matrizes.
- Símbolos matemáticos - Lista de todos os símbolos e sinais matemáticos.
- A magnífica Matriz 2D - ferramenta interativa para entender melhor as matrizes de transformação.
- Cheatsheet de movimentação do Dev Movimento com exemplos - Javascript Math Snippets for Movement.
- Folha de dicas de matemática e trigonometria para jogos 2D e 3D-folha de trapaça de matemática para fabricantes de jogos 2D e 3D.
- Matrizes para codificação criativa - Introdução às matrizes de Greg Tatum.
- Fazendo coisas com matemática - fale de Steven Wittens sobre curvas de Bezier, geração processual, mecanismos de física e fractais.
- MyphysicsLab - simulações de física em tempo real interativas, com fórmulas e código.
- Matemática Intuitiva - Explicações de campos como álgebra linear e geometria projetada para ajudá -lo a desenvolver uma intuição visual para o que está acontecendo.
- L-Systems-Um pacote Haskell para L-Systems.
- Interpolação linear - Introdução à interpolação linear (também conhecida como mix/lerp).
- Uso prático de matemática vetorial em jogos - artigo aprofundado sobre vetores para matemática de jogos.
- Pastor, números aleatórios - guia minúsculo para pastorear números aleatórios.
- Pastorramento de grades aleatórias - Guia minúsculo para pastorear grades aleatórias.
- Pastor de crescimento aleatório - Guia minúsculo para pastorear o crescimento aleatório.
Aprendizado de máquina • Visão computacional • Ai
- ML4A - Aprendizado de máquina para artistas.
- Keras.js - Execute os modelos Keras (back -end do TensorFlow) no navegador, com suporte à GPU.
- TESSERACT.JS - OCR multilíngue JavaScript puro.
- Google ML - Cloud Machine Learning by Google.
- TensorFlow - Biblioteca de software de código aberto para inteligência de máquina.
- ConvnetJS - Aprendizagem profunda em seu navegador.
- Wekinator - permite que qualquer pessoa use o aprendizado de máquina.
- Aprendizado de máquina - codificação de repositórios de trem com links para recursos de aprendizado de máquina.
- Creativeai.net - Espaço para compartilhar projetos criativos de IA.
- AI Playbook - AI Microsite destinada a ajudar os recém -chegados a começar.
- Máquina de ensino - Explore como o aprendizado de máquina funciona, viva no navegador.
- Tensorflow.js - Biblioteca JavaScript para treinamento e implantação de modelos ML no navegador e no Node.js.
- Olá Tensorflow - Demoção totalmente comentada tensorflow.js.
- ML5.JS - Aprendizado de máquina amigável para a web.
- Modelo Zoológico - Descubra o código de aprendizado profundo de código aberto e modelos pré -criados.
- Pista - kit de ferramentas que adiciona recursos de inteligência artificial ao design e plataformas criativas.
- LOBO - Construa, treine e envie modelos de aprendizado profundo personalizado usando uma interface visual simples.
- ModelDepot - Plataforma para descobrir, compartilhar e discutir modelos de aprendizado de máquina de máquina fáceis de usar e pré -treinados.
Inspiração
- OpenProcessing - Designs algorítmicos criados com processamento, P5Js e ProcessingJs.
- Dwitter - Rede Social para demos JavaScript curto.
- Experimentos do Chrome - Mostra de experimentos da Web escritos pela comunidade de codificação criativa.
- CodedOodl.es - Mostra de esboços de codificação criativa com curadoria.
- Para o seu processamento - projetos e tutoriais sobre processamento.
- ARTE From Code - Code Sketches de Keith Peters.
- Gerador.x - Grupo Flickr sobre estratégias generativas em arte e design.
- Arte generativa - Grupo Flickr sobre arte generativa.
- Inspirando online - Micro Blog de código aberto sobre trabalhos inspiradores e criativos publicados online.
- Pessoas que você deve seguir no Codepen - Lista de pessoas interessantes que vale a pena seguir.
- Raven Kwok - Tumblr do artista visual Raven Kwok.
- P5ART - Coleção realmente boa de experimentos no processamento.
- Echophon - Tumblr com inspiração visual.
- Abelhas e bombas - Tumblr com GIFs por Dave.
- Devart - Celebração da arte feita com código por artistas que impulsionam as possibilidades de criatividade.
- Folds2d - Tumblr com curvas, superfícies, campos escalares e vetores.
Eventos
- OFFF Festival - Festival de Design Digital ( Festival de Cinema Flash Online ).
- Festival da Área Cinzenta - Festival de Codificação Criativa, Arte e Tecnologia.
- Festival de Signal - Mostra de Arte Leve e Tecnologias Emergentes em Praga, a República Tcheca.
- EYEO FESTIVAL - Reúna codificadores criativos, designers de dados e criadores que trabalham na interseção de dados, arte e tecnologia.
- Mutek - Organização dedicada à criatividade digital em som, música e arte audiovisual.
- Nó - Uma plataforma aberta para a troca de cultura, artes e tecnologia.
- 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.
Licença
To the extent possible under law, Terkel Gjervig has waived all copyright and related or neighboring rights to this work.