Unduh awesome creative coding - Unduh Kode Sumber awesome creative coding

awesome creative coding

Kode sumber lainnya

1.0.0

Unduh

Coding kreatif yang luar biasa

Daftar sumber daya pengkodean kreatif yang dikuratori dengan cermat terutama untuk pemula/perantara.

Pengkodean kreatif adalah disiplin yang berbeda dari sistem pemrograman. Tujuannya adalah untuk menciptakan sesuatu yang ekspresif alih -alih sesuatu yang fungsional. Desain interaksi , visualisasi informasi dan seni generatif adalah semua jenis pengkodean kreatif - yang telah menjadi istilah rumah tangga yang menggambarkan karya seni yang diartikulasikan sebagai kode .

Harap baca pedoman kontribusi sebelum berkontribusi.

Isi

Buku
Buku online
Kursus
Peralatan
- Kerangka kerja • Perpustakaan • Ekosistem
- Bahasa pemrograman visual
- Bahasa pemrograman suara
- Pemrograman Web • Perpustakaan
- Pemetaan Proyeksi • VJING
- On line
- Perangkat keras
- Lainnya
Sumber Belajar
- Video
- Pembicaraan
- Artikel
  - Shaders • OpenGL • WebGL
  - Kanvas
  - Perangkat keras
  - Lainnya
- Interaktif
- Referensi Cepat • Cheat-Sheets
Komunitas
- Subreddits
- Kendur
- Lainnya
Matematika
Pembelajaran Mesin • Visi Komputer • AI
Inspirasi
Acara
Sekolah • Lokakarya
Blog • Situs web
Terkait

Buku

Seni Generatif: Panduan Praktis - Panduan Praktis Menggunakan Pemrosesan.
Desain Generatif - Visualisasikan, Program, dan Buat dengan Pemrosesan.
Sifat kode - mensimulasikan sistem alami dengan pemrosesan.
Sistem Desain Pemrograman - Pengantar Praktis untuk Yayasan Baru Desain Grafis.
Belajar Pemrograman Grafis 3D Modern - Serangkaian tutorial tentang penggunaan OpenGL untuk melakukan rendering grafis.
Pemrograman Interaktivitas - Panduan Desainer untuk Pemrosesan, Arduino, dan OpenFrameworks.
OpenFrameWorks Essentials - OpenFrrameworks Panduan Pemula untuk Programmer, Artis Visual, atau Desainer.
Menguasai OpenFrameworks: Creative Coding Demysifiked - Panduan Lanjutan dalam Depth to OpenFrameworks.
Algoritma untuk desain visual menggunakan bahasa pemrosesan - bereksperimen dengan masalah desain untuk membuat animasi 3D, GUI, dan banyak lagi.
Foundation HTML5 Animation dengan JavaScript - Semua yang perlu Anda ketahui untuk membuat animasi menggunakan kanvas HTML5.
Bermain dengan kekacauan - fraktal pemrograman dan penarik aneh di JavaScript.
Penelusuran Ray dalam satu akhir pekan - Buku Mini Tentang Penelusuran Ray.
Processing 2: Creative Programming Cookbook - Memandu Anda untuk menjelajahi lingkungan pemrosesan menggunakan resep praktis dan berguna.
Desain Grafis Berbasis Data - Pengkodean Kreatif untuk Komunikasi Visual.
Rendering real-time-Pelajari cara menggunakan teknik modern untuk menghasilkan gambar tiga dimensi sintetis dalam sepersekian detik.
Grafik Shaders: Teori dan Praktek - Pengantar Pemrograman Shader Secara umum, tetapi berfokus pada bahasa Shading GLSL.
Tutorial OpenGL 4 Anton - Panduan Praktis untuk Memulai Pemrograman 3D dengan OpenGL.
Fisika untuk game, animasi, dan simulasi JavaScript - mengajarkan programmer JavaScript bagaimana memasukkan fisika nyata ke dalam game, animasi, dan simulasi HTML5 mereka.
Matematika untuk Pemrogram - Buku mengajarkan Anda untuk memecahkan masalah matematika dalam kode.
Synthèse d'Image Avec OpenGL (ES) - Buku dalam bahasa Prancis, yang mencakup OpenGL, OpenGL ES dan WebGL.
Generasi musik langsung dengan Magenta - Jelajahi peran pembelajaran yang mendalam dalam generasi musik dan komposisi musik yang dibantu.

Buku online

