awesome creative coding 다운로드 - awesome creative coding 소스 코드 다운로드

awesome creative coding

기타 소스코드

1.0.0

다운로드

멋진 창의적인 코딩

주로 초보자/중간체를위한 멋진 창의적 코딩 리소스의 신중하게 선별 된 목록.

창의적인 코딩은 프로그래밍 시스템과는 다른 훈련입니다. 목표는 기능적인 대신 표현적인 것을 만드는 것입니다. 상호 작용 설계 , 정보 시각화 및 생성 예술 은 모두 다른 유형의 창의적인 코딩입니다. 이는 코드로 명료 한 아트 워크를 설명하는 가구 용어가되었습니다.

기부하기 전에 기여 가이드 라인을 읽으십시오.

내용물

서적
온라인 책
행동
도구
- 프레임 워크 • 도서관 • 생태계
- 시각적 프로그래밍 언어
- 사운드 프로그래밍 언어
- 웹 프로그래밍 • 라이브러리
- 프로젝션 매핑 • VJing
- 온라인
- 하드웨어
- 다른
학습 리소스
- 비디오
- 대화
- 조항
  - 셰이더 • OpenGL • WebGL
  - 캔버스
  - 하드웨어
  - 다른
- 대화식
- 빠른 참조 • 치트 시트
커뮤니티
- 하위 레딧
- 느슨하게
- 다른
수학
기계 학습 • 컴퓨터 비전 • AI
영감
이벤트
학교 • 워크샵
블로그 • 웹 사이트
관련된

서적

생성 예술 : 실용 가이드 - 처리를 사용한 실용 가이드.
생성 설계 - 처리, 프로그램 및 생성.
코드의 특성 - 처리를 통해 자연 시스템을 시뮬레이션합니다.
프로그래밍 설계 시스템 - 새로운 그래픽 디자인의 기초에 대한 실질적인 소개.
최신 3D 그래픽 프로그래밍 학습 - OpenGL을 사용하여 그래픽 렌더링을 수행하는 일련의 튜토리얼.
프로그래밍 상호 작용 - 처리, Arduino 및 OpenFrameworks에 대한 설계자 안내서.
OpenFrameworks Essentials -OpenFrameworks 프로그래머, 시각적 아티스트 또는 디자이너를위한 초보자 안내서.
OpenFrameworks 마스터 링 : 창의적인 코딩 Demystified- OpenFrameworks의 고급 깊이 가이드.
프로세싱 언어를 사용한 시각적 설계 알고리즘 - 디자인 문제를 실험하여 3D 애니메이션, GUI 등을 생성하십시오.
JavaScript의 Foundation HTML5 애니메이션 - HTML5 캔버스를 사용하여 애니메이션을 만들기 위해 알아야 할 모든 것.
혼돈과 함께 연주 - 자바 스크립트의 프랙탈과 이상한 유인자를 프로그래밍합니다.
한 주말에 레이 트레이싱 - 레이 추적에 관한 미니 책.
처리 2 : 창의적인 프로그래밍 요리 책 - 실용적이고 유용한 레시피를 사용하여 처리 환경을 탐색하도록 안내합니다.
데이터 중심 그래픽 디자인 - 시각적 커뮤니케이션을위한 창의적인 코딩.
실시간 렌더링-현대 기술을 사용하여 합성 3 차원 이미지를 생성하는 방법을 배우십시오.
그래픽 셰이더 : 이론 및 실습 - 일반적으로 셰이더 프로그래밍 소개이지만 GLSL 쉐이딩 언어에 중점을 둡니다.
Anton 's OpenGL 4 튜토리얼 - OpenGL로 3D 프로그래밍을 시작하는 실용 가이드.
JavaScript 게임, 애니메이션 및 시뮬레이션의 물리학 - JavaScript 프로그래머에게 실제 물리학을 HTML5 게임, 애니메이션 및 시뮬레이션에 통합하는 방법을 가르칩니다.
프로그래머를위한 수학 - 책은 코드의 수학적 문제를 해결하도록 가르쳐줍니다.
Synthèse d 'images avec OpenGL (ES) - OpenGL, OpenGL ES 및 WebGL을 다루는 프랑스어의 책.
Magenta와의 실습 음악 생성 - 음악 생성 및 지원 음악 구성에서 딥 러닝의 역할을 탐구하십시오.

온라인 책

셰이더의 책-단편 셰이더의 추상적이고 복잡한 우주를 통한 단계별 가이드.
Webgl Fundamentals -Webgl은 처음부터. 마법이 없습니다.
Webgl 2 기초 -WebGL2에서. 마법이 없습니다.
OpenGL 학습 - 현대 OpenGL 학습을위한 광범위한 튜토리얼 리소스.
ScratchApixel 2.0- 처음부터 컴퓨터 그래픽을 배우십시오.
ofbook- OpenFrameworks의 커뮤니티 작성서/가이드.
Ogldev- Etay Meiri의 현대 OpenGL 튜토리얼 모음.
OpenGL 튜토리얼 - OpenGL 3.3 이상 튜토리얼 전용 사이트.
Open.gl- OpenGL 사용의 기본 사항을 가르치는 가이드.
픽셀 셰이더 - 그래픽 프로그래밍에 대한 대화식 소개.
OpenGlbook- 온라인 서적 형식의 무료 OpenGL 프로그래밍 자습서.
그래픽 프로그래밍 프로젝트 - Morgan McGuire의 3D 계산 그래픽에 대한 예약.
생성 알고리즘 - Anders Hoff의 예제 및 파이썬 코드와 함께 다양한 유기 패턴을 생성하는 것에 대한 메모.
Computer Graphics의 처음부터 OpenGL 및 DirectX의 작동 방식을 가르치는 광선 및 래스터 화 교과서.
Bézier Curves의 입문서 - Bézier 일을하는 방법을 알아야 할 때 무료 책입니다.
초보자를위한 3D 게임 셰이더-실시간 음영 기술에 대한 단계별 안내서.
XEM WebGL 가이드-WebGL에 대한 단계별 안내서.
Creative Coding Notebooks -Diego Inácio의 창의적인 코딩 및 컴퓨터 예술에 관한 기본 파이썬 레시피의 권위있는 세트.
WebGL Academy- WebGL 및 3D 알고리즘을 진보적이고 대화식 방식으로 배우십시오.

