awesome creative coding

Потрясающее творческое кодирование

Тщательно курированный список удивительных ресурсов творческого кодирования в основном для начинающих/промежуточных звено.

Творческое кодирование - это другая дисциплина, чем системы программирования. Цель состоит в том, чтобы создать что -то выразительное, а не что -то функциональное. Дизайн взаимодействия , визуализация информации и генеративное искусство - все это различные типы творческого кодирования, что стало домашним термином, описывающим произведения искусства, сформулированные как код .

Пожалуйста, прочитайте руководящие принципы взноса, прежде чем внести свой вклад.

Содержимое

• Книги
• Онлайн -книги
• Курсы
• Инструменты
  • Фреймворки • Библиотеки • Экосистемы
  • Языки визуального программирования
  • Звуковые языки программирования
  • Веб -программирование • Библиотеки
  • Проекционное картирование • vjing
  • Онлайн
  • Аппаратное обеспечение
  • Другой
• Учебные ресурсы
  • Видео
  • Разговоры
  • Статьи
    • Шейдеры • Opengl • Webgl
    • Холст
    • Аппаратное обеспечение
    • Другой
  • Интерактивный
  • Быстрые ссылки • Читы
• Сообщества
  • Субреддиты
  • Пролечить
  • Другой
• Математика
• Машинное обучение • Компьютерное зрение • ИИ
• Вдохновение
• События
• Школы • Семинары
• Блоги • Веб -сайты
• Связанный

Книги

• Генеративное искусство: практическое руководство - практическое руководство с использованием обработки.
• Генеративный дизайн - визуализируйте, программируйте и создайте с помощью обработки.
• Природа кода - моделирование природных систем с обработкой.
• Системы проектирования программирования - Практическое введение в новые основы графического дизайна.
• Изучение современного 3D -графического программирования - серия учебных пособий по использованию OpenGL для выполнения графического рендеринга.
• Интерактивность программирования - Руководство дизайнера по обработке, Arduino и OpenFrameWorks.
• OpenFrameWorks Essentials - Руководство для начинающих OpenFrameWorks для программиста, визуального художника или дизайнера.
• Mastering OpenFrameWorks: творческое кодирование демистифицировано - расширенное в глубинном руководстве по OpenFrameWorks.
• Алгоритмы для визуального дизайна с использованием языка обработки - экспериментируйте с проблемами дизайна, чтобы создать 3D -анимацию, графики и многое другое.
• Фонд анимация HTML5 с JavaScript - все, что вам нужно знать, чтобы создать анимацию, используя холст HTML5.
• Играя с хаосом - фракталы программирования и странные аттракторы в JavaScript.
• Трагинг лучей в один уик -энд - мини -книга о трассировке лучей.
• Обработка 2: Creative Programming Cookbook - направляет вас к изучению среды обработки с использованием практических и полезных рецептов.
• Графический дизайн, управляемый данными - творческое кодирование для визуальной коммуникации.
• Рендеринг в реальном времени-Узнайте, как использовать современные методы для генерации синтетических трехмерных изображений за долю секунды.
• Графические шейдеры: теория и практика - Введение в программирование шейдеров в целом, но сосредотачиваясь на языке затенения GLSL.
• Учебники Anton's OpenGL 4 - Практическое руководство по началу 3D -программирования с OpenGL.
• Физика для игр Javascript, анимации и симуляций - учит программистов JavaScript, как включать реальную физику в свои игры, анимации и симуляции HTML5.
• Математика для программистов - Книга учит вас решать математические задачи в коде.
• Synthèse d'Images avec opengl (es) - книга на французском языке, которая охватывает Opengl, Opengl es и webgl.
• Практическое поколение музыки с Magenta - исследуйте роль глубокого обучения в поколении музыки и вспомогательной музыке.

Онлайн -книги

• Книга шейдеров-пошаговое руководство через абстрактную и сложную вселенную фрагментных шейдеров.
• Основы Webgl - Webgl с нуля. Нет магии.
• Webgl 2 Основы - WebGL2 с нуля. Нет магии.
• Learn OpenGL - обширный учебный ресурс для изучения современного OpenGL.
• ScratchApixel 2.0 - изучать компьютерную графику с нуля.
• OFBook - написанная сообществом Книга/Руководство по OpenFrameWorks.
• Оглдв - Коллекция современных учебников OpenGL от Etay Meiri.
• Учебник OpenGL - сайт, посвященный учебным пособиям для OpenGL 3.3 и позже.
• Open.gl - Руководство, которое обучает вас основам использования OpenGL.
• Pixel Shaders - Интерактивное введение в графическое программирование.
• OpenGlbook - Бесплатный учебник по программированию OpenGL в формате онлайн -книги.
• Проекты графического программирования - книга о 3D вычислительной графике Моргана МакГуайра.
• На генеративных алгоритмах - примечания о создании различных органических паттернов, с примерами и кодом Python, Андерс Хофф.
• Компьютерная графика с нуля - учебник из Raytracing и Rasterization, который учит вас, как работает OpenGL и DirectX.
• Ученик на кривых Bézier - бесплатная книга, когда вам действительно нужно знать, как делать вещи.
• 3D Game Shaders для начинающих-пошаговое руководство по методам затенения в реальном времени.
• Руководство XEM WebGL-пошаговое руководство по WebGL.
• Творческие записные книжки - авторский набор фундаментальных рецептов питона на творческом кодировании и компьютерном искусстве, от Диего Инасио.
• Academy Webgl - изучение алгоритмии WebGL и 3D прогрессивным и интерактивным способом.