Buku Shaders-Panduan Langkah-demi-Langkah Melalui Alam Semesta Abstrak dan Kompleks Shaders Fragment.
Fundamental WebGL - WebGL dari bawah ke atas. Tidak ada sihir.
WebGL 2 Fundamentals - WebGL2 dari bawah ke atas. Tidak ada sihir.
Pelajari OpenGL - Sumber Daya Tutorial yang Luas untuk Belajar Modern OpenGL.
Scratchapiksel 2.0 - Pelajari grafik komputer dari awal.
Ofbook - Buku/panduan yang ditulis komunitas di OpenFrameworks.
Ogldev - Koleksi tutorial OpenGL modern oleh Etay Meiri.
Tutorial OpenGL - Situs yang didedikasikan untuk tutorial untuk OpenGL 3.3 dan yang lebih baru.
Open.GL - Panduan yang mengajarkan Anda dasar -dasar menggunakan OpenGL.
Pixel Shaders - Pengantar Interaktif untuk Pemrograman Grafis.
OpenGlBook - Tutorial Pemrograman OpenGL gratis dalam format buku online.
Proyek Pemrograman Grafis - Pesan tentang grafik komputasi 3D oleh Morgan McGuire.
Pada algoritma generatif - catatan tentang menghasilkan berbagai pola organik, dengan contoh dan kode Python, oleh Anders Hoff.
Grafik Komputer dari awal - buku teks raytracing dan rasterisasi yang mengajarkan Anda cara kerja OpenGL dan DirectX.
Primer on Bézier Curves - buku gratis untuk saat Anda benar -benar perlu tahu cara melakukan hal -hal yang lebih besar.
3D Game Shaders untuk Pemula-Panduan Langkah demi Langkah untuk Teknik Shading Real-Time.
Panduan XEM WebGL-Panduan langkah demi langkah ke WebGL.
Creative Coding Notebooks - Serangkaian Otorial Resep Python Fundamental pada Coding Kreatif dan Seni Komputer, oleh Diego Inácio.
WebGL Academy - Pelajari WebGL dan algoritmik 3D dengan cara yang progresif dan interaktif.

Kursus

Buat grafik 3D di JS menggunakan WebGL - Mulailah membuat konten dengan WebGL tanpa kerangka kerja apa pun.
Pelajari Grafik dan Animasi HTML5 - Pengantar Canvas 2D Drawing API.
Grafik 3D Interaktif - Kursus Udacity yang mengajarkan Anda prinsip -prinsip grafik komputer 3D.
Grafik Komputer Interaktif - Kursus Grafik Komputer dari Coursera.
KADENZE COVIDER CODING - Pilihan kursus Kadenze yang mencakup P5.JS, TensorFlow, Max/Jitter, dan Chuck.
Pemrograman Kreatif untuk Media Digital & Aplikasi Seluler - Kursus Coursera tentang Pengkodean Kreatif dengan Pemrosesan.
Imaginary Institute - Pelajari cara membuat grafik interaktif yang cantik.
Masa Depan Belajar: Pengkodean Kreatif - Gunakan pemrograman komputer sebagai disiplin kreatif untuk menghasilkan suara, gambar, animasi, dan banyak lagi.
Intro to JS: Drawing & Animation - Gunakan JavaScript dan Perpustakaan ProcessingJS untuk membuat gambar dan animasi.
JS Lanjutan: Simulasi Alami - Gabungkan JS, ProcessJS, dan Konsep Matematika untuk mensimulasikan alam dalam program Anda
Visualisasi data interaktif dengan pemrosesan - Pelajari cara membaca, memetakan, dan menggambarkan data dengan pemrosesan.
Visualisasi data pemrograman: Toolkit pengkodean untuk diproses - Bergabunglah dengan perancang informasi Nicholas Felton di dunia pemrosesan.
Pengantar Visualisasi Data - Bergabunglah dengan Nicholas Felton untuk visualisasi data yang cerdas, komprehensif, dan menginspirasi.
Programming Graphics I, 2, 3 - Pelajari seni generatif dan pemrosesan dengan seni dengan Joshua Davis.
Kode Kreatif dengan Canvas & WebGL - Lokakarya oleh Matt Deslauriers. Itu mengajarkan Anda tentang seni generatif, animasi interaktif, grafik 3D, dan shader.
Kode kreatif canggih dengan WebGL & Shaders - Lokakarya oleh Matt Deslauriers yang masuk lebih dalam ke pemrograman grafis, matematika, dan shader.
Three.js Journey - Kursus ini oleh Bruno Simon akan mengajari Anda rahasia untuk membuat situs web WebGL paling keren dengan tiga.js apakah Anda seorang pemula atau pengembang lanjutan.
Pemrograman Grafik Komputer 3D - Pelajari semua teori dan matematika di balik grafik 3D saat membuat perangkat perangkat lunak dari awal menggunakan bahasa pemrograman C

Peralatan

Kerangka kerja • Perpustakaan • Ekosistem

Pemrosesan [Cross -Platform] - Bahasa pemrograman komputer dan IDE untuk seni visual.
PY5 [Cross -Platform] - Perpustakaan yang mengintegrasikan pemrosesan ke dalam Ecossystem Python 3.
Cinder [Cross-Platform]-Perpustakaan Open Source untuk pengkodean kreatif berkualitas profesional di C ++.
OpenFrameWorks [Cross -Platform] - Open Source C ++ Toolkit untuk pengkodean kreatif.
C4 [iOS] - Kerangka kerja pengkodean kreatif open -source untuk iOS.
Unity [Mac, Win] - Mesin game, tetapi berguna untuk pengkodean dan instalasi kreatif.
Godot [Cross -Platform] - Mesin game open source, yang juga dapat digunakan untuk segala macam hal.
PlayCanvas [Cross -Platform] - Open Source, Mesin WebGL kolaboratif realtime.
HG_SDF [Cross -Platform] - Perpustakaan GLSL untuk membangun fungsi jarak yang ditandatangani.
Nannou [Cross-Platform]-Kerangka kerja pengkodean kreatif open-source untuk bahasa karat.
thi.ng [cross -platform] - Koleksi sumber terbuka alat desain komputasi untuk bahasa JavaScript, naskah, clojure dan clojureScript.
Pixelkit [iOS, Mac] - Open Source, Live Graphics, Swift Framework, Didukung oleh Logam.
OpenRNDR [Cross -Platform] - Perpustakaan Open Source untuk pengkodean kreatif yang ditulis dalam Kotlin.
Phaser [Cross -Platform] - Kerangka kerja HTML5 untuk membangun game, menggunakan kanvas dan renderer WebGL.
Canvas-Sketch [Cross-Platform]-Kerangka kerja HTML5 untuk membuat karya seni generatif di JavaScript dan browser.
Asyncgraphics [iOS, macOS] - Open Source, Live Graphics, Async / Await, Swift Package, ditenagai oleh logam.
Lygia [Cross-Platform]-Granular dan multi-bahasa (GLSL, HLSL, WGSL, MSL dan CUDA) Shader Library yang dirancang untuk kinerja dan fleksibilitas.
Fragment.tools [Cross -Platform] - Lingkungan pengembangan web untuk pengkodean kreatif.