행동

WebGL을 사용하여 JS에서 3D 그래픽 생성 - 프레임 워크없이 WebGL로 컨텐츠를 만들기 시작하십시오.
HTML5 그래픽 및 애니메이션 학습 - Canvas 2D Drawing API 소개.
대화식 3D 그래픽 - 3D 컴퓨터 그래픽의 원칙을 가르치는 Udacity 코스.
대화식 컴퓨터 그래픽 - Coursera의 컴퓨터 그래픽 코스.
Kadenze 크리에이티브 코딩 - P5.JS, Tensorflow, Max/Jitter 및 Chuck을 다루는 Kadenze 코스 선택.
디지털 미디어 및 모바일 앱을위한 창의적인 프로그래밍 - 프로세싱을 통한 창의적인 코딩에 대한 Coursera 코스.
Imaginary Institute- 화려한 대화식 그래픽을 만드는 방법을 배우십시오.
Future Learn : Creative Coding- 컴퓨터 프로그래밍을 창의적인 분야로 사용하여 소리, 이미지, 애니메이션 등을 생성합니다.
JS에 대한 소개 : 그리기 및 애니메이션 - JavaScript 및 ProcessingJS 라이브러리를 사용하여 도면 및 애니메이션을 만듭니다.
Advanced JS : Natural Simulations- JS, ProcessingJS 및 수학적 개념을 결합하여 프로그램의 자연을 시뮬레이션합니다.
프로세싱을 통한 대화식 데이터 시각화 - 처리, 매핑 및 처리 방법을 배우는 방법을 배우십시오.
데이터 시각화 프로그래밍 : 처리를위한 코딩 툴킷 - 처리 세계에서 정보 디자이너 Nicholas Felton 가입.
데이터 시각화 소개 -Nicholas Felton에 가입하여 스마트하고 포괄적이며 영감을주는 데이터 시각화에 대한 소개.
프로그래밍 그래픽 I, 2, 3- 조슈아 데이비스와의 예술로 생성 예술과 처리.
Matt Deslauriers의 Canvas & Webgl- 워크숍으로 창의적인 코딩. 생성 예술, 대화식 애니메이션, 3D 그래픽 및 셰이더에 대해 가르쳐줍니다.
Webgl & Shaders와 함께 고급 크리에이티브 코딩 - 그래픽 프로그래밍, 수학 및 셰이더에 더 깊이 들어가는 Matt Deslauriers의 워크숍.
Three.js Journey- Bruno Simon 의이 과정은 귀하가 초보자이든 고급 개발자이든 3.js로 멋진 WebGL 웹 사이트를 만드는 비밀을 가르쳐 줄 것입니다.
3D 컴퓨터 그래픽 프로그래밍 - C 프로그래밍 언어를 사용하여 처음부터 소프트웨어 렌더러를 작성하면서 3D 그래픽의 모든 이론과 수학에 대해 알아보십시오.

도구

프레임 워크 • 도서관 • 생태계

처리 [크로스 플랫폼] - 시각 예술을위한 컴퓨터 프로그래밍 언어 및 IDE.
PY5 [Cross -Platform] - Python 3 Ecossystem에 처리를 통합하는 라이브러리.
Cinder [Cross-Platform]-C ++의 전문 품질 크리에이티브 코딩을위한 오픈 소스 라이브러리.
OpenFrameworks [Cross -Platform] - 창의적인 코딩을위한 오픈 소스 C ++ 툴킷.
C4 [iOS] - iOS 용 오픈 소스 크리에이티브 코딩 프레임 워크.
Unity [Mac, Win] - 게임 엔진이지만 창의적인 코딩 및 설치에 유용합니다.
Godot [Cross -Platform] - 오픈 소스 게임 엔진은 모든 종류의 물건에도 사용할 수 있습니다.
PlayCanvas [Cross -Platform] - 오픈 소스, 실시간 협업 WebGL 엔진.
HG_SDF [Cross -Platform] - 서명 된 거리 기능을 구축하기위한 GLSL 라이브러리.
Nannou [Cross-Platform]-Rust Language를위한 오픈 소스 창의적인 코딩 프레임 워크.
Thi.ng [Cross -Platform] - JavaScript, TypeScript, Clojure 및 Clojurescript 언어를위한 계산 설계 도구의 오픈 소스 모음.
Pixelkit [iOS, Mac] - 오픈 소스, 라이브 그래픽, 스위프트 프레임 워크, 금속으로 구동.
OpenRndr [Cross -Platform] - Kotlin에서 작성된 창의적인 코딩을위한 오픈 소스 라이브러리.
Phaser [Cross -Platform] - 게임 구축을위한 HTML5 프레임 워크는 캔버스와 WebGL 렌더러를 모두 사용합니다.
Canvas-Sketch [Cross-Platform]-JavaScript 및 브라우저에서 생성 아트 워크를 만들기위한 HTML5 프레임 워크.
ASYNCGRAPHICS [iOS, MACOS] - 오픈 소스, 라이브 그래픽, 비동기 / 대기, 신속한 패키지, 금속으로 구동.
Lygia [Cross-Platform]-과립 및 다중 언어 (GLSL, HLSL, WGSL, MSL 및 CUDA) 셰이더 라이브러리 성능 및 유연성을 위해 설계되었습니다.
Fragment.Tools [Cross -Platform] - 창의적인 코딩을위한 웹 개발 환경.