Курсы

• Создайте 3D -графику в JS с помощью WebGL - начать создание контента с WebGL без каких -либо фреймворков.
• Изучите графику и анимацию HTML5 - Введение в API Canvas 2D рисунка.
• Интерактивная 3D -графика - курс Udacity, который обучает вас принципам трехмерной компьютерной графики.
• Интерактивная компьютерная графика - курс компьютерной графики от Coursera.
• CADENZE CREATION CODING - Выбор курсов Kadenze, охватывающих P5.JS, Tensorflow, Max/Jitter и Chuck.
• Креативное программирование для цифровых медиа и мобильных приложений - курс Coursera по творческому кодированию с обработкой.
• Воображаемый институт - Узнайте, как создавать великолепную интерактивную графику.
• Future Learn: Creative Coding - Используйте компьютерное программирование в качестве творческой дисциплины для создания звуков, изображений, анимации и многого другого.
• Intro to JS: рисунок и анимация - используйте JavaScript и библиотеку ProcessingJS для создания чертежей и анимации.
• Advanced JS: естественное моделирование - комбинируйте JS, обработки и математические концепции для имитации природы в ваших программах
• Интерактивная визуализация данных с обработкой - Узнайте, как читать, отображать и проиллюстрировать данные с помощью обработки.
• Визуализация данных программирования: инструментарий кодирования для обработки - Присоединяйтесь к информационному дизайнеру Николасу Фелтону в мире обработки.
• Введение в визуализацию данных - Присоединяйтесь к Николасу Фелтону для умного, всеобъемлющего и вдохновляющего вступления в визуализацию данных.
• Программирование графики I, 2, 3 - Узнайте генеративное искусство и обработку с искусством с Джошуа Дэвисом.
• Творческое кодирование с Canvas & Webgl - Workshop от Matt Deslauriers. Это учит вас генеративному искусству, интерактивной анимации, 3D -графике и шейдерам.
• Усовершенствованное творческое кодирование с Webgl & Shaders - Workshop от Matt Deslauriers, который углубляется в графическое программирование, математику и шейдеры.
• Three.js Journey - Этот курс Бруно Саймона научит вас секретам, чтобы создать самые крутые веб -сайты Webgl с тремя.
• Программирование 3D компьютерной графики - Изучите всю теорию и математику, стоящую за 3D -графикой, создавая программный рендерин с нуля, используя язык программирования C

Инструменты

Фреймворки • Библиотеки • Экосистемы

• Обработка [Cross -Platform] - Язык компьютерного программирования и IDE для изобразительного искусства.
• Py5 [Cross -Platform] - библиотека, которая интегрирует обработку в Ecossystem Python 3.
• CINDER [Cross-Platform]-Библиотека с открытым исходным кодом для творческого кодирования профессионального качества в C ++.
• OpenFrameWorks [Cross -Platform] - Инструментарий с открытым исходным кодом C ++ для творческого кодирования.
• C4 [iOS] - Структура творческого кодирования с открытым исходным кодом для iOS.
• Unity [Mac, Win] - Game Engine, но полезен для творческого кодирования и инсталляций.
• Годо [кроссплатформ] - игровой двигатель с открытым исходным кодом, который также можно использовать для всех видов вещей.
• PlayCanvas [Cross -Platform] - Открытый исходный код, совместный двигатель WebGL в реальном времени.
• HG_SDF [Cross -Platform] - Библиотека GLSL для функций подписанных на здание.
• Нанну [кроссплатформ]-Структура творческого кодирования с открытым исходным кодом для языка ржавчины.
• thi.ng [Cross-tratform] - Коллекция с открытым исходным кодом инструментов вычислительного проектирования для JavaScript, TypeScript, Clojure и Clojurescript.
• Pixelkit [iOS, Mac] - Открытый исходный код, живая графика, Swift Framework, питается на металле.
• OpenRNDR [Cross -Platform] - Библиотека с открытым исходным кодом для творческого кодирования, написанного в Котлине.
• Phaser [Cross -Platform] - HTML5 Framework для построения игр, использует как канцелярный, так и веб -рендерер.
• Canvas-Sketch [Cross-Platform]-HTML5 Framework для изготовления генеративных произведений искусства в JavaScript и браузере.
• Asyncgraphics [iOS, macOS] - открытый исходный код, живая графика, асинхронизация / await, Swift Package, Powered By Metal.
• Lygia [Cross-Platform]-Гранулистая и многоязычная (GLSL, HLSL, WGSL, MSL и CUDA).
• Fragment.tools [Cross-tratform] - среда веб -разработки для творческого кодирования.