Bahasa pemrograman visual

VVVV [WIN] - Lingkungan pemrograman hidup visual/tekstual untuk prototipe dan pengembangan yang mudah.
NodeBox [Mac, Win]-Cross-platform, GUI berbasis node untuk visualisasi data yang efisien dan desain generatif.
TouchDesigner [Mac, Win] - Platform pengembangan visual untuk membuat proyek realtime.
KUARTZ COMPOSER [MAC] - Alat pengembangan untuk memproses dan rendering data grafis.
VUO [MAC] - Lingkungan pemrograman media interaktif langsung.
Max [Mac, Win] - Bahasa pemrograman visual untuk media.
Data murni [lintas platform] - Bahasa pemrograman visual open source untuk multimedia.
Skor Ossia [Cross-Platform]-Interaktif, Sequencer Audio-Visual Intermedia.
Tooll [Win] - Alat Sumber Terbuka untuk membuat konten dan animasi 3D interaktif.
XOD [Cross-Platform]-Bahasa dan lingkungan pemrograman visual open source untuk proyek berbasis mikrokontroler.
Isadora [Cross -Platform] - Perangkat lunak kontrol media berbasis adegan dengan mapper proyeksi terintegrasi.
Kabel [Cross -Platform/Web] - Kit model Anda untuk membuat konten interaktif yang indah. Saat ini dalam beta pribadi, undangan dapat diminta.
Eternal [Web] - Program sebagai grafik dan grafik sebagai alat komposisi untuk pembuatan
NOTCH BUILDER [WIN]-Alat penulis berbasis node dengan fokus yang kuat pada grafik real-time. Saat ini di Beta.
Joy.js - Alat pengkodean visual realtime, mudah dimengerti dan ditujukan untuk pemula.
Lingkaran [iPhone, iPad, Mac] - Editor Node Grafis Langsung, ditenagai oleh asyncgraphics.
TIC -80 - Buat permainan gaya seni piksel dan seni di layar 240*136 piksel.

Bahasa pemrograman suara

SuperCollider [Multi -Platform] - Platform untuk sintesis audio dan komposisi algoritmik.
Chuck-Bahasa pemrograman musik yang sangat tepat waktu, bersamaan, dan on-the-fly.
Tidalcycles - Bahasa spesifik domain untuk pengkodean pola langsung.
Sonic PI - The Live Coding Music Synth untuk semua orang.
CSound - Sistem komputasi suara dan musik.
ORCA - Lingkungan pengkodean langsung untuk dengan cepat membuat sequencer prosedural.
Handel - Bahasa pemrograman prosedural kecil untuk menulis lagu di browser.
Oversone - Lingkungan audio open source yang dirancang untuk mengeksplorasi ide -ide musik baru dari sintesis dan pembangunan instrumen hingga coding hidup.
Melrōse - lingkungan penghasil midi untuk menciptakan musik (langsung).
GLICOL - Bahasa pengkodean live yang berorientasi grafik dan perpustakaan musik/audio DSP yang ditulis dalam karat.

Pemrograman Web • Perpustakaan

Three.js - Perpustakaan 3D JavaScript.
Regl - WebGL fungsional.
StackGL - Ekosistem perangkat lunak terbuka untuk WebGL, dibangun di atas Browserify dan NPM.
Paper.js - The Swiss Army Knife of Vector Graphics Scripting.
Pixi.js - mesin rendering 2D HTML 5D yang menggunakan WebGL dengan Fallback Canvas.
P5.JS - Perpustakaan JavaScript yang dimulai dengan tujuan awal pemrosesan.
PTS.JS - Perpustakaan JavaScript untuk visualisasi dan pengkodean kreatif.
Fabric.js-Perpustakaan JavaScript Canvas, Parser SVG-to-Canvas.
Maker.js - Gambar garis parametrik untuk pemotong SVG, CNC & laser.
OpenJScad - Pemodelan 3D terprogram dalam JavaScript.
SKETCH.JS - Minimal JavaScript Creative Coding Framework.
Two.js - API gambar dua dimensi yang diarahkan untuk browser web modern.
ClayGL - Perpustakaan Grafis WebGL untuk membangun aplikasi Web3D yang dapat diskalakan.
Proton - Mesin partikel JavaScript yang ringan dan kuat.
Lightgl.js - Perpustakaan Webgl yang ringan.
picogl.js - Perpustakaan rendering WebGL 2 minimal.
Alfrid - Set Alat WebGL.
Babylon.js - Lengkap Kerangka JavaScript untuk membangun game 3D dengan HTML 5 dan WebGL.
Twigl - Perpustakaan Pembantu Webgl kecil.
LUMA.GL - Komponen WebGL2 untuk visualisasi data.
CSS -Doodle - Komponen web untuk menggambar pola dengan CSS.
OGL.JS - Perpustakaan 3D JavaScript (WebGL).
ZDOG - mesin pseudo -3d untuk Canvas & SVG.
Oimo.js - Mesin fisika 3D ringan untuk JavaScript
Ammo.js - Port langsung dari mesin fisika peluru ke JavaScript menggunakan Emscripten.
Theatre.js - Perpustakaan Desain Gerak dengan Alat Visual
GraphicsJS - Perpustakaan JavaScript open -source ringan untuk grafik dan animasi (SVG/VML).