시각적 프로그래밍 언어

VVVV [WIN] - 쉬운 프로토 타이핑 및 개발을위한 하이브리드 비주얼/텍스트 라이브 프로그래밍 환경.
Nodebox [Mac, Win]-효율적인 데이터 시각화 및 생성 설계를위한 크로스 플랫폼, 노드 기반 GUI.
TouchDesigner [Mac, Win] - 실시간 프로젝트를 만들기위한 시각적 개발 플랫폼.
Quartz Composer [Mac] - 그래픽 데이터 처리 및 렌더링을위한 개발 도구.
VUO [MAC] - 라이브 대화식 미디어 프로그래밍 환경.
Max [Mac, Win] - 미디어를위한 시각적 프로그래밍 언어.
순수한 데이터 [크로스 플랫폼] - 멀티미디어를위한 오픈 소스 비주얼 프로그래밍 언어.
Ossia score [Cross-Platform]-대화식, 중간체 시청각 시퀀서.
TOOLL [WIN] - 대화식 3D 컨텐츠 및 애니메이션을 생성하기위한 오픈 소스 도구.
XOD [Cross-Platform]-마이크로 컨트롤러 기반 프로젝트를위한 오픈 소스 비주얼 프로그래밍 언어 및 환경.
Isadora [Cross -Platform] - 통합 프로젝션 맵퍼가있는 장면 기반 미디어 제어 소프트웨어.
케이블 [Cross -Platform/Web] - 아름다운 대화식 콘텐츠를 만들기위한 모델 키트. 현재 개인 베타로 초대를 요청할 수 있습니다.
Eternal [Web] - 생성을위한 구성 도구로 그래프 및 그래프로서의 프로그램
Notch Builder [WIN]-실시간 그래픽에 중점을 둔 노드 기반 제작 도구. 현재 베타 버전.
Joy.js- 실시간 시각적 코딩 도구, 이해하기 쉽고 초보자를 대상으로합니다.
Circles [iPhone, iPad, Mac] - Asyncgraphics에 의해 구동되는 라이브 그래픽 노드 편집기.
TIC -80- 240*136 픽셀 화면에서 픽셀 아트 스타일 게임과 예술을 만드십시오.

사운드 프로그래밍 언어

SuperCollider [Multi -Platform] - 오디오 합성 및 알고리즘 구성을위한 플랫폼.
척-강하게 기절하고 동시성이며 날짜가 많으며 음악 프로그래밍 언어.
조석 - 패턴의 라이브 코딩을위한 도메인 특정 언어.
Sonic Pi- 모든 사람을위한 라이브 코딩 음악 신디사이저.
CSound- 사운드 및 음악 컴퓨팅 시스템.
ORCA- 절차 시퀀서를 신속하게 생성하는 라이브 코딩 환경.
HANDEL- 브라우저에서 노래를 작성하기위한 소규모 절차 적 프로그래밍 언어.
Overtone- 합성 및 악기 건물에서 라이브 코딩에 이르기까지 새로운 음악적 아이디어를 탐색하도록 설계된 오픈 소스 오디오 환경.
Melrōse- (라이브) 음악을 만들기위한 MIDI 제작 환경.
GLICOL- 그래프 중심의 라이브 코딩 언어 및 음악/오디오 DSP 라이브러리로 작성되었습니다.

웹 프로그래밍 • 라이브러리