Языки визуального программирования

• VVVV [WIN] - Гибридная визуальная/текстовая среда программирования в прямом эфире для легкого прототипирования и разработки.
• Nodebox [Mac, Win]-кроссплатформенный графический интерфейс на основе узлов для эффективной визуализации данных и генеративного дизайна.
• TouchDesigner [Mac, Win] - платформа визуальной разработки для создания проектов в реальном времени.
• Кварц композитор [Mac] - Инструмент разработки для обработки и рендеринга графических данных.
• Vuo [Mac] - живая интерактивная среда программирования.
• Макс [Mac, Win] - Язык визуального программирования для СМИ.
• Чистые данные [Cross -Platform] - Язык визуального программирования с открытым исходным кодом для мультимедиа.
• Оценка Ossia [Cross-Platform]-Интерактивный, промежуточный аудиовизуальный секвенсор.
• TOOLL [WIN] - Инструмент с открытым исходным кодом для создания интерактивного 3D -контента и анимации.
• XOD [Cross-Platform]-Язык и среду визуального программирования с открытым исходным кодом для проектов на основе микроконтроллеров.
• Исадора [Cross -Platform] - Программное обеспечение для управления медиа -управлением на основе сцен с интегрированным проекционным Mapper.
• Кабели [Cross -Platform/Web] - ваш модельный комплект для создания красивого интерактивного контента. В настоящее время в частной бета -версии можно запросить приглашения.
• Eternal [Web] - Программы как графики и графики в качестве инструментов композиции для создания
• Notch Builder [WIN]-Инструмент авторизации на основе узлов с сильным акцентом на графику в реальном времени. В настоящее время в бета -версии.
• Joy.js - инструмент визуального кодирования в реальном времени, легко понять и нацелены на начинающих.
• Круги [iPhone, iPad, Mac] - Редактор живых графических узлов, работающий на асинкграфике.
• TIC -80 - Сделайте пиксельные игры в стиле искусства и искусство на экране 240*136 пикселей.

Звуковые языки программирования

• Supercollider [Multi -Platform] - платформа для синтеза аудио и алгоритмической композиции.
• ЧАК-сильно кратко, одновременно и на лету.
• Tidalcycles - Domain -специфичный язык для живого кодирования шаблона.
• Sonic Pi - Живой кодирующий музыкальный синтезатор для всех.
• CSOUND - Система звуковой и музыкальной компьютеров.
• ORCA - среда живого кодирования для быстрого создания процедурных секвенсоров.
• Гендел - небольшой процедурный язык программирования для написания песен в браузере.
• Овертон - аудио -среда с открытым исходным кодом, предназначенная для изучения новых музыкальных идей от синтеза и построения инструментов до живого кодирования.
• Melrōse - среда продюсирования MIDI для создания (живой) музыки.
• Glicol - График, ориентированный на графический язык, язык кодирования и библиотека Music/Audio DSP, написанная в Rust.

Веб -программирование • Библиотеки

• Thre.js - JavaScript 3D библиотека.
• Регл - Функциональный Webgl.
• Stackgl - Open Software Ecosystem для WebGL, созданная на вершине браузероиза и NPM.
• Paper.js - Швейцарский армейский нож векторной графики.
• Pixi.js - HTML 5 2D -рендеринг двигатель, который использует WebGL с Canvas Swarkback.
• P5.JS - библиотека JavaScript, которая начинается с первоначальной цели обработки.
• PTS.JS - библиотека JavaScript для визуализации и творческого кодирования.
• Fabric.js-библиотека JavaScript Canvas, Svg-to-Canvas Parser.
• Maker.js - Параметрическая линейная чертежа для SVG, CNC & Laser Cutters.
• OpenJSCAD - Программное 3D -моделирование в JavaScript.
• Sketch.js - минимальная структура творческого кодирования JavaScript.
• Two.js - двухмерный API рисунка, ориентированный на современные веб -браузеры.
• Claygl - Графическая библиотека Webgl для создания масштабируемых приложений Web3D.
• Proton - легкий и мощный двигатель частиц JavaScript.
• Lightgl.js - легкая библиотека Webgl.
• Picogl.js - Минимальная библиотека рендеринга Webgl 2.
• Alfrid - набор инструментов Webgl.
• Babylon.js - Полная структура JavaScript для создания 3D -игр с HTML 5 и Webgl.
• Twigl - крошечная библиотека Helper Webgl.
• Luma.gl - компоненты WebGL2 для визуализации данных.
• CSS -Doodle - веб -компонент для рисунков с шаблонами с CSS.
• OGL.JS - JavaScript 3D библиотека (WebGL).
• ZDOG - псевдо -3D -двигатель для Canvas & Svg.
• Oimo.js - легкий 3D -физический двигатель для JavaScript
• Ammo.js - прямой порт двигателя Pullet Physics в JavaScript с использованием emscripten.
• Theatre.js - библиотека дизайна движения с визуальными инструментами
• GraphicsJS - легкая библиотека JavaScript с открытым исходным кодом для графики и анимации (SVG/VML).