Pemetaan Proyeksi • VJING

Madmapper [Mac] - Proyeksi pemetaan video dan pemetaan ringan.
VDMX [Mac] - Aplikasi kinerja multimedia realtime.
MODUL8 [MAC] - Pencampur dan komposisi video waktu nyata.
Resolume [Mac, Win] - Pencampuran video digital dan efek dalam waktu nyata.
COGE VJ [MAC] - Perangkat lunak VJ yang dirancang untuk pencampuran video HD realtime dan komposit dengan antarmuka pengguna modular.
VirtualMapper - Alat pratinjau realtime untuk pemetaan proyeksi.
MILLUMIN [MAC] - Perangkat lunak untuk membuat dan melakukan pertunjukan audiovisual interaktif.
Smode [Win]-Mesin pembuatan 2D/3D real-time, komposit dan pemetaan video.
Veejay [Linux] - Alat pertunjukan langsung yang menampilkan pengeditan dan pencampuran non -linear sederhana dari berbagai sumber (file, perangkat, stream ...)

On line

Shadertoy - Bangun dan bagikan shader dengan dunia dan terinspirasi.
Shader Park - Perpustakaan JavaScript untuk membuat shader 2D dan 3D prosedural interaktif.
GLSL Sandbox - Editor dan Galeri Shader Online.
Editor SHDR - Editor Shader Online.
Codepen - Tampilkan kasus teknik canggih dengan kode sumber yang dapat diedit.
Shadershop - Antarmuka untuk Pemrograman GPU Shaders.
Vertexshaderart - Editor dan galeri shader online.
CYOS - Editor Shader Online.
Glsleditor - Editor Shader Fragmen WebGL Sederhana.
OpenProcessing - Buat dan bereksperimen dengan desain algoritmik, pemrosesan dan p5.js.
P5.JS Editor - Editor Web Online untuk P5.Js.
LIVECODELAB-alat run-as-you-type untuk VJ, musisi, guru, siswa, anak-anak.
Turtletoy - API minimalis dan showcase online untuk kode generatif. (JavaScript)
Shadergif - Rumah Sumber Terbuka untuk Seni Dibuat dengan Kode (WebGL1/2, JavaScript Canvas & P5.js).
P5Live - P5.JS Lingkungan pengkodean hidup.
Neort - Platform Seni Digital untuk Creative Coders (Fragment Shader, JavaScript Canvas).
Shelly - Pelajari pemrograman dengan mengeluarkan instruksi ke kura -kura.
Tixy.land - Lingkungan pengkodean kreatif paling minimalis masih hidup.
BBC Micro Bot - Jalankan tweet Anda pada emulator komputer 8 -bit.
HYDRA - LIVE -CONE -CONE VIDEO SYNTH DAN Lingkungan pengkodean.

Perangkat keras

Arduino - Kit mikrokontroler open source untuk membangun perangkat digital dan objek interaktif.
Raspberry Pi - Komputer papan tunggal kecil.
Puck.js - mikrokontroler javascript open source Anda dapat memprogram secara nirkabel.
BeagleBoard-Komputer papan tunggal open source berdaya rendah.
Makey Makey - Ubah objek sehari -hari menjadi touchpad dan gabungkan dengan internet.
LEAP Motion - Perangkat sensor yang mendukung gerakan tangan dan jari sebagai input.
Axidraw - Plotter pena sederhana, modern, dan tepat.
Phidgets - Sensor, perangkat input dan pengontrol untuk komputer.
Teensy - Sistem pengembangan mikrokontroler berbasis USB.
Lightform - Pemetaan proyeksi AR dengan sensor kedalaman bawaan.

Lainnya

Struktur synth [lintas platform] - Aplikasi untuk menghasilkan struktur 3D dengan menentukan tata bahasa desain.
F3 [Mac] - Aplikasi Desain 3D yang kuat yang memungkinkan Anda untuk hidup Formulir 3D kode.
Fragment [Mac]- Aplikasi ke Live Code GLSL Graphics.
Shadertool [Win] - Ide shader modern untuk pemrogram dan seniman FX.
Siphon [Mac] - Memungkinkan aplikasi untuk berbagi bingkai satu sama lain secara realtime.
Kodelife-Editor Shader GPU Real-Time, Alat Kinerja Kode Langsung, dan Prototipe Grafik SKETCHPAD.
ISF - GLSL Shaders untuk digunakan dalam aplikasi interaktif.
GLSLVIEWER - Alat konsol pengkodean langsung yang membuat GLSL Shaders.
Shoebot [Cross -Platform] - Shoebot adalah lingkungan pengkodean kreatif yang dirancang untuk membuat grafik vektor dan animasi dengan python.
Drawbot [Mac] - Lingkungan pemrograman grafis 2D yang berorientasi pada pendidikan berdasarkan Python.
Klak - Kumpulan skrip untuk pengkodean kreatif dengan persatuan.
Basil.js - Scripting (JS) di InDesign untuk desainer dan seniman dalam semangat pemrosesan.
Konstrukt [Cross -Platform] - Alat Commandline untuk menghasilkan pola skala yang berbeda sebagai SVG.