Three.JS -JavaScript 3D 라이브러리.
regl- 기능적 webgl.
STACKGL- Browserify 및 NPM 위에 구축 된 WebGL 용 Open Software Ecosystem.
Paper.js- 벡터 그래픽 스크립팅의 스위스 육군 나이프.
pixi.js -HTML 5 2D 렌더링 엔진 캔버스 폴백과 함께 WebGL을 사용합니다.
P5.JS- 프로세싱의 원래 목표로 시작하는 JavaScript 라이브러리.
pts.js- 시각화 및 크리에이티브 코딩을위한 JavaScript 라이브러리.
fabric.js-JavaScript 캔버스 라이브러리, SVG-to-Canvas 파서.
Maker.JS- SVG, CNC 및 레이저 커터 용 파라 메트릭 라인 드로잉.
OpenJScad- JavaScript의 프로그래밍 방식 3D 모델링.
Sketch.js- 최소 JavaScript 크리에이티브 코딩 프레임 워크.
2.JS- 최신 웹 브라우저를 향한 2 차원 드로잉 API.
CLAYGL- 확장 가능한 Web3D 애플리케이션을 구축하기위한 WebGL 그래픽 라이브러리.
양성자 - 가볍고 강력한 자바 스크립트 입자 엔진.
Lightgl.js- 가벼운 WebGL 라이브러리.
picogl.js- 최소 WebGL 2 렌더링 라이브러리.
ALFRID- WebGL 도구 세트.
Babylon.js- HTML 5 및 WebGL을 사용하여 3D 게임을 구축하기위한 JavaScript 프레임 워크를 완료하십시오.
Twigl- 작은 WebGL 도우미 도서관.
LUMA.GL- 데이터 시각화를위한 WebGL2 구성 요소.
CSS -Doodle- CSS로 패턴을 그리는 웹 구성 요소.
OGL.JS -JavaScript 3D 라이브러리 (WebGL).
ZDOG- 캔버스 및 SVG 용 Pseudo -3D 엔진.
OIMO.JS- 자바 스크립트 용 경량 3D 물리 엔진
Ammo.js- Bullet Physics Engine의 직접 포트는 Emscripten을 사용하여 JavaScript.
Theatre.js- 시각적 도구가있는 모션 디자인 라이브러리
GraphicsJS- 그래픽 및 애니메이션 (SVG/VML)을위한 가벼운 오픈 소스 JavaScript 라이브러리.

프로젝션 매핑 • VJing

MadMapper [Mac] - 비디오 매핑 예측 및 조명 매핑.
VDMX [MAC] - 실시간 멀티미디어 성능 응용 프로그램.
Modul8 [Mac] - 실시간 비디오 믹싱 및 합성.
Resolume [Mac, Win] - 디지털 비디오와 효과를 실시간으로 혼합합니다.
Coge VJ [Mac] - 실시간 HD 비디오 믹싱 및 모듈 식 사용자 인터페이스와 함께 컴포지하는 VJ 소프트웨어.
VirtualMapper- 프로젝션 매핑을위한 실시간 미리보기 도구.
Millumin [Mac] - 대화식 시청각 쇼를 만들고 수행하는 소프트웨어.
Smode [WIN]-실시간 2D/3D 생성, 합성 및 비디오 매핑 엔진.
Veejay [Linux] - 여러 소스 (파일, 장치, 스트림 ...)의 간단한 비선형 편집 및 믹싱을 갖춘 라이브 성능 도구.

온라인

Shadertoy- 세상과 셰이더를 구축하고 공유하고 영감을 얻습니다.
SHADER PARK- 대화식 절차 2D 및 3D 셰이더를 만들기위한 JavaScript 라이브러리.
GLSL 샌드 박스 - 온라인 셰이더 편집기 및 갤러리.
SHDR 편집자 - 온라인 셰이더 편집기.
Codepen- 편집 가능한 소스 코드가있는 고급 기술의 표시.
SHADERSHOP- 프로그래밍 GPU 셰이더를위한 인터페이스.
Vertexshaderart- 온라인 셰이더 편집기 및 갤러리.
CYOS- 온라인 셰이더 편집기.
Glsleditor- 간단한 WebGL 조각 셰이더 편집기.
OpenProcessing- 알고리즘 설계, 처리 및 P5.JS를 생성하고 실험하십시오.
P5.JS 편집기 - P5.JS의 온라인 웹 편집기
LiveCodelab- VJ, 음악가, 교사, 학생, 어린이를위한 run-run-you-type 도구.
Turtletoy- 생성 코드를위한 최소 API 및 온라인 쇼케이스. (JavaScript)
ShaderGif- 코드로 만든 예술을위한 오픈 소스 홈 (WebGL1/2, JavaScript Canvas & P5.JS).
P5Live -P5.JS 라이브 코딩 환경.
NEORT- 크리에이티브 코더를위한 디지털 아트 플랫폼 (Fragment Shader, JavaScript Canvas).
Shelly- 거북이에게 지침을 발행하여 프로그래밍을 배우십시오.
Tixy.land- 가장 미니멀리스트 창의 코딩 환경은 살아 있습니다.
BBC 마이크로 봇 - 8 비트 컴퓨터 에뮬레이터에서 트윗을 실행하십시오.
Hydra- 라이브 코드 가능 비디오 신디사이저 및 코딩 환경.

하드웨어

Arduino- 디지털 장치 및 대화식 객체를 구축하기위한 오픈 소스 마이크로 컨트롤러 키트.
Raspberry Pi- 작은 단일 보드 컴퓨터.
puck.js- 오픈 소스 JavaScript 마이크로 컨트롤러 무선으로 프로그래밍 할 수 있습니다.
비글 보드-저전소 오픈 소스 싱글 보드 컴퓨터.
Makey Makey- 매일 객체를 터치 패드로 바꾸고 인터넷과 결합하십시오.
도약 모션 - 입력으로 손과 손가락 동작을 지원하는 센서 장치.
Axidraw- 단순하고 현대적이며 정확한 펜 플로터.
Phidgets- 컴퓨터 용 센서, 입력 장치 및 컨트롤러.
TEENSY- USB 기반 마이크로 컨트롤러 개발 시스템.
Lightform- 내장 깊이 센서가있는 AR 투영 매핑.

다른