Проекционное картирование • vjing

• Madmapper [Mac] - Проекции видеопоставления и индикатор света.
• VDMX [MAC] - Multimedia Multimedia Performance Application.
• Modul8 [Mac] - Видео -микширование в реальном времени и композитирование.
• Решить [Mac, Win] - смешивание цифрового видео и эффектов в реальном времени.
• COGE VJ [MAC] - VJ Software, разработанное для микширования и композиции HD в реальном времени с модульным пользовательским интерфейсом.
• VirtualMapper - инструмент предварительного просмотра в реальном времени для проекционного картирования.
• Millumin [Mac] - программное обеспечение для создания и выполнения интерактивных аудиовизуальных шоу.
• SMODE [WIN]-двигатель в реальном времени 2D/3D Compositing и видео-картирование.
• Veejay [Linux] - инструмент для живой производительности, включающий простое нелинейное редактирование и микширование из нескольких источников (файлы, устройства, потоки ...)

Онлайн

• Shadertoy - строить и делиться шейдерами с миром и вдохновляться.
• Shader Park - библиотека JavaScript для создания интерактивных процедурных 2D и 3D -шейдеров.
• GLSL Sandbox - онлайн -редактор шейдеров и галерея.
• Редактор SHDR - онлайн -редактор шейдеров.
• Codepen - Покажите случай расширенных методов с редактируемым исходным кодом.
• Shadershop - интерфейс для программирования шейдеров GPU.
• Vertexshaderart - онлайн -редактор шейдеров и галерея.
• CYOS - онлайн -редактор шейдеров.
• GLSLEDITOR - простой редактор фрагментов WebGL.
• OpenProcessing - Создать и экспериментировать с алгоритмическим дизайном, обработкой и P5.JS.
• Редактор P5.JS - онлайн -веб -редактор для P5.Js.
• LiveCodelab-инструмент Run-As-You-Type для VJS, музыкантов, учителей, учеников, детей.
• Turtletoy - минималистичный API и онлайн -демонстрация для генеративного кода. (JavaScript)
• Shadergif - Дом с открытым исходным кодом для искусства, изготовленного с кодом (WebGL1/2, JavaScript Canvas & P5.JS).
• P5live - P5.JS Среда живого кодирования.
• NEORT - платформа цифрового искусства для креативных кодеров (фрагмент шейдер, JavaScript Canvas).
• Шелли - изучать программирование, выпустив инструкции черепахе.
• Tixy.land - самая минималистская среда творческого кодирования жива.
• BBC Micro Bot - запустите свой твит на 8 -битном компьютерном эмуляторе.
• Hydra - живая кодовая синтезатор видео и среда кодирования.

Аппаратное обеспечение

• Arduino - Наборы для микроконтроллера с открытым исходным кодом для создания цифровых устройств и интерактивных объектов.
• Raspberry Pi - маленькие односокорынги.
• Puck.js - Microcontroller JavaScript с открытым исходным кодом. Вы можете программировать беспроводную программу.
• Beagleboard-односторонние компьютеры с открытым исходным кодом.
• Makey Makey - превратите повседневные объекты в сенсорные панели и объедините их с Интернетом.
• Leap Motion - сенсорное устройство, которое поддерживает движения рук и пальцев в качестве входного.
• Axidraw - простой, современный и точный пирог.
• Phidgets - Датчики, входные устройства и контроллеры для компьютеров.
• Teensy - система разработки микроконтроллеров на основе USB.
• LightForm - AR Проекционное картирование со встроенным датчиком глубины.

Другой