Sumber Belajar

Video

The Coding Train - Daniel Shiffman membuat video tentang pengkodean kreatif.
MFGD - Fragment Shaders - Daftar Putar YouTube Tentang Fragment Shaders.
Laboratorium Shaders - Saluran YouTube Tentang Shaders.
Makin 'Stuff Look Good - Saluran YouTube Tentang Studi Kasus Shaders.
Seri Tutorial OpenFrrameworks - Seri YouTube untuk Belajar OpenFrrameworks
Tutorial OpenFrameWorks - Daftar Putar YouTube tentang OpenFrrameworks - tidak diperbarui [2015].
Seri Tutorial Shader - Daftar Putar YouTube Tentang Shaders, Menggunakan Kode Visual Studio.
Serial Tutorial KHA - Daftar Putar YouTube Tentang Kerangka KHA, Built in Haxe.
Bersenang -senang dengan WebGL 2.0 - Daftar Putar YouTube tentang WebGL 2.0.
Modern OpenGL 3.0+ Tutorial - Daftar Putar YouTube Tentang Modern OpenGL.
Vertexshaderart - Daftar Putar YouTube tentang Vertex Shaders.
Menyelam di Three.js - Daftar putar YouTube menyelam ke Three.js.
Tutorial Shadertoy - Daftar putar YouTube yang mengajarkan Anda cara membuat shader, dimulai dengan nol pengetahuan menggunakan shadertoy.
WebGL Lightning - Pengantar WebGL Lightning dengan Greg Tatum.

Pembicaraan

Intro ke WebGL Slide Video - Intro ke WebGL dengan Three.js.
Inigo Quilez Live - Koleksi video pengkodean langsung oleh íñigo Quílez.
Ada juga Canvas - Bruno Imbrizi melalui penggunaan kanvas untuk pengkodean kreatif di WebExpo 2016. Slide interaktif di sini.
OpenGL 3D Game Tutorials - Serial tutorial pemula tentang membuat game 3D OpenG.
Bagaimana kami melakukan hal ini - berbicara tentang bagaimana artis berbasis teknologi melakukan ini secara finansial.
Membuat Dance WebGL - Bagaimana saya belajar berhenti mengkhawatirkan dan menyukai aljabar linier.
The Pixel Factory - Bicara tentang WebGL, GPU dan Matematika oleh Steven Wittens.
Komputasi puitis - Menginspirasi pembicaraan oleh Zach Lieberman.
Generative Machines - FITC Talk oleh Matt Deslauriers tentang hasratnya untuk seni generatif.

Artikel • Tutorial

Shaders • OpenGL • WebGL