구조 신디 [크로스 플랫폼] - 설계 문법을 지정하여 3D 구조를 생성하기위한 적용.
F3 [Mac] - 코드 3D 양식을 라이브로 사용할 수있는 강력한 3D 디자인 앱.
Fragment [Mac]- 라이브 코드 GLSL 그래픽에 대한 앱.
Shadertool [WIN] - 프로그래머 및 FX 아티스트를위한 현대 셰이더 IDE.
SIPHON [MAC] - 응용 프로그램이 실시간으로 프레임을 서로 공유 할 수 있습니다.
KODELIFE- 실시간 GPU 셰이더 편집기, 라이브 코드 성능 도구 및 그래픽 프로토 타이핑 SketchPad.
ISF -Interactive Applications에 사용하기위한 GLSL 셰이더.
GLSLViewer- GLSL 셰이더를 렌더링하는 라이브 코딩 콘솔 도구.
Shoebot [Cross -Platform] - Shoebot은 Python으로 벡터 그래픽 및 애니메이션을 만들기 위해 설계된 창의적인 코딩 환경입니다.
DrawBot [MAC] - 교육 지향 2D 그래픽 프로그래밍 환경을 기반으로합니다.
Klak- 유니티와 함께 창의적인 코딩을위한 스크립트 모음.
Basil.js- 처리 정신의 디자이너 및 아티스트를 위해 Indesign의 스크립팅 (JS).
Konstrukt [Cross -Platform] - SVG와 다른 스케일링 가능한 패턴을 생성하기위한 명령 줄 도구.

학습 리소스

비디오

코딩 트레인 -Daniel Shiffman은 창의적인 코딩에 대한 비디오를 만듭니다.
MFGD -Fragment Shaders- Fragment Shaders에 대한 YouTube 재생 목록.
셰이더 실험실 - 셰이더에 대한 YouTube 채널.
Makin 'Stuff가 좋아 보인다 - 셰이더 사례 연구에 대한 YouTube 채널.
OpenFrameworks 튜토리얼 시리즈 - OpenFrameworks 학습에 대한 YouTube 시리즈
OpenFrameworks 튜토리얼 - OpenFrameworks에 대한 YouTube 재생 목록 - 업데이트되지 않음 [2015].
Shader Tutorial Series -Visual Studio Code를 사용하여 Shaders에 대한 YouTube 재생 목록.
KHA 튜토리얼 시리즈 - Haxe에서 내장 된 KHA 프레임 워크에 대한 YouTube 재생 목록.
WebGL 2.0의 재미 -Webgl 2.0에 대한 YouTube 재생 목록.
Modern OpenGL 3.0+ 튜토리얼 - Modern OpenGL에 대한 YouTube 재생 목록.
VertexShaderart- Vertex Shaders에 대한 YouTube 재생 목록.
3.JS의 다이빙 - YouTube 재생 목록은 3.JS로 다이빙합니다.
Shadertoy Tutorials -YouTube 재생 목록 Shadertoy를 사용하여 Zero Knowledge로 시작하여 셰이더를 만드는 방법을 가르치십시오.
Webgl Lightning- Greg Tatum을 사용한 Webgl Lightning 소개.

대화

Webgl 슬라이드 비디오 소개 - 3.js의 webgl에 대한 소개.
Inigo Quilez Live- íñigo Quílez의 라이브 코딩 비디오 모음.
캔버스도 있습니다 -Bruno Imbrizi는 WebExpo 2016에서 창의적인 코딩을 위해 캔버스를 사용합니다. 대화식 슬라이드는 여기에 있습니다.
OpenGL 3D 게임 튜토리얼 - 3D Games Openg 만들기에 대한 초보자 자습서 시리즈.
우리 가이 일을하는 방법 - 기술 기반 아티스트가 재정적으로 어떻게하는지 이야기하십시오.
Webgl Dance 만들기 - 걱정을 멈추고 선형 대수를 사랑하는 법을 배웠습니다.
Pixel Factory- Steven Wittens의 WebGL, GPU 및 Math에 대해 이야기합니다.
시적 계산 - Zach Lieberman의 영감을주는 대화.
생성기 - Matt Deslauriers의 FITC Talk Generative Art에 대한 열정에 대해 이야기합니다.

기사 • 튜토리얼

셰이더 • OpenGL • WebGL