• Структура синтезатора [кроссплатформы] - применение для генерации трехмерных структур путем указания грамматики дизайна.
• F3 [MAC] - мощное 3D -дизайнерское приложение, которое позволяет Live Code 3D Form.
• Fragment [Mac]- приложение для живого кода GLSL Graphics.
• Shadertool [Win] - Modern Shader IDE для программистов и художников FX.
• Siphon [Mac] - позволяет приложениям делиться кадрами друг с другом в реальном времени.
• KodeLife-редактор шейдеров GPU в реальном времени, инструмент для производительности и графический прототипирование графики SketchPad.
• ISF - Шейдеры GLSL для использования в интерактивных приложениях.
• GLSLVIEWER - Инструмент консоли в прямом эфире, который отображает шейдеры GLSL.
• Shoebot [Cross -Platform] - Shoebot - это творческая среда кодирования, предназначенная для создания векторной графики и анимации с Python.
• Drawbot [Mac] - Ориентированная на образование среда 2D графического программирования, основанная на Python.
• Клак - коллекция сценариев для творческого кодирования с единством.
• Basil.js - Сценарий (JS) в Indesign для дизайнеров и художников в духе обработки.
• Construkt [Cross -Platform] - инструмент командной линии для генерации различных масштабируемых шаблонов в качестве SVG.

Учебные ресурсы

Видео

• Кодирующий поезд - Даниэль Шиффман делает видео о творческом кодировании.
• MFGD - фрагментные шейдеры - плейлист YouTube о фрагментных шейдерах.
• Лаборатория шейдеров - канал YouTube о шейдерах.
• Макин материал выглядит хорошо - канал YouTube о тематических исследованиях шейдеров.
• Учебная серия OpenFrameWorks - серия YouTube для обучения OpenFrameWorks
• Учебник OpenFrameWorks - Playlist YouTube о OpenFrameWorks - не обновлен [2015].
• Серия учебных пособий Шейдера - плейлист YouTube о шейдерах, используя код Visual Studio.
• Серия учебных пособий KHA - плейлист YouTube о KHA Framework, встроенный в Haxe.
• Веселье с WebGL 2.0 - плейлист YouTube о WebGL 2.0.
• Современные учебные пособия OpenGL 3.0+ - плейлист YouTube о Modern OpenGL.
• Vertexshaderart - плейлист YouTube о вершинных шейдерах.
• Дайвинг в Three.js - плейлист YouTube Diving в Three.js.
• Учебные пособия Shadertoy - плейлист YouTube, обучающий вас, как делать шейды, начиная с нулевых знаний, используя Shadertoy.
• Webgl Lightning - Введение в Webgl Lightning с Грегом Татумом.

Разговоры

• Intro to Webgl Slides Video - Intro to Webgl с Three.js.
• INIGO QUILEZ LIVE - Коллекция видеороликов в прямом эфире от íñigo Quitrez.
• Существует также холст - Bruno Imbrizi проходит через использование Canvas для творческого кодирования на WebExpo 2016. Интерактивные слайды здесь.
• OpenGL 3D Game Tutorials - серия учебных пособий для начинающих о создании 3D Games Openg.
• Как мы делаем это дерьмо - поговорим о том, как технологические художники делают это в финансовом отношении.
• Создание танца Webgl - как я научился перестать беспокоиться и любить линейную алгебру.
• Pixel Factory - поговорите о Webgl, GPU и математике Стивена Виттента.
• Поэтическое вычисление - вдохновляющий разговор Зака ​​Либермана.
• Генеративные машины - FITC разговоры Мэтта Деслауриеры о его страсти к генеративному искусству.

Статьи • Учебные пособия

Шейдеры • Opengl • Webgl