Pengantar Shaders - Bagian 1 dari Pengantar Shaders Menggunakan ThreeJs.
Three.js 101 - Pengantar tiga.js dari perspektif coder kreatif.
LWJGL: Shaders - Tutorial Shader dalam konteks LWJGL -BASICS.
Shaders: Primer - primer pada shaders.
Shaders: Tahap Kedua - Bagian kedua dari sebelumnya.
WebGL Lessons - Fragment Shaders - Pengantar singkat untuk shader fragmen.
WebGL Lessons - ThreeJS Shaders - Menggunakan Vertex Kustom dan Shaders Fragmen dalam ThreeJS.
Contoh ThreeJS Post-Proces-Contoh efek pasca-pemrosesan pada ThreeJS.
Ray Marching dan Fungsi Jarak Tertanda - Pengantar Penelusuran Ray.
Pengantar Ray Tracing - Metode sederhana untuk membuat gambar 3D.
Glsl Lighting Walkthrough - Tutorial Shading Phong dengan Glslify.
Tiga Contoh GlSlify - Contoh tentang Cara Menggunakan Three.js Dengan GlSlify.
WebGL Beyond Dom - Greg Tatum menjelaskan dasar WebGL menggunakan REGL.
Partikel FBO - Artikel tentang partikel FBO/GPGPU oleh @nicoptere.
Ray Marching (dengan Three.js) - Artikel tentang Ray Marching dengan Three.js oleh @nicoptere.
Shader khusus dengan Three.js - Pengantar Shader Kustom, Seragam, Tekstur dan Pencahayaan dalam Three.js.
Intro to Modern OpenGL - Bagian pertama dari pengantar OpenGL modern.
Modern OpenGL Series - Pengantar yang baik untuk beberapa istilah OpenGL.
Minimum Smooth - Artikel tentang persatuan primitif berbasis halus.
Pemodelan dengan Fungsi Jarak - Kumpulan fungsi jarak di satu tempat terpusat.
Volumetric Rendering - menjelaskan cara membuat bentuk 3D yang kompleks di dalam volumetric shader.
Rendering real-time-buku, blog, dan kumpulan sumber daya terkait rendering waktu nyata.
OpenGL 4 Shaders - Pengantar Pendek dan Manis untuk OpenGL Shaders oleh Anton Gerdelan.
Di Ray Casting, Ray Tracing, Ray Marching dan sejenisnya - judulnya mengatakan semuanya. Pendahuluan oleh ADOK.
Menulis renderer perangkat lunak kecil - Pengantar yang sangat bagus tentang cara kerja rendering perangkat lunak dasar.
Tutorial WebGL - Situs web dengan kumpulan tutorial WebGL yang sangat bagus.
Menghasilkan Geometri: 1, 2, 3 - Pendahuluan Pemula tentang Cara Membuat Objek Geometri.
Into vertex shaders - serangkaian tutorial tentang WebGL, Three.js, dan Three.bas.
Spaces of WebGL - Tinjauan singkat tentang sistem koordinat yang berbeda di luar pipa grafis 3D.
Workshop WebGL - Pengantar online pendek dan manis untuk WebGL.
Three.js & Instanced Geometry - Predator Berbulu dengan Three.js dan Instanced Geometry.
Efek partikel melalui papan iklan - Cara membuat efek partikel dengan billboarding dan WebGL.
Poin hidup yang indah dengan WebGL dan REGL - Cara Membuat Partikel GPGPU dengan REGL.
Tutorial WebGL: Pemetaan Bayangan Directional Tanpa Ekstensi - Pengantar Konsep Di Balik Pemetaan Bayangan Cahaya Directional Waktu Nyata.
WebGL Quest - Tutorial dan daftar sumber daya yang berguna untuk menggunakan WebGL Raymarching dan Fungsi Jarak dengan mudah.
Menjelajahi Pemetaan Bump dengan WebGL - Pengantar berbagai teknik pemetaan benjolan.
OpenGL/GLSL Shader Programing - Deck di OpenGL/GLSL Shader Programing.
Partikel dalam bidang aliran kebisingan simpleks - Tutorial bidang aliran kebisingan Perlin.
Bidang aliran, Bagian 1 - Pengantar bidang aliran yang juga dikenal sebagai bidang vektor.
Bidang aliran, Bagian 2 - Pengantar bidang aliran yang juga dikenal sebagai bidang vektor.
Grafik untuk Game - Pengantar Pemrograman Grafis 3D Termasuk Shaders, Matematika Pasca Pemrosesan Dll. Dari Universitas Newcastle.
Dasar -dasar Three.js - Pengantar Three.js oleh Eric Haines.
Pengantar interaktif untuk WebGL dan Three.js - Slide dari Siggraph 2017 WebGL Workshop.
Cara Mulai Mempelajari Pemrograman Grafis Komputer - Nasihat dan Pikiran tentang Cara Memulai oleh Eric Arnebäck.
Apa yang harus diketahui setiap coder tentang gamma - menyelam dalam tentang pentingnya gamma.

Kanvas

HTML Canvas Deep Dive - Pengantar mendalam ke Canvas API.
Tutorial Canvas 31 Hari - Koleksi Tutorial Kanvas oleh Seb Lee -Delisle.

Perangkat keras

PENTER PLOTTER ART & ALGORITM PART 1, 2 - Cara menggunakan plotter pena Axidraw dengan JavaScript.

Lainnya

Noise in Creative Coding - Posting blog mendalam tentang kebisingan sebagai alat yang sangat diperlukan untuk pengkodean kreatif.
CAT LIKE CODING - Tutorial mendalam tentang matematika, algoritma dan persatuan.
Pemrograman yang menyenangkan - Pelajari pengkodean kreatif Menulis Program Sederhana.
COVERSIC -CODING ON IOS dengan C4 - Pengantar C4 yang diterbitkan pada aplikasi kreatif.
COSMOS-Tutorial ujung ke ujung tentang desain, pemrograman, dan peluncuran aplikasi menggunakan C4.
Fisika partikel - Fisika partikel dijelaskan.
Visualisasi algoritma - melihat penggunaan visualisasi untuk memahami, menjelaskan, dan men -debug algoritma.
Petualangan di Dunia Pengembangan Game - Koleksi artikel yang mudah dipahami tentang pengembangan game, tetapi relevan dengan pengkodean kreatif juga.
Informasi Pemrograman Game Amit - Kumpulan sumber daya pada hal -hal seperti pencarian path, AI, matematika dll.
Kiat untuk meningkatkan karya seni generatif Anda - tips untuk membuat seni Anda terlihat lebih baik.
Bekerja dengan warna dalam seni generatif - Tips tentang cara mendapatkan warna yang benar.

Interaktif

Shader -School - Workshop untuk GLSL Shaders dan Programming Grafis.
WebGL-Workshop-Sekuel Shader-School: Pelajari API WebGL.
Fragment -OUNGRY - Tutorial Shader Fragmen Interaktif.
SDF Tutorial 1: Box & Balloon - Tutorial Shadertoy tentang Raytracing.
Howto: Ray Marching - Tutorial Shadertoy tentang Ray Marching.
Raymarch Tutorial2 - Tutorial Shadertoy Raymarch.
Tutorial GLSL 2D - Tutorial Shadertoy GLSL 2D.
Bubble Breakdown - Breakdown Shader oleh Perlin.
Mari Buat Ray Marcher - Toy Shader Interactive saat menulis ray marcher.
Raymarching - Tutorial Raymarching Shader -Toy Interactive.