셰이더 소개 - ThreeJ를 사용한 셰이더 소개의 1 부.
3.js 101- 창의적인 코더 관점에서 3.js 소개.
lwjgl : 셰이더 - LWJGL -Basics의 맥락에서 셰이더 튜토리얼.
셰이더 : 프라이머 - 셰이더의 프라이머.
셰이더 : 두 번째 단계 - 이전의 두 번째 부분.
Webgl 레슨 - 조각 셰이더 - 조각 셰이더에 대한 간단한 소개.
WebGL 레슨 - 3JS 셰이더 - 3JS의 사용자 정의 정점 및 조각 셰이더를 사용합니다.
ThreeJS Post-Proces 예-ThreeJS의 후 처리 효과의 예.
레이 마칭 및 서명 된 거리 기능 - 레이 추적 소개.
Ray Tracing 소개 - 3D 이미지를 만드는 간단한 방법.
GLSL 조명 연습 - GLSLIFY와의 Phong 음영 자습서.
세 가지 glslify 예제 - glslify와 함께 3.js를 사용하는 방법에 대한 예제.
Webgl Beyond Dom -Greg Tatum regl을 사용하여 WebGL의 기본을 설명합니다.
FBO 입자 - @nicoptere의 FBO/GPGPU 입자에 관한 기사.
Ray Marching (3.js 포함) - @nicoptere의 3.js와의 행진에 관한 기사.
3.js의 사용자 정의 셰이더 - 3.js의 사용자 정의 셰이더, 균일, 텍스처 및 조명 소개.
Modern OpenGL에 대한 소개 - Modern OpenGL 소개의 첫 번째 부분.
Modern OpenGL 시리즈 - 일부 OpenGL 용어에 대한 좋은 소개.
매끄러운 최소 - 매끄러운 기반 원시 연합에 대한 기사.
거리 함수를 갖는 모델링 - 중앙 집중식 장소에서 거리 함수 수집.
볼륨 렌더링 - 볼륨 셰이더 내부에서 복잡한 3D 모양을 만드는 방법을 설명합니다.
실시간 렌더링-실시간 렌더링에 관한 책, 블로그 및 리소스 모음.
Opengl 4 셰이더 - Anton Gerdelan의 OpenGL 셰이더에 대한 짧고 달콤한 소개.
Ray Casting, Ray Tracing, Ray Marching 등 - 제목은 모든 것을 말합니다. Adok의 소개.
작은 소프트웨어 렌더러 작성 - 기본 소프트웨어 렌더링이 어떻게 작동하는지에 대한 정말 좋은 소개.
Webgl Tutorials- WebGL 튜토리얼 모음이있는 웹 사이트.
형상 생성 : 1, 2, 3- 초보자 소개 기하학 개체를 만드는 방법에 대한 소개.
Vertex Shaders - Webgl, Three.js 및 Three.bas에 대한 일련의 튜토리얼.
WebGL의 공간 - 3D 그래픽 파이프 라인을 통해 다른 좌표계에 대한 간단한 개요.
Webgl Workshop- webGL에 대한 짧고 달콤한 온라인 소개.
Three.js & Instanced Geometry- 3.JS 및 Instanced Geometry가있는 푹신한 포식자.
광고판을 통한 입자 효과 - Billboarding 및 WebGL을 사용하여 입자 효과를 만드는 방법.
WebGL 및 Regl을 사용하여 아름답게 애니메이션 포인트 - regl을 사용하여 GPGPU 입자를 만드는 방법.
Webgl 튜토리얼 : 확장이없는 방향 그림자 매핑 - 실시간 방향성 빛 그림자 매핑의 개념 소개.
Webgl Quest- 튜토리얼 및 WebGL Raymarching 및 거리 기능을 쉽게 사용할 수있는 유용한 리소스 목록.
WebGL을 사용한 범프 매핑 탐색 - 다양한 범프 매핑 기술 소개.
OpenGL/GLSL 셰이더 프로그래밍 - OpenGL/GLSL 셰이더 프로그래밍의 데크.
단순 소음 흐름 필드의 입자 - Perlin 소음 흐름 필드 튜토리얼.
흐름 필드, 1 부 - 벡터 필드라고도하는 흐름 필드 소개.
흐름 필드, 2 부 - 벡터 필드라고도하는 유량 필드 소개.
게임 용 그래픽 - 뉴캐슬 대학교에서 셰이더, 수학 후 처리 등을 포함한 3D 그래픽 프로그래밍 소개.
3.js 기본 사항 - Eric Haines의 3.js 소개.
WebGL 및 Three.JS에 대한 대화식 소개 - SIGGRAPH 2017 WebGL 워크숍에서 슬라이드.
컴퓨터 그래픽 프로그래밍 학습을 시작하는 방법 - Eric Arnebäck의 시작 방법에 대한 조언과 생각.
모든 코더가 감마에 대해 알아야 할 것 - 감마의 중요성에 깊이 빠져 나옵니다.

캔버스

HTML CANVAS DEEP DIVE- 캔버스 API에 대한 심오한 소개.
31 일 캔버스 튜토리얼 - Seb Lee -Delisle의 Canvas 튜토리얼 모음.

하드웨어

펜 플로터 아트 및 알고리즘 파트 1, 2- axidraw 펜 플로터를 JavaScript와 함께 사용하는 방법.

다른

창조적 인 코딩의 노이즈 - 창의적인 코딩을위한 필수 도구로서 소음에 대한 심층적 인 블로그 게시물.
코딩과 같은 고양이 - 수학, 알고리즘 및 통일에 대한 깊이 자습서.
FUN 프로그래밍 - 창의적인 코딩 작성 간단한 프로그램 작성.
C4와 함께 iOS에 대한 창의적 코딩 - C4 소개 C4에 대한 소개 창의적 응용 프로그램.
COSMOS- C4를 사용하여 앱의 디자인, 프로그래밍 및 출시에 대한 엔드 투 엔드 튜토리얼.
입자 물리학 - 입자 물리학이 설명되었습니다.
알고리즘 시각화 - 알고리즘을 이해, 설명 및 디버그하기 위해 시각화를 사용하는 것을 살펴 봅니다.
게임 개발 세계의 모험 - 게임 개발에 관한 기사 모음을 이해하기 쉽지만 창의적 코딩과도 관련이 있습니다.
Amit의 게임 프로그래밍 정보 - Path -finding, AI, Math 등과 같은 것들에 대한 자원 수집.
생성 아트 워크를 개선하기위한 팁 - 예술을 개선하기위한 팁.
생성 아트에서 색상 작업 - 색상을 올바르게 얻는 방법에 대한 팁.

대화식