• Введение в шейдеры - часть 1 введения в шейдеры с использованием трех.
• Three.js 101 - Введение в Three.js с творческого кодера.
• LWJGL: Шейдеры - учебник шейдеров в контексте LWJGL -базы.
• Шейдеры: грунтовка - грунтовка на шейдерах.
• Шейдеры: второй этап - вторая часть к предыдущему.
• Уроки WebGL - фрагментные шейдеры - краткое введение в фрагментные шейдеры.
• Уроки WebGL - ThreeJS Shaders - Использование пользовательских вершин и фрагментных шейдеров в трех.
• Пример пост-обработки в три дж-пример последующих эффектов в трех.
• Рэй маршинг и подписанные функции расстояния - введение в трассировку лучей.
• Введение в трассировку лучей - простой метод создания трехмерных изображений.
• GLSL Lighting Wakestorough - Учебное пособие по затенению фонга с GLSLIFY.
• Три примера GLSLIFY - пример того, как использовать Thre.js с GLSLIFY.
• Webgl Beyond Dom - Грег Татум объясняет базовый Webgl с использованием Regl.
• Частицы FBO - статья о частицах FBO/GPGPU от @nicoptere.
• Рэй Маршинг (с тремя.js) - статья о Рэе Марша с тремя.js от @nicoptere.
• Пользовательские шейдеры с Three.js - Введение в пользовательские шейдеры, униформу, текстуры и освещение в Three.js.
• Вступление в современный OpenGL - первая часть введения в Modern OpenGL.
• Современная серия OpenGL - хорошее введение в некоторые термины OpenGL.
• Плавный минимум - статья о плавном примитивном союзе.
• Моделирование с функциями расстояния - Сбор функций расстояния в одном централизованном месте.
• Объемный рендеринг - объясняет, как создать сложные 3D -формы внутри объемных шейдеров.
• Рендеринг в реальном времени-книга, блог и коллекция ресурсов, касающихся рендеринга в реальном времени.
• OpenGL 4 Шейдеры - короткое и сладкое знакомство с шейдерами OpenGL от Anton Gerdelan.
• На Рэе Кастинг, Рэй Трассинг, Рэй Маршинг и тому подобное - название говорит все. Введение Адоком.
• Написание небольшого программного оборудования - действительно хорошее введение в то, как работает базовый программный рендеринг.
• Учебники WebGL - веб -сайт с действительно хорошей коллекцией учебных пособий WebGL.
• Генерация геометрии: 1, 2, 3 - Введение начинающего о том, как создать объект геометрии.
• В вершины -шейдеры - серия учебных пособий о WebGL, THRE.JS и THRE.BAS.
• Пространства WebGL - краткий обзор различных систем координат через 3D -графический трубопровод.
• Семинар WebGL - короткое и милое онлайн -введение в WebGL.
• Три. Дж.
• Эффекты частиц с помощью рекламных щитов - как создать эффекты частиц с помощью рекламного щита и webgl.
• Красиво оживленные точки с Webgl и Regl - как создать частицы GPGPU с Regl.
• Учебное пособие WebGL: Направленное картирование тени без расширений - Введение в концепции, лежащие в режиме реального времени.
• Webgl Quest - учебник и список полезных ресурсов для легко использования функций Webgl Raymarching и расстояния.
• Изучение картирования ударов с WebGL - введение в различные методы картирования BUMP.
• Программирование OpenGL/GLSL Шейдер - Deck On OpenGL/GLSL Shader программирование.
• Частицы в поле простого потока шума - Учебник по полю шумового потока Перлина.
• Поля потока, часть 1 - Введение в поля потока, также известные как векторные поля.
• Поля потока, часть 2 - Введение в поля потока, также известные как векторные поля.
• Графика для игр - Введение в 3D -графическое программирование, включая шейдеры, пост -обработку математики и т. Д. В Университете Ньюкасла.
• Три.
• Интерактивное введение в Webgl и Three.js - слайды из семинара Siggraph 2017 Webgl.
• Как начать изучение компьютерного графического программирования - советы и мысли о том, как начать работу Эриком Арнебаком.
• То, что каждый кодер должен знать о гамме - глубоко погрузиться в важность гаммы.

Холст

• HTML Canvas Deep Dive - Глубокое введение в Canvas API.
• 31 день учебных пособий по холстам - Коллекция учебных пособий Canvas от Seb Lee -Delisle.

Аппаратное обеспечение

• Pen Plotter Art & Algorithms Часть 1, 2 - Как использовать платтер Pen Axidraw с JavaScript.

Другой

• Шум в творческом кодировании - подробное сообщение в блоге о шуме как незаменимый инструмент для творческого кодирования.
• Кошка, как кодирование - глубокие учебники по математике, алгоритмам и единству.
• Веселое программирование - изучить творческое написание простых программ.
• Творческое кодирование на iOS с C4 - Введение в C4, опубликованное в творческих приложениях.
• Cosmos-сквозное руководство по дизайну, программированию и запуску приложения с использованием C4.
• Физика частиц - физика частиц объяснена.
• Визуализация алгоритмов - рассматривает использование визуализации, чтобы понять, объяснить и отлаживать алгоритмы.
• Приключения в мире развития игр - легко понять коллекцию статей о разработке игр, но также относятся к творческому кодированию.
• Информация об программировании игрового процесса Амита - Сбор ресурсов на таких вещах, как установление пути, ИИ, Математика и т. Д.
• Советы по улучшению ваших генеративных произведений искусства - советы, чтобы сделать ваше искусство выглядеть лучше.
• Работа с цветом в генеративном искусстве - Советы о том, как получить правильный цвет.

Интерактивный

• Шейдер -Школа - мастерская для шейдеров GLSL и графического программирования.
• Webgl-Workshop-продолжение Shader-School: изучить API WebGL.
• Fragment -oundry - Учебное пособие по интерактивному фрагменту шейдеров.
• Учебник SDF 1: Box & Balloon - Учебник Shadertoy по Raytracing.
• Howto: Ray Marching - Учебное пособие Shadertoy по Ray Marching.
• Raymarch Tutorial2 - Учебник Shadertoy Raymarch.
• Учебники GLSL 2D - Учебник Shadertoy GLSL 2D.
• Разрыв пузыря - разбивка шейдера от Перлина.
• Давайте сделаем Рэй Маршер - интерактивный шейдер -той на написании Рэя Маршаер.
• Raymarching - Интерактивный учебник -шейдер -ток Raymarching.