Referensi Cepat • Cheatsheets

Shaderific GLSL - Referensi Bahasa Shading OpenGl ES.
Glosarium Book of Shaders - Shader Glossary by Theme.
Halaman Glosarium Gltut: 1, 2, 3, 4, 5, 6, 7, 8 - Glosari Pemrograman 3D OpenGL.
Canvas Cheatsheet - Cheat Cheatsheet Cepat dan Visual.
WebGL Cheatsheet - Kartu Referensi API WebGL 1.0.
Glosarium Grafik Komputer - Glosarium istilah yang menghubungkan grafik komputer.
Panduan Referensi GLSL - Panduan Referensi Cepat Bahasa OpenGL Bahasa.
Lembar Cheat Matematika 3D - Cheatsheet Matematika oleh Anton Gerdelan, dari bukunya OpenGL.
DOCS.GL - Peningkatan dokumentasi OpenGL resmi.
OpenGL Shading Language - Khronos Group GLSL Wiki.
OpenGL 4.3 Kartu Referensi - Kartu Referensi PDF untuk OpenGL 4.3 API.
EASING - Fungsi pelonggaran interaktif Cheatsheet.
Pixelspirit - Perpustakaan GLSL di belakang kartu Tarot, untuk belajar dan referensi.
Pola dan suara prosedural - pengumpulan pola prosedural dan suara prosedural.
Visual Noises - Visualisasikan algoritma noise dalam 1D dan 2D.
Trigonoparty - Visualisasi Trigonometri Sederhana.
Morfogenesis - Eksplorasi bagaimana bentuk, bentuk, dan pola muncul di alam.

Komunitas

Subreddits

r/kreativeCoding - Berbagi dan mendiskusikan penggunaan pemrograman komputer sebagai disiplin kreatif.
r/raytraycing - subreddit pada raytracing.
R/OpenGL - Berita dan Diskusi tentang OpenGL di semua platform.
R/GraphicsProgramming - Subreddit pada pemrograman grafis.
r/pemrosesan - subreddit dalam pemrosesan.
r/shaders - subreddit pada shaders.
R/Proseduralgenerasi - Subreddit pada generasi prosedural.
R/Machinelearning - Subreddit pada pembelajaran mesin.
R/Generatif - Subreddit pada Seni dan Musik Generatif.

Kendur

Klub Pengodean Kreatif - Klub Pengodean Kreatif Slack.

Lainnya

The Creative Coding Podcast - Iain dan Seb mendiskusikan seluk beluk pengkodean kreatif.
realtimevfx.com - Komunitas VFX waktu nyata.
Cerita Data - Podcast tentang Visualisasi Data.
Artikel mingguan pemrograman 3D - Koleksi besar sumber daya terkait shader dan matematika.
Lulus pena - Komunitas pengembang front -end yang membangun proyek pengkodean kreatif kolaboratif di codepen.
Creative Tech Weekly - buletin sumber daya mingguan di sekitar teknologi kreatif.

Matematika

Matematika sebagai kode - Cheat -sheet untuk notasi matematika dalam bentuk kode.
Coding Math - Mengajari Anda matematika yang perlu Anda pahami sebagai programmer.
Cuplikan matematika - Cuplikan matematika dengan pemrograman grafis dalam pikiran.
Formula Animasi - Prinsip -prinsip lukisan dengan matematika.
Belajar Matematika Lagi - Koleksi Cuplikan Matematika JS dan GLSL.
EASES - ambil -bag dari persamaan pelonggaran modular.
Matematika untuk Gerakan - Visualisasi persamaan gerak yang berbeda.
Multiplikasi matriks - Perkalian matriks divisualisasikan.
Aturan Aljabar - Aturan Aljabar Dasar yang paling berguna.
Matematika Imersif - Aljabar linier yang sepenuhnya interaktif.
Kernel gambar - Pengantar interaktif dan visual ke kernel gambar.
Sine dan Cosine - Penjelasan interaktif dari sinus dan cosinus.
Perlin Noise - Perlin Noise dijelaskan secara rinci.
Vektor Matematika untuk Grafik Komputer 3D - Tutorial tentang Aljabar Vektor dan Aljabar Matriks dari sudut pandang grafik komputer.
Desmos - Fungsi grafik, plot data, evaluasi persamaan, mengeksplorasi transformasi, dan banyak lagi.
MFGD - Matematika untuk Playlist Pengembang Game YouTube.
Esensi aljabar linier - esensi playlist aljabar linear youtube.
Matematika Animasi - Slide tentang Matematika Animasi (Repo).
Membuat sketsa dengan fisika matematika dan semu - pengantar yang indah dan visual untuk matematika dan fisika semu.
Gene Kogan: Perlin Noise - Pengantar Noise 2D dan 3D Perlin.
Matriks Matematika dan Anda - Pengantar Matriks Tingkat Tinggi.
Simbol Matematika - Daftar semua simbol dan tanda matematika.
Matriks 2D yang luar biasa - alat interaktif untuk lebih memahami matriks transformasi.
Cheatsheet Gerakan Game Dev dengan contoh - Cuplikan matematika JavaScript untuk gerakan.
Lembar Cheat Matematika & Trigonometri untuk Game 2D & 3D-Matematika Cheat-Sheet untuk pembuat game 2D dan 3D.
Matriks untuk Pengkodean Kreatif - Pengantar Matriks oleh Greg Tatum.
Membuat Hal -hal dengan Matematika - Bicara oleh Steven Wittens tentang kurva bezier, generasi prosedural, mesin fisika dan fraktal.
MyPhysicsLab - Simulasi fisika real -time interaktif, dengan rumus dan kode.
Matematika Intuitif - Penjelasan bidang -bidang seperti aljabar linier dan geometri yang dirancang untuk membantu Anda mengembangkan intuisi visual untuk apa yang sedang terjadi.
L-Systems-Paket Haskell untuk L-Systems.
Linear Interpolation - Pengantar interpolasi linier (juga dikenal sebagai MIX/LERP).
Penggunaan praktis matematika vektor dalam game - artikel mendalam tentang vektor untuk matematika game.
Menggembalakan angka acak - panduan kecil untuk menggembalakan angka acak.
Menggembalakan kisi -kisi acak - panduan kecil untuk menggembalakan kisi -kisi acak.
Menggembalakan pertumbuhan acak - panduan kecil untuk menggembalakan pertumbuhan acak.