Shader -School- GLSL 셰이더 및 그래픽 프로그래밍을위한 워크숍.
Webgl-Workshop- 셰이더 스쿨의 속편 : WebGL API를 배우십시오.
Fragment -oundry- 대화식 조각 셰이더 튜토리얼.
SDF 튜토리얼 1 : Box & Balloon -Raytracing에 대한 Shadertoy 튜토리얼.
Howto : Ray Marching -Ray Marching에 대한 Shadertoy 튜토리얼.
Raymarch Tutorial2- Shadertoy Raymarch 튜토리얼.
GLSL 2D 자습서 -Shadertoy GLSL 2D 자습서.
버블 붕괴 - Perlin의 셰이더 고장.
Ray Cagre -Ray Cagre -Toy를 작성하여 Ray Marcher를 만들어 봅시다.
Raymarching- 대화식 셰이더 토이 Raymarching 튜토리얼.

빠른 참조 • 치트 시트

ShadeRific GLSL- Opengl es 음영 언어 참조.
셰이더 용어집 - 테마 별 셰이더 용어집.
GLTUT 용어집 페이지 : 1, 2, 3, 4, 5, 6, 7, 8 -OpenGL 3D 프로그래밍 용어집.
캔버스 치트 시트 - 빠르고 시각적 캔버스 치트 시트.
WebGL 치트 시트 -WebGL 1.0 API 참조 카드.
컴퓨터 그래픽의 용어집 - 컴퓨터 그래픽과 관련된 용어의 용어집.
GLSL 참조 안내서 - OpenGL 음영 언어 빠른 참조 안내서.
3D 수학 치트 시트 - 그의 OpenGL 책에서 Anton Gerdelan의 수학 치트 시트.
Docs.GL- 공식 OpenGL 문서의 개선.
Opengl Shading Language -Khronos Group Glsl Wiki.
OpenGL 4.3 참조 카드 - OpenGL 4.3 API 용 PDF 참조 카드.
완화 - 대화식 완화 기능 치트 시트.
Pixelspirit- 학습 및 참조 용 타로 카드 뒷면의 GLSL 라이브러리.
절차 패턴 및 소음 - 절차 패턴 및 절차 소음의 수집.
시각적 소음 - 1D 및 2D의 노이즈 알고리즘 시각화.
TRIGONOPARTY- 간단한 삼각법 시각화.
형태 형성 - 모양, 형태 및 패턴이 어떻게 나타나는 지에 대한 탐구.

커뮤니티

하위 레딧

R/CreativeCoding- 창의적인 분야로 컴퓨터 프로그래밍의 사용을 공유하고 논의합니다.
R/Raytraycing- Raytracing에 대한 서브 레드.
R/OpenGL- 모든 플랫폼의 OpenGL에 대한 뉴스 및 토론.
r/graphicsprogramming- 그래픽 프로그래밍의 서브 레드.
R/처리 - 처리시 하위 레드.
r/셰이더 - 셰이더의 서브 레디.
R/Procedural Generation- 절차 생성에 대한 서브 레드.
r/machineLearning- 기계 학습에 대한 서브 레드.
R/Generative- 생성 예술 및 음악에 대한 서브 레디.

느슨하게

Creative Coding Club -Creative Coding Club Slack.

다른

Creative Coding Podcast -Iain과 Seb는 창의적인 코딩의 내용을 논의합니다.
RealTimeVFX.com- 실시간 VFX 커뮤니티.
데이터 스토리 - 데이터 시각화에 대한 팟 캐스트.
3D 프로그래밍 주간 기사 - 훌륭한 셰이더 및 수학 관련 리소스의 훌륭한 모음.
Codepen에서 협업 창조적 코딩 프로젝트를 구축하는 프론트 엔드 개발자 커뮤니티.
Creative Tech Weekly -Creative Technology와 관련된 매주 리소스 뉴스 레터.

수학