Быстрые ссылки • Читы

• Шадер GLSL - Ссылка на язык Languing OpenGL ES.
• Книга Шейдеров Глоссарий - Шейдер Глоссарий по теме.
• Глоссарий GLTUT: 1, 2, 3, 4, 5, 6, 7, 8 - Глоссарий OpenGL 3D.
• Canvas Cheatsheet - быстрый и визуальный чит -лист Canvas.
• Webgl CheatSheet - Справочная карточка WebGL 1.0 API.
• Глоссарий компьютерной графики - Глоссарий терминов, связывающий компьютерную графику.
• Справочное руководство GLSL - Руководство по Quick Guid Guide.
• 3D Maths Chiefete - Math Chiefshet от Anton Gerdelan, из его книги OpenGL.
• Docs.gl - Улучшение официальной документации OpenGL.
• Язык Opengl Shading - Хронос Группа GLSL Wiki.
• OpenGL 4.3 Справочная карта - PDF -контрольная карта для API OpenGL 4.3.
• Снижение - интерактивные функции смягчения чит -лист.
• Pixelspirit - библиотека GLSL на задней части карт Таро, для обучения и ссылки.
• Процедурные закономерности и шумы - Сбор процедурных моделей и процедурных шумов.
• Визуальные звуки - визуализируйте алгоритмы шума в 1D и 2D.
• Trigonoparty - простая визуализация тригонометрии.
• Морфогенез - изучение того, как формы, формы и паттерны появляются в природе.

Сообщества

Субреддиты

• R/CreativeCoding - Обмен и обсуждение использования компьютерного программирования в качестве творческой дисциплины.
• r/raytraycing - subreddit на raytracing.
• R/OpenGL - Новости и обсуждение OpenGL на всех платформах.
• R/GraphicsProgramming - SubredDit по графическому программированию.
• R/обработка - SubredDit при обработке.
• R/Шейдеры - SubredDit на шейдерах.
• R/Процедурная генерация - SubredDit по процедурной генерации.
• R/MachineLearning - SubredDit по машинному обучению.
• R/Generative - SubredDit по генеративному искусству и музыке.

Пролечить

• Клуб Creative Coding - Creative Coding Club Slack.

Другой

• Подкаст Creative Coding - Iain и SEB обсуждают входы и выходы творческого кодирования.
• Realtimevfx.com - сообщество VFX в реальном времени.
• Истории данных - подкаст по визуализации данных.
• 3D -программирование еженедельных статей - отличная коллекция ресурсов, связанных с шейдером и математикой.
• Передайте ручку - сообщество фронт -элитных разработчиков, которые создают совместные проекты творческого кодирования на Codepen.
• Creative Tech Weekly - еженедельный информационный бюллетень ресурсов в области творческих технологий.

Математика

• Математика как код - чит -лист для математической нотации в форме кода.
• Кодирование математики - учит вас математике, которую вы должны понимать как программист.
• Математические фрагменты - математические фрагменты с графическим программированием.
• Формула анимации - принципы живописи с математикой.
• Снова изучение математики - коллекция математических фрагментов JS и GLSL.
• EASES - захват модульных уравнений облегчения.
• Математика для движения - визуализация различных уравнений движения.
• Умножение матрицы - размножение матрицы визуализировано.
• Правила алгебры - наиболее полезные правила базовой алгебры.
• Погружающая математика - полностью интерактивная линейная алгебра.
• Ядра изображения - интерактивное и визуальное введение в ядра изображения.
• Синус и косинус - интерактивное объяснение синуса и косинуса.
• Перлин Шум - Шум Перлана подробно объясняется.
• Векторная математика для трехмерной компьютерной графики - Учебное пособие по алгебре и алгебре матрицы с точки зрения компьютерной графики.
• Desmos - графические функции, данные графика, оценка уравнений, изучение преобразований и многое другое.
• MFGD - Математика для разработчиков игр YouTube Playlist.
• Эссенция линейной алгебры - сущность линейной алгебры YouTube Playlist.
• Математика анимации - слайды о математике анимации (репо).
• Наброски с математикой и квази -физикой - красивое и визуальное введение в математику и квази -физику.
• Джин Коган: Перлин Шум - Введение в 2D и 3D -шум.
• Матрица Математика и вы - Введение высокого уровня в матрицы.
• Математические символы - список всех математических символов и знаков.
• Великолепная 2D -матрица - интерактивный инструмент для лучшего понимания матриц преобразования.
• Игровой лист движения DEV с примерами - математические фрагменты JavaScript для движения.
• Шпаргалка по математике и тригонометрии для 2D и 3D-игр-Maths Cheat-Seece для 2D и 3D-производителей.
• Матрицы для творческого кодирования - Введение в матрицы Грега Татума.
• Создание вещей с математикой - поговорите Стивена Виттента о кривых Безера, процедурном поколении, физических двигателях и фракталах.
• MyphysicsLab - Интерактивное физическое моделирование в реальном времени, с формулами и кодом.
• Интуитивно понятная математика - объяснения областей, таких как линейная алгебра и геометрия, предназначенные для того, чтобы помочь вам разработать визуальную интуицию для происходящего.
• L-Systems-пакет Haskell для L-Systems.
• Линейная интерполяция - Введение в линейную интерполяцию (также известную как Mix/LERP).
• Практическое использование векторной математики в играх - подробная статья о векторах для математики игры.
• Случайные числа Shepherding - крошечное руководство по случайным числам.
• Пасердинг случайных сетей - крошечная направляющая к пастырским сетчатам.
• Пасердинг случайный рост - крошечное руководство по случайному росту.