Pembelajaran Mesin • Visi Komputer • AI

ML4A - Pembelajaran mesin untuk artis.
Keras.js - menjalankan model keras (backend tensorflow) di browser, dengan dukungan GPU.
Tesseract.js - OCR multibahasa javascript murni.
Google ML - Pembelajaran Mesin Cloud oleh Google.
TensorFlow - Perpustakaan Perangkat Lunak Sumber Terbuka untuk Intelijen Mesin.
Convnetjs - Pembelajaran mendalam di browser Anda.
Wekinator - memungkinkan siapa saja untuk menggunakan pembelajaran mesin.
Pembelajaran Mesin - Pengodean Kereta Repo Dengan Tautan ke Sumber Belajar Mesin.
Creativeai.net - Ruang untuk berbagi proyek AI kreatif.
AI Playbook - AI Microsite bermaksud untuk membantu pendatang baru memulai.
Teachable Machine - Jelajahi bagaimana pembelajaran mesin bekerja, hidup di browser.
TensorFlow.js - Perpustakaan JavaScript untuk pelatihan dan penyebaran model ML di browser dan di node.js.
Hello TensorFlow - Demo TensorFlow.js yang sepenuhnya dikomentari.
ML5.JS - Pembelajaran mesin yang ramah untuk web.
Model Zoo - Temukan kode pembelajaran mendalam sumber terbuka dan model pretrained.
Runway - Toolkit yang menambahkan kemampuan kecerdasan buatan ke platform desain dan kreatif.
LOBE - membangun, melatih, dan mengirimkan model pembelajaran mendalam khusus menggunakan antarmuka visual sederhana.
ModelDepot - Platform untuk menemukan, berbagi, dan mendiskusikan model pembelajaran mesin yang mudah digunakan dan terlatih.

Inspirasi

OpenProcessing - Desain algoritmik yang dibuat dengan pemrosesan, P5JS, dan pemrosesan.
Dwitter - Jejaring Sosial untuk Demo JavaScript Pendek.
Eksperimen Chrome - Pameran eksperimen web yang ditulis oleh komunitas pengkodean kreatif.
CodeDoodl.es - Showcase dari sketsa pengkodean kreatif yang dikuratori.
Untuk pemrosesan Anda - proyek dan tutorial tentang pemrosesan.
Seni dari kode - sketsa kode oleh Keith Peters.
Generator.x - Flickr Group tentang strategi generatif dalam seni & desain.
Seni Generatif - Grup Flickr Tentang Seni Generatif.
Inspiring Online - Blog Mikro Open Source Tentang Works Inspiring and Creative yang Diterbitkan Online.
Orang yang harus Anda ikuti di Codepen - daftar orang -orang menarik yang layak diikuti.
Raven Kwok - Tumblr oleh seniman visual Raven Kwok.
P5Art - Kumpulan eksperimen yang sangat bagus dalam pemrosesan.
Echophon - Tumblr dengan inspirasi visual.
Lebah & Bom - Tumblr dengan GIF oleh Dave.
DEVART - Perayaan seni yang dibuat dengan kode oleh seniman yang mendorong kemungkinan kreativitas.
Folds2d - Tumblr dengan kurva, permukaan, skalar dan bidang vektor.

Acara

OFFF Festival - Festival Desain Digital ( Festival Film Flash Online ).
Grey Area Festival - Festival Pengodean Kreatif, Seni dan Teknologi.
Festival Sinyal - Pameran seni ringan dan teknologi yang muncul di Praha, Republik Ceko.
Eyeo Festival - Menyatukan koder kreatif, perancang data dan pencipta yang bekerja di persimpangan data, seni, dan teknologi.
Mutek - Organisasi yang didedikasikan untuk kreativitas digital dalam seni suara, musik, dan audio -visual.
Node - An open platform for the exchange on culture, arts and technology.
Digital Design Days - 3 day event offering conferences, workshops, digital showcases & installations.
CODAME ART+TECH - Projects and nonprofit events, to inspire through experience.
NextArt Night - Inspiring people through creative uses of tech.

Museums • Galleries

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

Schools • Workshops

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

Blogs • Websites

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

Terkait

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.