코드로서의 수학 - 코드 형식의 수학 표기법에 대한 치트 시트.
코딩 수학 - 프로그래머로서 이해해야 할 수학을 가르쳐줍니다.
수학 스 니펫 - 그래픽 프로그래밍을 염두에두고 수학 스 니펫.
공식 애니메이션 - 수학으로 그림의 원리.
수학 학습 - JS 및 GLSL 수학 스 니펫 컬렉션.
완화 - 모듈 식 완화 방정식의 잡기.
모션을위한 수학 - 다른 모션 방정식의 시각화.
매트릭스 곱셈 - 매트릭스 곱셈이 시각화되었습니다.
대수 규칙 - 기본 대수의 가장 유용한 규칙.
몰입 형 수학 - 완전 대화식 선형 대수.
이미지 커널 - 이미지 커널에 대한 대화식 및 시각적 소개.
사인과 코사인 - 사인과 코사인의 대화식 설명.
Perlin Noise- Perlin 소음이 자세히 설명되었습니다.
3D 컴퓨터 그래픽 용 벡터 수학 - 컴퓨터 그래픽의 관점에서 벡터 대수 및 매트릭스 대수에 대한 튜토리얼.
Desmos- 그래프 기능, 플롯 데이터, 방정식 평가, 변환 탐색 등.
MFGD- 게임 개발자를위한 수학 YouTube 재생 목록.
선형 대수의 본질 - 선형 대수의 본질 YouTube 재생 목록.
애니메이션의 수학 - 애니메이션 수학 (Repo)에 관한 슬라이드.
수학 및 준 물리학으로 스케치 - 수학 및 준 물리학에 대한 아름답고 시각적 소개.
Gene Kogan : Perlin 소음 - 2D 및 3D Perlin 소음 소개.
매트릭스 수학 및 귀하 - 매트릭스에 대한 높은 수준의 소개.
수학적 기호 - 모든 수학적 기호 및 징후의 목록.
변환 행렬을 더 잘 이해하기위한 웅장한 2D 매트릭스 - 대화식 도구.
예제가있는 게임 개발자 운동 치트 시트 - 운동을위한 JavaScript 수학 스 니펫.
2D & 3D 게임의 수학 및 삼각법 치트 시트-2D 및 3D 게임 메이커를위한 수학 치트 시트.
창의적 코딩을위한 행렬 - Greg Tatum의 행렬 소개.
수학으로 사물 만들기 -Steven Wittens의 Bezier 곡선, 절차 생성, 물리 엔진 및 프랙탈에 대해 이야기합니다.
MyPhysicsLab- 공식 및 코드가 포함 된 대화식 실시간 물리 시뮬레이션.
직관적 인 수학 - 선형 대수 및 지오메트리와 같은 필드의 설명이 진행되는 일에 대한 시각적 직관을 개발하도록 설계되었습니다.
L- 시스템-L- 시스템을위한 Haskell 패키지.
선형 보간 - 선형 보간 소개 (Mix/LERP라고도 함).
게임에서 벡터 수학의 실제 사용 - 게임 수학 벡터에 대한 심층적 인 기사.
랜덤 숫자 목자 - 랜덤 숫자를 목자하는 작은 안내서.
목자 임의 그리드 - 목자 임의 그리드를위한 작은 가이드.
무작위 성장 목자 - 무작위 성장을 목격하는 작은 가이드.

기계 학습 • 컴퓨터 비전 • AI

ML4A- 아티스트를위한 머신 러닝.
keras.js- 브라우저에서 Keras 모델 (Tensorflow 백엔드)을 실행하여 GPU 지원을 제공합니다.
Tesseract.js- 순수한 JavaScript 다국어 OCR.
Google ML- 클라우드 머신 러닝의 Google.
Tensorflow- 기계 인텔리전스를위한 오픈 소스 소프트웨어 라이브러리.
CONCNETJS- 브라우저의 딥 러닝.
Wekinator- 누구나 머신 러닝을 사용할 수 있습니다.
머신 러닝 - 기계 학습 리소스에 대한 링크가있는 코딩 트레인 재개.
Creativeai.net- 창의적인 AI 프로젝트를 공유 할 수있는 공간.
AI Playbook -AI Microsite는 신규 이민자들이 시작하도록 돕기위한 것입니다.
Teachable Machine- 머신 러닝의 작동 방식을 탐색하고 브라우저에 살고 있습니다.
Tensorflow.js- 브라우저 및 node.js에서 ML 모델을 교육 및 배포하기위한 JavaScript 라이브러리
Hello Tensorflow- 완전히 댓글을 달린 Tensorflow.js 데모.
ML5.JS- 웹을위한 친절한 머신 러닝.
모델 동물원 - 오픈 소스 딥 러닝 코드 및 사전 배치 된 모델을 발견하십시오.
활주로 - 인공 지능 기능을 설계 및 창의적인 플랫폼에 추가하는 툴킷.
로브 - 간단한 시각적 인터페이스를 사용하여 맞춤형 딥 러닝 모델을 구축, 훈련 및 배송합니다.
ModelDepot- 사용하기 쉽고 미리 훈련 된 기계 학습 모델을 발견, 공유 및 논의하기위한 플랫폼.

영감

OpenProcessing- 프로세스, P5JS 및 ProcessingJS로 생성 된 알고리즘 설계.
Dwitter- 짧은 JavaScript 데모를위한 소셜 네트워크.
크롬 실험 - 창의적 코딩 커뮤니티가 작성한 웹 실험의 쇼케이스.
Codedoodl.es- 선별 된 창의적 코딩 스케치의 쇼케이스.
처리에 대한 프로젝트 및 튜토리얼.
코드의 예술 - Keith Peters의 코드 스케치.
Generator.x- 예술 및 디자인의 생성 전략에 대한 Flickr Group.
생성 예술 - 생성 예술에 관한 Flickr Group.
영감을주는 온라인 - 온라인으로 출판 된 영감과 창의적 작품에 대한 오픈 소스 마이크로 블로그.
Codepen에서 따라야하는 사람들 - 팔로우 할 가치가있는 흥미로운 사람들의 목록.
Raven Kwok- 시각 예술가 Raven Kwok의 Tumblr.
P5ART- 프로세싱에 실험의 정말 좋은 수집.
Echophon- 시각적 영감을받은 텀블러.
꿀벌 및 폭탄 - Dave의 GIF와 텀블러.
DEVART- 창의성의 가능성을 강요하는 예술가들이 코드로 만든 예술 축하.
Folds2d- 곡선, 표면, 스칼라 및 벡터 필드가있는 텀블러.

이벤트

Offf Festival- 디지털 디자인 축제 ( 온라인 플래시 영화제 ).
그레이 지역 축제 - 창조적 인 코딩, 예술 및 기술 축제.
신호 축제 - 프라하, 체코의 라이트 아트 및 신흥 기술 쇼케이스.
Eyeo Festival - 데이터, 예술 및 기술의 교차점에서 일하는 창의적인 코더, 데이터 디자이너 및 제작자를 모으십시오.
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