Машинное обучение • Компьютерное зрение • ИИ

• ML4A - машинное обучение для художников.
• Keras.js - запустить модели Keras (бэкэнд Tensorflow) в браузере, с поддержкой GPU.
• Tesseract.js - Pure JavaScript Multyringual OCR.
• Google ML - Cloud Machine Learning от Google.
• Tensorflow - Библиотека программного обеспечения с открытым исходным кодом для машинного интеллекта.
• Conveltjs - глубокое обучение в вашем браузере.
• Wekinator - позволяет любому использовать машинное обучение.
• Машинное обучение - Кодирование поезда репо со ссылками на ресурсы машинного обучения.
• Creativeai.net - пространство для поделиться творческими проектами ИИ.
• AI Playbook - AI Microsite предназначен для того, чтобы помочь новичкам начать работу.
• Обучаемая машина - Изучите, как работает машинное обучение, жить в браузере.
• Tensorflow.js - библиотека JavaScript для обучения и развертывания моделей ML в браузере и на Node.js.
• Привет, Tensorflow - полностью прокомментированный Tensorflow.js Demo.
• ML5.JS - дружественное машинное обучение для Интернета.
• Модельный зоопарк - Откройте для себя код глубокого обучения с открытым исходным кодом и предварительные модели.
• ВПП - инструментарий, который добавляет возможности искусственного интеллекта для дизайна и творческих платформ.
• Доля - сборка, тренировка и поставьте пользовательские модели глубокого обучения, используя простой визуальный интерфейс.
• ModelDepot - платформа для обнаружения, обмена и обсуждения простых в использовании и предварительно обученных моделях машинного обучения.

Вдохновение

• OpenProcessing - Алгоритмические конструкции, созданные с обработкой, P5JS и обработками.
• Dwitter - Социальная сеть для коротких демо -демо.
• Хромированные эксперименты - демонстрация веб -экспериментов, написанных сообществом Creative Coding.
• CODEDOODL.ES - демонстрация кураторских творческих эскизов кодирования.
• Для вашей обработки - проекты и учебные пособия по обработке.
• Искусство из кода - кодовые эскизы Кейта Питерса.
• Generator.x - Flickr Group о генеративных стратегиях в искусстве и дизайне.
• Генеративное искусство - Flickr Group о генеративном искусстве.
• Вдохновляющий онлайн - Micro Blog с открытым исходным кодом о вдохновляющих и креативных работах, опубликованных в Интернете.
• Люди, которых вы должны следовать на Codepen - Список интересных людей, которые стоит следовать.
• Ворон Квок - Tumblr от визуального художника Рейвен Квок.
• P5ART - Действительно хорошая коллекция экспериментов в обработке.
• Эхофон - Tumblr с визуальным вдохновением.
• Пчелы и бомбы - Tumblr с Gifs от Дейва.
• Devart - Празднование искусства, сделанное с кодом артистов, которые расширяют возможности творчества.
• Folds2d - Tumblr с кривыми, поверхностями, скалярными и векторными полями.

События

• Фестиваль OFFF - фестиваль цифрового дизайна ( онлайн -флэш -фестиваль ).
• Фестиваль Grey Area - Творческое кодирование, фестиваль искусства и технологий.
• Сигнальный фестиваль - демонстрация легкого искусства и новых технологий в Праге, Чешской Республике.
• Фестиваль Eyeo - объедините творческих программистов, дизайнеров данных и создателей, работающих на пересечении данных, искусства и технологий.
• Mutek - организация, посвященная цифровому творчеству в звуке, музыке и аудиовизуальном искусстве.
• Узел - открытая платформа для биржи по культуре, искусству и технологиям.
• 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

Связанный

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

Лицензия

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