awesome creative coding

การเข้ารหัสสร้างสรรค์ที่ยอดเยี่ยม

รายการทรัพยากรการเข้ารหัสเชิงสร้างสรรค์ที่ยอดเยี่ยมเป็นหลักสำหรับผู้เริ่มต้น/ตัวกลาง

การเข้ารหัสเชิงสร้างสรรค์เป็นวินัยที่แตกต่างจากระบบการเขียนโปรแกรม เป้าหมายคือการสร้างสิ่งที่แสดงออกแทนสิ่งที่ใช้งานได้ การออกแบบปฏิสัมพันธ์ การสร้างภาพข้อมูล และ ศิลปะการกำเนิด เป็นประเภทของการเข้ารหัสเชิงสร้างสรรค์ที่แตกต่างกันซึ่งได้กลายเป็นคำที่ใช้ในครัวเรือนที่อธิบายถึง งานศิลปะที่ชัดเจนว่าเป็นรหัส

โปรดอ่านแนวทางการบริจาคก่อนที่จะมีส่วนร่วม

สารบัญ

• หนังสือ
• หนังสือออนไลน์
• หลักสูตร
• เครื่องมือ
  • เฟรมเวิร์ก•ห้องสมุด•ระบบนิเวศ
  • ภาษาการเขียนโปรแกรมภาพ
  • ภาษาการเขียนโปรแกรมเสียง
  • การเขียนโปรแกรมเว็บ•ไลบรารี
  • การทำแผนที่การฉาย• VJING
  • ออนไลน์
  • ฮาร์ดแวร์
  • อื่น
• แหล่งเรียนรู้
  • วิดีโอ
  • การพูดคุย
  • บทความ
    • Shaders • OpenGL • WebGL
    • ผ้าใบ
    • ฮาร์ดแวร์
    • อื่น
  • การโต้ตอบ
  • การอ้างอิงอย่างรวดเร็ว•แผ่นโกง
• ชุมชน
  • subreddits
  • หย่อน
  • อื่น
• คณิตศาสตร์
• การเรียนรู้ของเครื่อง•วิสัยทัศน์คอมพิวเตอร์• AI
• แรงบันดาลใจ
• เหตุการณ์
• โรงเรียน•เวิร์กช็อป
• บล็อก•เว็บไซต์
• ที่เกี่ยวข้อง

หนังสือ

• ศิลปะการกำเนิด: คู่มือปฏิบัติ - คู่มือปฏิบัติโดยใช้การประมวลผล
• การออกแบบทั่วไป - แสดงภาพโปรแกรมและสร้างด้วยการประมวลผล
• ลักษณะของรหัส - การจำลองระบบธรรมชาติด้วยการประมวลผล
• ระบบการออกแบบการเขียนโปรแกรม - การแนะนำจริงเกี่ยวกับรากฐานใหม่ของการออกแบบกราฟิก
• การเรียนรู้การเขียนโปรแกรมกราฟิก 3 มิติที่ทันสมัย ​​- ชุดของบทเรียนเกี่ยวกับการใช้ OpenGL เพื่อทำการเรนเดอร์กราฟิก
• การเขียนโปรแกรมโต้ตอบ - คู่มือนักออกแบบเกี่ยวกับการประมวลผล Arduino และ OpenFrameworks
• OpenFrameworks Essentials - คู่มือการเริ่มต้น OpenFrameworks สำหรับโปรแกรมเมอร์ศิลปินทัศนศิลป์หรือนักออกแบบ
• Mastering OpenFrameworks: การเข้ารหัสเชิงสร้างสรรค์ demystified - ขั้นสูงในคู่มือเชิงลึกถึง OpenFrameworks
• อัลกอริทึมสำหรับการออกแบบด้วยภาพโดยใช้ภาษาประมวลผล - ทดลองกับปัญหาการออกแบบเพื่อสร้างภาพเคลื่อนไหว 3 มิติ, GUIS และอื่น ๆ
• Foundation HTML5 Animation พร้อม JavaScript - ทุกสิ่งที่คุณจำเป็นต้องรู้เพื่อสร้างภาพเคลื่อนไหวโดยใช้ผืนผ้าใบ HTML5
• เล่นกับความโกลาหล - การเขียนโปรแกรมเศษส่วนและตัวดึงดูดแปลก ๆ ในจาวาสคริปต์
• การติดตามเรย์ในหนึ่งวันหยุดสุดสัปดาห์ - หนังสือเล่มเล็กเกี่ยวกับการติดตามเรย์
• การประมวลผล 2: ตำราการเขียนโปรแกรมเชิงสร้างสรรค์ - แนะนำคุณในการสำรวจสภาพแวดล้อมการประมวลผลโดยใช้สูตรที่เป็นประโยชน์และมีประโยชน์
• การออกแบบกราฟิกที่ขับเคลื่อนด้วยข้อมูล - การเข้ารหัสเชิงสร้างสรรค์สำหรับการสื่อสารด้วยภาพ
• การเรนเดอร์แบบเรียลไทม์-เรียนรู้วิธีการใช้เทคนิคที่ทันสมัยเพื่อสร้างภาพสามมิติสังเคราะห์ในเสี้ยววินาที
• กราฟิก Shaders: ทฤษฎีและการปฏิบัติ - บทนำสู่การเขียนโปรแกรม Shader โดยทั่วไป แต่มุ่งเน้นไปที่ภาษาการแรเงา GLSL
• บทเรียน OpenGL 4 ของ Anton - คู่มือปฏิบัติเพื่อเริ่มการเขียนโปรแกรม 3D ด้วย OpenGL
• ฟิสิกส์สำหรับเกม JavaScript ภาพเคลื่อนไหวและการจำลอง - สอนโปรแกรมเมอร์ JavaScript วิธีการรวมฟิสิกส์จริงเข้ากับเกม HTML5 แอนิเมชั่นและการจำลอง
• คณิตศาสตร์สำหรับโปรแกรมเมอร์ - หนังสือสอนให้คุณแก้ปัญหาทางคณิตศาสตร์ในรหัส
• Synthèse D'IGESS AVEC OPENGL (ES) - หนังสือในภาษาฝรั่งเศสซึ่งครอบคลุม OpenGL, OpenGL ES และ WebGL
• การสร้างดนตรีด้วยมือด้วย Magenta - สำรวจบทบาทของการเรียนรู้อย่างลึกซึ้งในการสร้างดนตรีและการแต่งเพลงที่ได้รับความช่วยเหลือ

หนังสือออนไลน์

• Book of Shaders-คู่มือทีละขั้นตอนผ่านจักรวาลนามธรรมและซับซ้อนของ Shaders Fragment
• WebGL พื้นฐาน - WebGL จากพื้นดินขึ้นไป ไม่มีเวทมนตร์
• WebGL 2 ปัจจัยพื้นฐาน - WebGL2 จากพื้นดิน ไม่มีเวทมนตร์
• เรียนรู้ OpenGL - ทรัพยากรการสอนที่กว้างขวางสำหรับการเรียนรู้ OpenGL ที่ทันสมัย
• Scratchapixel 2.0 - เรียนรู้กราฟิกคอมพิวเตอร์ตั้งแต่เริ่มต้น
• OFBOOK - หนังสือ/คู่มือที่เขียนโดยชุมชนบน OpenFrameworks
• Ogldev - คอลเล็กชั่นการสอน OpenGL ที่ทันสมัยโดย Etay Meiri
• OpenGL Tutorial - เว็บไซต์ที่อุทิศให้กับบทช่วยสอนสำหรับ OpenGL 3.3 และใหม่กว่า
• Open.GL - คู่มือที่สอนพื้นฐานของการใช้ OpenGL
• Pixel Shaders - การแนะนำแบบโต้ตอบเกี่ยวกับการเขียนโปรแกรมกราฟิก
• OpenGlebook - การสอนการเขียนโปรแกรม OpenGL ฟรีในรูปแบบหนังสือออนไลน์
• โครงการการเขียนโปรแกรมกราฟิก - หนังสือเกี่ยวกับกราฟิกการคำนวณ 3 มิติโดย Morgan McGuire
• เกี่ยวกับอัลกอริทึมการกำเนิด - หมายเหตุเกี่ยวกับการสร้างรูปแบบอินทรีย์ที่หลากหลายพร้อมตัวอย่างและรหัส Python โดย Anders Hoff
• คอมพิวเตอร์กราฟิกจาก Scratch - ตำรา raytracing และ rasterization ที่สอนคุณว่า OpenGL และ DirectX ทำงานอย่างไร
• ไพรเมอร์บนBézier Curves - หนังสือฟรีสำหรับเมื่อคุณจำเป็นต้องรู้วิธีการทำสิ่งBézier
• 3D Game Shaders สำหรับผู้เริ่มต้น-คู่มือทีละขั้นตอนสำหรับเทคนิคการแรเงาแบบเรียลไทม์
• คู่มือ XEM WebGL-คู่มือทีละขั้นตอนสำหรับ WebGL
• โน๊ตบุ๊คการเข้ารหัสเชิงสร้างสรรค์ - ชุดสูทของสูตรงูหลามพื้นฐานเกี่ยวกับการเข้ารหัสเชิงสร้างสรรค์และศิลปะคอมพิวเตอร์โดย Diego Inácio
• WebGL Academy - เรียนรู้อัลกอริทึม WebGL และ 3D ในแบบที่ก้าวหน้าและโต้ตอบ

หลักสูตร

• สร้างกราฟิก 3D ใน JS โดยใช้ WebGL - เริ่มต้นสร้างเนื้อหาด้วย WebGL โดยไม่ต้องใช้กรอบใด ๆ
• เรียนรู้กราฟิกและแอนิเมชั่น HTML5 - บทนำสู่ API Drawing Canvas 2D
• กราฟิก 3D แบบอินเทอร์แอคทีฟ - หลักสูตร Udacity ที่สอนหลักการของกราฟิกคอมพิวเตอร์ 3D
• กราฟิกคอมพิวเตอร์แบบโต้ตอบ - หลักสูตรกราฟิกคอมพิวเตอร์จาก Coursera
• Kadenze Creative Coding - การเลือกหลักสูตร Kadenze ที่ครอบคลุม P5.JS, Tensorflow, Max/Jitter และ Chuck
• การเขียนโปรแกรมเชิงสร้างสรรค์สำหรับสื่อดิจิทัลและแอพมือถือ - หลักสูตร Coursera เกี่ยวกับการเข้ารหัสเชิงสร้างสรรค์ด้วยการประมวลผล
• Imaginary Institute - เรียนรู้วิธีสร้างกราฟิกแบบโต้ตอบที่งดงาม
• การเรียนรู้ในอนาคต: การเข้ารหัสเชิงสร้างสรรค์ - ใช้การเขียนโปรแกรมคอมพิวเตอร์เป็นวินัยสร้างสรรค์เพื่อสร้างเสียงรูปภาพภาพเคลื่อนไหวและอื่น ๆ
• แนะนำถึง JS: การวาดภาพและภาพเคลื่อนไหว - ใช้ JavaScript และไลบรารี ProcessingJS เพื่อสร้างภาพวาดและภาพเคลื่อนไหว
• JS ขั้นสูง: การจำลองตามธรรมชาติ - รวม JS, ProcessingJs และแนวคิดทางคณิตศาสตร์เพื่อจำลองธรรมชาติในโปรแกรมของคุณ
• การสร้างภาพข้อมูลแบบโต้ตอบด้วยการประมวลผล - เรียนรู้วิธีการอ่านแผนที่และแสดงข้อมูลด้วยการประมวลผล
• การสร้างภาพข้อมูลการเขียนโปรแกรม: ชุดเครื่องมือการเข้ารหัสสำหรับการประมวลผล - เข้าร่วมนักออกแบบข้อมูล Nicholas Felton ในโลกของการประมวลผล
• รู้เบื้องต้นเกี่ยวกับการสร้างภาพข้อมูล - เข้าร่วม Nicholas Felton สำหรับการแนะนำที่ชาญฉลาดและเป็นแรงบันดาลใจให้กับการสร้างภาพข้อมูล
• กราฟิกการเขียนโปรแกรม I, 2, 3 - เรียนรู้ศิลปะการกำเนิดและการประมวลผลด้วยงานศิลปะกับ Joshua Davis
• การเข้ารหัสเชิงสร้างสรรค์ด้วย Canvas & WebGL - เวิร์กช็อปโดย Matt Deslauriers ที่สอนคุณเกี่ยวกับศิลปะการกำเนิดภาพเคลื่อนไหวแบบโต้ตอบกราฟิก 3 มิติและ Shaders
• การเข้ารหัสเชิงสร้างสรรค์ขั้นสูงด้วย WebGL & Shaders - เวิร์กช็อปโดย Matt Deslauriers ที่ลึกลงไปในการเขียนโปรแกรมกราฟิกคณิตศาสตร์และ Shaders
• Three.js Journy - หลักสูตรนี้โดย Bruno Simon จะสอนความลับให้คุณสร้างเว็บไซต์ที่ยอดเยี่ยมที่สุดของเว็บแอลที่มีสาม Js ไม่ว่าคุณจะเป็นผู้เริ่มต้นหรือนักพัฒนาขั้นสูง
• การเขียนโปรแกรมกราฟิกคอมพิวเตอร์ 3D - เรียนรู้ทฤษฎีทั้งหมดและคณิตศาสตร์ที่อยู่เบื้องหลังกราฟิก 3 มิติในขณะที่สร้างซอฟต์แวร์เรนเดอร์ตั้งแต่เริ่มต้นโดยใช้ภาษาการเขียนโปรแกรม C

เครื่องมือ

เฟรมเวิร์ก•ห้องสมุด•ระบบนิเวศ

• การประมวลผล [Cross -Platform] - ภาษาการเขียนโปรแกรมคอมพิวเตอร์และ IDE สำหรับทัศนศิลป์
• PY5 [Cross -Platform] - ไลบรารีที่รวมการประมวลผลเข้ากับระบบนิเวศ Python 3
• Cinder [Cross-Platform]-Open Source Library สำหรับการเข้ารหัสเชิงสร้างสรรค์คุณภาพระดับมืออาชีพใน C ++
• OpenFrameworks [Cross -Platform] - ชุดเครื่องมือโอเพนซอร์ส C ++ สำหรับการเข้ารหัสเชิงสร้างสรรค์
• C4 [iOS] - กรอบการเข้ารหัสความคิดสร้างสรรค์โอเพ่นซอร์สสำหรับ iOS
• Unity [Mac, Win] - Game Engine แต่มีประโยชน์สำหรับการเข้ารหัสและการติดตั้งที่สร้างสรรค์
• Godot [Cross -Platform] - Open Source Game Engine ซึ่งสามารถใช้สำหรับทุกสิ่ง
• playcanvas [cross -platform] - โอเพ่นซอร์ส, เอ็นจิ้น WebGL ที่ทำงานร่วมกันแบบเรียลไทม์
• HG_SDF [Cross -Platform] - Library GLSL สำหรับการสร้างฟังก์ชั่นระยะทางที่ลงนาม
• Nannou [Cross-Platform]-กรอบการเข้ารหัสความคิดสร้างสรรค์โอเพ่นซอร์สสำหรับภาษาสนิม
• thi.ng [cross -platform] - คอลเลกชันโอเพ่นซอร์สของเครื่องมือการออกแบบการคำนวณสำหรับ JavaScript, typeScript, clojure และภาษา clojurescript
• Pixelkit [iOS, Mac] - โอเพ่นซอร์ส, กราฟิกสด, เฟรมเวิร์ก Swift, ขับเคลื่อนด้วยโลหะ
• OpenRNDR [Cross -Platform] - Open Source Library สำหรับการเข้ารหัสเชิงสร้างสรรค์ที่เขียนใน Kotlin
• Phaser [Cross -Platform] - HTML5 Framework สำหรับการสร้างเกมใช้ทั้ง Canvas และ WebGL Renderer
• Canvas-Sketch [Cross-Platform]-HTML5 Framework สำหรับการสร้างงานศิลปะแบบกำเนิดใน JavaScript และเบราว์เซอร์
• AsyncGraphics [iOS, MacOS] - โอเพ่นซอร์ส, กราฟิกสด, async / รอ, แพ็คเกจ Swift, ขับเคลื่อนโดยโลหะ
• Lygia [Cross-Platform]-Granular และ Multi-Language (GLSL, HLSL, WGSL, MSL และ CUDA) ห้องสมุด Shader ที่ออกแบบมาเพื่อประสิทธิภาพและความยืดหยุ่น
• Fragment.tools [Cross -Platform] - สภาพแวดล้อมการพัฒนาเว็บสำหรับการเข้ารหัสเชิงสร้างสรรค์

ภาษาการเขียนโปรแกรมภาพ

• VVVV [Win] - สภาพแวดล้อมการเขียนโปรแกรมแบบไฮบริดภาพ/ข้อความสำหรับการสร้างต้นแบบและการพัฒนาที่ง่าย
• NodeBox [Mac, Win]-Cross-Platform, GUI ที่ใช้โหนดสำหรับการสร้างภาพข้อมูลที่มีประสิทธิภาพและการออกแบบกำเนิด
• TouchDesigner [Mac, Win] - แพลตฟอร์มการพัฒนาภาพเพื่อสร้างโครงการเรียลไทม์
• นักแต่งเพลงควอตซ์ [Mac] - เครื่องมือการพัฒนาสำหรับการประมวลผลและการแสดงผลข้อมูลกราฟิก
• VUO [MAC] - สภาพแวดล้อมการเขียนโปรแกรมสื่ออินเทอร์แอคทีฟแบบอินเทอร์แอคทีฟ
• Max [Mac, Win] - ภาษาการเขียนโปรแกรมด้วยภาพสำหรับสื่อ
• ข้อมูลบริสุทธิ์ [ข้ามแพลตฟอร์ม] - ภาษาการเขียนโปรแกรมภาพโอเพนซอร์สสำหรับมัลติมีเดีย
• คะแนน OSSIA [Cross-Platform]-Sequencer แบบอินเทอร์แอคทีฟ, Intermedia
• TOOLL [WIN] - เครื่องมือโอเพ่นซอร์สสำหรับการสร้างเนื้อหาและภาพเคลื่อนไหว 3D แบบโต้ตอบ
• XOD [Cross-Platform]-Open Source Visual Programming ภาษาและสภาพแวดล้อมสำหรับโครงการที่ใช้ไมโครคอนโทรลเลอร์
• Isadora [Cross -Platform] - ซอฟต์แวร์ควบคุมสื่อที่ใช้ฉากพร้อม Mapper Projection Integrated
• สายเคเบิล [Cross -Platform/Web] - ชุดโมเดลของคุณสำหรับการสร้างเนื้อหาแบบโต้ตอบที่สวยงาม ขณะนี้อยู่ในเบต้าส่วนตัวสามารถขอคำเชิญได้
• นิรันดร์ [เว็บ] - โปรแกรมเป็นกราฟและกราฟเป็นเครื่องมือประกอบสำหรับการสร้าง
• Notch Builder [Win]-เครื่องมือการเขียนตามโหนดโดยมุ่งเน้นที่กราฟิกแบบเรียลไทม์ ปัจจุบันอยู่ในเบต้า
• Joy.js - เครื่องมือการเข้ารหัสภาพเรียลไทม์เข้าใจง่ายและมุ่งเป้าไปที่ผู้เริ่มต้น
• แวดวง [iPhone, iPad, Mac] - ตัวแก้ไขโหนดกราฟิกสดขับเคลื่อนโดย AsyncGraphics
• TIC -80 - สร้างเกมสไตล์พิกเซลและศิลปะบนหน้าจอ 240*136 พิกเซล

ภาษาการเขียนโปรแกรมเสียง

• SuperCollider [Multi -Platform] - แพลตฟอร์มสำหรับการสังเคราะห์เสียงและองค์ประกอบอัลกอริทึม
• Chuck-ภาษาโปรแกรมการเขียนโปรแกรมเพลงที่มีเวลาอย่างมากพร้อมกันและตรงไปตรงมา
• Tidalcycles - ภาษาเฉพาะโดเมนสำหรับการเข้ารหัสสดของรูปแบบ
• Sonic Pi - เพลงถ่ายทอดสดสำหรับทุกคน
• CSOUND - ระบบคอมพิวเตอร์เสียงและเพลง
• ORCA - สภาพแวดล้อมการเข้ารหัสสดเพื่อสร้างลำดับขั้นตอนอย่างรวดเร็ว
• ฮันเดล - ภาษาการเขียนโปรแกรมขั้นตอนเล็ก ๆ สำหรับการเขียนเพลงในเบราว์เซอร์
• Overtone - สภาพแวดล้อมเสียงโอเพนซอร์สที่ออกแบบมาเพื่อสำรวจแนวคิดทางดนตรีใหม่ ๆ ตั้งแต่การสังเคราะห์และการสร้างเครื่องดนตรีไปจนถึงการเข้ารหัสสด
• Melrōse - สภาพแวดล้อมการผลิต MIDI สำหรับการสร้างเพลง (สด)
• GLICOL - ภาษาการเขียนโค้ดสดที่เน้นกราฟและห้องสมุดเพลง/เสียง DSP ที่เขียนด้วย Rust

การเขียนโปรแกรมเว็บ•ไลบรารี

• Three.js - JavaScript 3D Library
• Regl - WebGL ที่ใช้งานได้
• StackGL - ระบบนิเวศเปิดซอฟต์แวร์สำหรับ WebGL สร้างขึ้นบนเบราว์เซอร์และ NPM
• Paper.js - มีดกองทัพสวิสของสคริปต์กราฟิกเวกเตอร์
• pixi.js - เอ็นจิ้นการเรนเดอร์ 2D HTML 5 2D ที่ใช้ WebGL กับ Canvas Fallback
• P5.JS - ไลบรารี JavaScript ที่เริ่มต้นด้วยเป้าหมายดั้งเดิมของการประมวลผล
• PTS.JS - ไลบรารี JavaScript สำหรับการสร้างภาพและการเข้ารหัสเชิงสร้างสรรค์
• Fabric.js-JavaScript Canvas Library, SVG-to-Canvas Parser
• maker.js - การวาดเส้นพารามิเตอร์สำหรับ SVG, CNC & Laser Cutters
• OpenJSCAD - การสร้างแบบจำลอง 3D แบบโปรแกรมใน JavaScript
• Sketch.js - กรอบการเข้ารหัสสร้างสรรค์ JavaScript น้อยที่สุด
• Two.js - API วาดสองมิติมุ่งเน้นไปที่เว็บเบราว์เซอร์ที่ทันสมัย
• Claygl - Library กราฟิก WebGL สำหรับการสร้างแอปพลิเคชัน Web3D ที่ปรับขนาดได้
• Proton - เครื่องยนต์อนุภาค JavaScript ที่มีน้ำหนักเบาและทรงพลัง
• Lightgl.js - ห้องสมุด WebGL ที่มีน้ำหนักเบา
• picogl.js - ห้องสมุดการเรนเดอร์ WebGL 2 ขั้นต่ำ
• Alfrid - ชุดเครื่องมือ WebGL
• babylon.js - กรอบ JavaScript ที่สมบูรณ์สำหรับการสร้างเกม 3 มิติด้วย HTML 5 และ WebGL
• TWIGL - ห้องสมุดตัวช่วย WebGL ขนาดเล็ก
• LUMA.GL - ส่วนประกอบ WebGL2 สำหรับการสร้างภาพข้อมูล
• CSS -DOODLE - องค์ประกอบเว็บสำหรับการวาดรูปแบบด้วย CSS
• OGL.JS - JavaScript 3D Library (WebGL)
• ZDOG - เครื่องยนต์ Pseudo -3D สำหรับ Canvas & SVG
• oimo.js - เครื่องยนต์ฟิสิกส์ 3D น้ำหนักเบาสำหรับ JavaScript
• ammo.js - พอร์ตโดยตรงของเครื่องยนต์ฟิสิกส์กระสุนไปยังจาวาสคริปต์โดยใช้ emscripten
• Theatre.js - ไลบรารีการออกแบบการเคลื่อนไหวพร้อมเครื่องมือภาพ
• GraphicsJS - ไลบรารี JavaScript โอเพนซอร์ซที่มีน้ำหนักเบาสำหรับกราฟิกและภาพเคลื่อนไหว (SVG/VML)

การทำแผนที่การฉาย• VJING

• Madmapper [Mac] - การคาดการณ์การทำแผนที่วิดีโอและการทำแผนที่แสง
• VDMX [MAC] - แอปพลิเคชันประสิทธิภาพมัลติมีเดียเรียลไทม์
• modul8 [Mac] - การผสมวิดีโอแบบเรียลไทม์และการรวบรวม
• แก้ไข [Mac, Win] - การผสมวิดีโอดิจิตอลและเอฟเฟกต์ในแบบเรียลไทม์
• Coge VJ [Mac] - ซอฟต์แวร์ VJ ที่ออกแบบมาสำหรับการผสมวิดีโอ HD แบบเรียลไทม์และการรวบรวมด้วยส่วนต่อประสานผู้ใช้แบบแยกส่วน
• VirtualMapper - เครื่องมือดูตัวอย่างเรียลไทม์สำหรับการแมปการฉาย
• Millumin [Mac] - ซอฟต์แวร์ในการสร้างและดำเนินการแสดงภาพและเสียงแบบโต้ตอบ
• SMODE [Win]-เครื่องยนต์การสร้าง 2D/3D แบบเรียลไทม์, การรวบรวมและการแมปวิดีโอ
• veejay [Linux] - เครื่องมือแสดงสดที่มีการแก้ไขแบบไม่เชิงเส้นอย่างง่ายและผสมจากหลายแหล่ง (ไฟล์อุปกรณ์สตรีม ... )

ออนไลน์

• Shadertoy - สร้างและแบ่งปัน Shaders กับโลกและได้รับแรงบันดาลใจ
• Shader Park - ห้องสมุด JavaScript สำหรับการสร้างขั้นตอนการโต้ตอบ 2D และ 3D Shaders
• GLSL Sandbox - Editor และแกลเลอรี่ออนไลน์
• SHDR Editor - Editor Shader ออนไลน์
• CodePen - แสดงกรณีของเทคนิคขั้นสูงด้วยซอร์สโค้ดที่แก้ไขได้
• Shadershop - อินเทอร์เฟซสำหรับการเขียนโปรแกรม GPU Shaders
• VertexShaderArt - Editor และแกลเลอรี่ออนไลน์
• CYOS - โปรแกรมแก้ไข Shader ออนไลน์
• GLSLEDITOR - Simple WebGL Fragment Shader Editor
• OpenProcessing - สร้างและทดสอบด้วยการออกแบบอัลกอริทึมการประมวลผลและ P5.JS
• P5.JS Editor - โปรแกรมแก้ไขเว็บออนไลน์สำหรับ P5.JS
• LiveCodelab-เครื่องมือประเภทที่คุณต้องการสำหรับ VJs, นักดนตรี, ครู, นักเรียน, เด็ก ๆ
• TURTLETOY - API ที่เรียบง่ายและการแสดงออนไลน์สำหรับรหัสกำเนิด (JavaScript)
• Shadergif - บ้านโอเพ่นซอร์สสำหรับศิลปะที่ทำด้วยรหัส (WebGL1/2, JavaScript Canvas & P5.JS)
• P5Live - P5.JS สภาพแวดล้อมการเข้ารหัสสด
• Neort - แพลตฟอร์มศิลปะดิจิทัลสำหรับ Creative Coders (Fragment Shader, JavaScript Canvas)
• Shelly - เรียนรู้การเขียนโปรแกรมโดยการออกคำแนะนำไปยังเต่า
• Tixy.land - สภาพแวดล้อมการเข้ารหัสสร้างสรรค์ที่เรียบง่ายที่สุดยังมีชีวิตอยู่
• BBC Micro Bot - เรียกใช้ทวีตของคุณบนเครื่องจำลองคอมพิวเตอร์ 8 บิต
• ไฮดรา - วิดีโอซินท์วิดีโอและการเข้ารหัสแบบถ่ายทอดสด

ฮาร์ดแวร์

• Arduino - ชุดไมโครคอนโทรลเลอร์โอเพนซอร์สสำหรับการสร้างอุปกรณ์ดิจิตอลและวัตถุเชิงโต้ตอบ
• Raspberry Pi - คอมพิวเตอร์บอร์ดเดี่ยวขนาดเล็ก
• puck.js - ไมโครคอนโทรลเลอร์โอเพนซอร์ส JavaScript คุณสามารถตั้งโปรแกรมแบบไร้สายได้
• Beagleboard-คอมพิวเตอร์บอร์ดเดี่ยวโอเพนซอร์สต่ำ
• Makey Makey - เปลี่ยนวัตถุทุกวันให้กลายเป็นทัชแพดและรวมเข้ากับอินเทอร์เน็ต
• LEAP MOTION - อุปกรณ์เซ็นเซอร์ที่รองรับการเคลื่อนที่ด้วยมือและนิ้วเป็นอินพุต
• Axidraw - Pen Pen Precise Precise Precise
• Phidgets - เซ็นเซอร์, อุปกรณ์อินพุตและตัวควบคุมสำหรับคอมพิวเตอร์
• Teensy - ระบบพัฒนาไมโครคอนโทรลเลอร์ที่ใช้ USB
• Lightform - การทำแผนที่การฉาย AR พร้อมเซ็นเซอร์ความลึกในตัว

อื่น

• โครงสร้าง synth [cross -platform] - แอปพลิเคชันสำหรับการสร้างโครงสร้าง 3 มิติโดยการระบุไวยากรณ์การออกแบบ
• F3 [MAC] - แอพการออกแบบ 3D ที่ทรงพลังซึ่งช่วยให้คุณสามารถใช้ชีวิตแบบฟอร์ม 3D Live Code
• แฟรกเมนต์ [Mac]- แอปเพื่อถ่ายทอดสดกราฟิก GLSL
• Shadertool [Win] - Modern Shader IDE สำหรับโปรแกรมเมอร์และศิลปิน FX
• Siphon [Mac] - อนุญาตให้แอปพลิเคชันแชร์เฟรมกับคนอื่นในแบบเรียลไทม์
• KODELIFE-ตัวแก้ไข GPU Shader แบบเรียลไทม์เครื่องมือประสิทธิภาพการใช้งานรหัสสดและกราฟิกต้นแบบ SketchPad
• ISF - Shaders GLSL สำหรับใช้ในแอปพลิเคชันแบบโต้ตอบ
• GLSLViewer - เครื่องมือคอนโซลการเข้ารหัสสดที่แสดงผล GLSL Shaders
• Shoebot [Cross -Platform] - Shoebot เป็นสภาพแวดล้อมการเข้ารหัสเชิงสร้างสรรค์ที่ออกแบบมาสำหรับการสร้างกราฟิกและภาพเคลื่อนไหวของเวกเตอร์ด้วย Python
• DrawBot [MAC] - การศึกษาที่มุ่งเน้นการศึกษา 2D การเขียนโปรแกรมการเขียนโปรแกรมตาม Python
• KLAK - คอลเลกชันของสคริปต์สำหรับการเข้ารหัสที่สร้างสรรค์ด้วย Unity
• Basil.js - การเขียนสคริปต์ (JS) ใน Indesign สำหรับนักออกแบบและศิลปินในจิตวิญญาณของการประมวลผล
• Konstrukt [cross -platform] - เครื่องมือ commandline เพื่อสร้างรูปแบบที่ปรับขนาดได้ที่แตกต่างกันเป็น SVGs

แหล่งเรียนรู้

วิดีโอ

• รถไฟเข้ารหัส - Daniel Shiffman สร้างวิดีโอเกี่ยวกับการเข้ารหัสที่สร้างสรรค์
• MFGD - Fragment Shaders - YouTube Playlist เกี่ยวกับเศษชิ้นส่วน
• Shaders Laboratory - ช่อง YouTube เกี่ยวกับ Shaders
• สิ่งที่ดูดี - ช่อง YouTube เกี่ยวกับกรณีศึกษา Shaders
• ชุดการสอน OpenFrameworks - ซีรี่ส์ YouTube เพื่อการเรียนรู้ OpenFrameworks
• การสอน OpenFrameworks - เพลย์ลิสต์ YouTube เกี่ยวกับ OpenFrameworks - ไม่ได้อัปเดต [2015]
• Shader Tutorial Series - YouTube Playlist เกี่ยวกับ Shaders โดยใช้ Visual Studio Code
• KHA Tutorial Series - เพลย์ลิสต์ YouTube เกี่ยวกับกรอบ KHA สร้างขึ้นใน Haxe
• สนุกกับ WebGL 2.0 - เพลย์ลิสต์ YouTube เกี่ยวกับ WebGL 2.0
• Modern OpenGL 3.0+ บทช่วยสอน - เพลย์ลิสต์ YouTube เกี่ยวกับ OpenGL ที่ทันสมัย
• VertexShaderArt - เพลย์ลิสต์ YouTube เกี่ยวกับจุดสุดยอด
• ดำน้ำในสาม.js - เล่นเพลย์ลิสต์ YouTube ลงในสาม js
• บทเรียน Shadertoy - เพลย์ลิสต์ YouTube สอนวิธีสร้าง Shaders เริ่มต้นด้วยความรู้ที่ไม่มีศูนย์โดยใช้ Shadertoy
• Webgl Lightning - บทนำสู่ WebGL Lightning กับ Greg Tatum

การพูดคุย

• อินโทรไปยัง WebGL Slides Video - Intro to WebGL กับ Three.js
• Inigo Quilez Live - คอลเลกชันวิดีโอการเข้ารหัสสดโดยíñigoQuílez
• นอกจากนี้ยังมี Canvas - Bruno Imbrizi ผ่านการใช้ผ้าใบสำหรับการเข้ารหัสเชิงสร้างสรรค์ที่ WebExpo 2016 สไลด์แบบโต้ตอบที่นี่
• OpenGL 3D Game Tutorials - ซีรีส์การสอนผู้เริ่มต้นเกี่ยวกับการสร้างเกม 3D OpenG
• วิธีที่เราทำสิ่งนี้ - พูดคุยเกี่ยวกับวิธีที่ศิลปินที่ใช้เทคโนโลยีทำสิ่งนี้ทางการเงิน
• การเต้น WebGL - ฉันเรียนรู้ที่จะหยุดกังวลและรักพีชคณิตเชิงเส้นได้อย่างไร
• โรงงาน Pixel - พูดคุยเกี่ยวกับ WebGL, GPU และ MATH โดย Steven Wittens
• การคำนวณบทกวี - การพูดคุยที่สร้างแรงบันดาลใจโดย Zach Lieberman
• เครื่องกำเนิดไฟฟ้า - FITC Talk โดย Matt Deslauriers เกี่ยวกับความหลงใหลในศิลปะการกำเนิด

บทความ•บทเรียน

Shaders • OpenGL • WebGL

• บทนำสู่ Shaders - ส่วนที่ 1 ของบทนำสู่ shaders โดยใช้ threejs
• Three.js 101 - บทนำสู่ Three.js จากมุมมอง Coder Creative
• LWJGL: Shaders - Shader Tutorial ในบริบทของ LWJGL -BASICS
• Shaders: ไพรเมอร์ - ไพรเมอร์บนเฉดสี
• Shaders: Second Stage - ส่วนที่สองของก่อนหน้านี้
• บทเรียน WebGL - Fragment Shaders - การแนะนำสั้น ๆ เกี่ยวกับ Shaders Fragment
• บทเรียน WebGL - ThreeJS Shaders - ใช้จุดสุดยอดที่กำหนดเองและ shaders ชิ้นส่วนใน treejs
• ตัวอย่างหลังการโพสต์สาม-ตัวอย่างของเอฟเฟกต์หลังการประมวลผลในสามเจส
• ฟังก์ชั่นการเดินขบวนเรย์และฟังก์ชั่นระยะทางที่ลงนาม - แนะนำการติดตามเรย์
• บทนำสู่การติดตามเรย์ - วิธีง่ายๆสำหรับการสร้างภาพ 3 มิติ
• Walkthrough แสง GLSL - การสอนการแรเงาพงจลาด้วย GLSLIFY
• สามตัวอย่าง glslify - ตัวอย่างเกี่ยวกับวิธีการใช้สาม.jsกับ glslify
• Webgl Beyond Dom - Greg Tatum อธิบายพื้นฐานของ WebGL โดยใช้ Regl
• อนุภาค FBO - บทความเกี่ยวกับอนุภาค FBO/GPGPU โดย @nicoptere
• Ray Marching (กับ Three.js) - บทความเกี่ยวกับ Ray Marching กับ Three.js โดย @nicoptere
• Shaders ที่กำหนดเองด้วย Three.js - แนะนำให้รู้จักกับ Shaders, เครื่องแบบ, พื้นผิวและแสงในสาม.js
• อินโทรไปยัง Modern OpenGL - ส่วนแรกของการแนะนำเกี่ยวกับ OpenGL ที่ทันสมัย
• Modern OpenGL Series - การแนะนำที่ดีเกี่ยวกับคำศัพท์ OpenGL
• ขั้นต่ำที่ราบรื่น - บทความเกี่ยวกับสหภาพดั้งเดิมที่ราบรื่น
• การสร้างแบบจำลองด้วยฟังก์ชั่นระยะทาง - การรวบรวมฟังก์ชั่นระยะทางในสถานที่ส่วนกลาง
• การเรนเดอร์ปริมาตร - อธิบายวิธีการสร้างรูปร่าง 3D ที่ซับซ้อนภายในเฉดสีปริมาตร
• การเรนเดอร์แบบเรียลไทม์-หนังสือบล็อกและการรวบรวมทรัพยากรเกี่ยวกับการแสดงผลเรียลไทม์
• Opengl 4 Shaders - การแนะนำสั้น ๆ และหวานเกี่ยวกับ OpenGL Shaders โดย Anton Gerdelan
• ในการคัดเลือกนักแสดงเรย์เรย์ติดตามเรย์เดินขบวนและสิ่งที่คล้ายกัน - ชื่อบอกว่ามันทั้งหมด บทนำโดย Adok
• การเขียนซอฟต์แวร์ Renderer ขนาดเล็ก - การแนะนำที่ดีจริงๆเกี่ยวกับวิธีการทำงานของซอฟต์แวร์ขั้นพื้นฐาน
• การสอน WebGL - เว็บไซต์ที่มีคอลเลกชันที่ดีของการสอน WebGL
• การสร้างรูปทรงเรขาคณิต: 1, 2, 3 - บทนำเริ่มต้นเกี่ยวกับวิธีการสร้างวัตถุเรขาคณิต
• เข้าสู่ Vertex Shaders - ชุดของบทช่วยสอนเกี่ยวกับ WebGL, Three.js และ Three.bas
• ช่องว่างของ WebGL - ภาพรวมสั้น ๆ เกี่ยวกับระบบพิกัดที่แตกต่างกันผ่านไปป์ไลน์กราฟิก 3D
• WebGL Workshop - บทนำออนไลน์สั้นและน่ารักเกี่ยวกับ WebGL
• Three.js & Instanced Geometry - Predator ปุยกับ Three.js และรูปทรงเรขาคณิต
• เอฟเฟกต์อนุภาคผ่านป้ายโฆษณา - วิธีการสร้างเอฟเฟกต์อนุภาคด้วยบิลบอร์ดและ WebGL
• จุดเคลื่อนไหวที่สวยงามด้วย WebGL และ Regl - วิธีการสร้างอนุภาค GPGPU ด้วย Regl
• การสอน WebGL: การทำแผนที่เงาทิศทางโดยไม่มีส่วนขยาย - แนะนำแนวคิดเบื้องหลังการทำแผนที่เงาแสงแบบเรียลไทม์
• WebGL Quest - บทช่วยสอนและรายการทรัพยากรที่มีประโยชน์ในการใช้ WebGL Raymarching และฟังก์ชั่นระยะทางได้อย่างง่ายดาย
• การสำรวจการทำแผนที่ Bump ด้วย WebGL - แนะนำเทคนิคการทำแผนที่ชนที่แตกต่างกัน
• การโปรแกรม OpenGL/GLSL Shader - ดาดฟ้าบนโปรแกรม OpenGL/GLSL Shader
• อนุภาคในสนามการไหลของเสียงรบกวนแบบง่าย - การสอนสนามการไหลของเสียงรบกวนของเพอร์ลิน
• ฟิลด์โฟลว์, ส่วนที่ 1 - บทนำสู่ฟิลด์การไหลหรือที่เรียกว่าฟิลด์เวกเตอร์
• ฟิลด์โฟลว์ตอนที่ 2 - บทนำสู่ฟิลด์การไหลหรือที่เรียกว่าฟิลด์เวกเตอร์
• กราฟิกสำหรับเกม - บทนำสู่การเขียนโปรแกรมกราฟิก 3 มิติรวมถึง Shaders, คณิตศาสตร์หลังการประมวลผล ฯลฯ จาก Newcastle University
• Three.js Basics - บทนำสู่ Three.js โดย Eric Haines
• การแนะนำแบบโต้ตอบเกี่ยวกับ WebGL และ Three.js - สไลด์จากการประชุมเชิงปฏิบัติการ WebGL SIGGRAPH 2017
• วิธีเริ่มเรียนรู้การเขียนโปรแกรมกราฟิกคอมพิวเตอร์ - คำแนะนำและความคิดเกี่ยวกับวิธีเริ่มต้นโดย Eric Arnebäck
• สิ่งที่ Coder ทุกคนควรรู้เกี่ยวกับแกมม่า - ดำน้ำลึกลงไปในความสำคัญของแกมม่า

ผ้าใบ

• HTML Canvas Deep Dive - การแนะนำอย่างลึกซึ้งเกี่ยวกับ Canvas API
• 31 วันของการสอน Canvas - คอลเล็กชั่นการสอนผ้าใบโดย Seb Lee -Delisle

ฮาร์ดแวร์

• Pen Plotter Art & Algorithms ส่วนที่ 1, 2 - วิธีใช้ Pen Pen Axidraw กับ JavaScript

อื่น

• เสียงรบกวนในการเข้ารหัสเชิงสร้างสรรค์ - โพสต์บล็อกเชิงลึกเกี่ยวกับเสียงเป็นเครื่องมือที่ขาดไม่ได้สำหรับการเข้ารหัสเชิงสร้างสรรค์
• Cat Like Coding - ในบทเรียนเชิงลึกเกี่ยวกับคณิตศาสตร์อัลกอริทึมและความสามัคคี
• การเขียนโปรแกรมสนุก - เรียนรู้การเขียนโปรแกรมสร้างสรรค์การเขียนโปรแกรมง่ายๆ
• การเข้ารหัสสร้างสรรค์บน iOS ด้วย C4 - บทนำสู่ C4 ที่เผยแพร่ในแอพพลิเคชั่นสร้างสรรค์
• COSMOS-การสอนแบบครบวงจรเกี่ยวกับการออกแบบการเขียนโปรแกรมและการเปิดตัวแอพโดยใช้ C4
• ฟิสิกส์อนุภาค - ฟิสิกส์อนุภาคอธิบาย
• อัลกอริทึมการแสดงภาพ - ดูที่การใช้การสร้างภาพเพื่อทำความเข้าใจอธิบายและดีบักอัลกอริทึม
• Adventures in Game Development World - ง่ายต่อการรวบรวมบทความเกี่ยวกับการพัฒนาเกม แต่เกี่ยวข้องกับการเขียนโค้ดที่สร้างสรรค์เช่นกัน
• ข้อมูลการเขียนโปรแกรมเกมของ Amit - การรวบรวมทรัพยากรเกี่ยวกับสิ่งต่าง ๆ เช่นการค้นหาเส้นทาง, AI, คณิตศาสตร์ ฯลฯ
• เคล็ดลับในการปรับปรุงงานศิลปะการกำเนิดของคุณ - เคล็ดลับที่จะทำให้งานศิลปะของคุณดูดีขึ้น
• การทำงานกับ Color in Generative Art - เคล็ดลับเกี่ยวกับวิธีรับสีที่ถูกต้อง

การโต้ตอบ

• Shader -School - เวิร์กช็อปสำหรับ Shaders GLSL และการเขียนโปรแกรมกราฟิก
• WebGl-Workshop-ภาคต่อของ Shader-School: เรียนรู้ WebGL API
• Fragment -oundry - การสอนแบบอินเทอร์แอคทีฟ Shader
• SDF Tutorial 1: Box & Balloon - Shadertoy Tutorial เกี่ยวกับ Raytracing
• Howto: Ray Marching - Shadertoy Tutorial เกี่ยวกับ Ray Marching
• Raymarch Tutorial2 - การสอน Shadertoy Raymarch
• บทช่วยสอน GLSL 2D - การสอน Shadertoy GLSL 2D
• Bubble Breakdown - Shader Breakdown โดย Perlin
• มาทำ Ray Marcher - Interactive Shader -toy ในการเขียน Ray Marcher
• Raymarching - การสอนแบบอินเทอร์แอคทีฟ Raymarching

การอ้างอิงอย่างรวดเร็ว• Cheatsheets

• Shaderific GLSL - การอ้างอิงภาษาแรเงา OpenGL es
• The Book of Shaders Glossary - Shader Glossary ตามธีม
• Gltut Glossary หน้า: 1, 2, 3, 4, 5, 6, 7, 8 - อภิธานศัพท์การเขียนโปรแกรม OpenGL 3D
• Canvas Cheatsheet - Cheatsheet ผ้าใบที่รวดเร็วและเป็นภาพ
• WebGL Cheatsheet - การ์ดอ้างอิง WebGL 1.0 API
• อภิธานศัพท์คอมพิวเตอร์กราฟิก - อภิธานศัพท์ของคำที่เกี่ยวข้องกับกราฟิกคอมพิวเตอร์
• คู่มืออ้างอิง GLSL - คู่มือการอ้างอิงภาษาที่แรเงา OpenGL
• 3D Maths Cheat Sheet - Math Cheatsheet โดย Anton Gerdelan จากหนังสือ OpenGL ของเขา
• docs.gl - การปรับปรุงเอกสาร OpenGL อย่างเป็นทางการ
• OpenGL SDADING LANGUANT - KHRONOS Group GLSL WIKI
• OpenGL 4.3 การ์ดอ้างอิง - การ์ดอ้างอิง PDF สำหรับ OpenGL 4.3 API
• Easings - Cheatsheet ฟังก์ชั่นการผ่อนคลายแบบโต้ตอบ
• Pixelspirit - Library GLSL ที่ด้านหลังของไพ่ทาโรต์สำหรับการเรียนรู้และการอ้างอิง
• รูปแบบขั้นตอนและเสียง - การรวบรวมรูปแบบขั้นตอนและเสียงขั้นตอน
• เสียงที่มองเห็น - อัลกอริทึมเสียงรบกวนใน 1D และ 2D
• Trigonoparty - การสร้างภาพข้อมูลตรีโกณมิติอย่างง่าย
• Morphogenesis - การสำรวจว่ารูปร่างรูปแบบและรูปแบบเกิดขึ้นได้อย่างไรในธรรมชาติ

ชุมชน

subreddits

• R/CreativeCoding - การแบ่งปันและพูดคุยเกี่ยวกับการใช้การเขียนโปรแกรมคอมพิวเตอร์เป็นวินัยที่สร้างสรรค์
• r/raytraycing - subreddit บน raytracing
• R/OpenGL - ข่าวและการอภิปรายเกี่ยวกับ OpenGL ในทุกแพลตฟอร์ม
• r/graphicsprogramming - subreddit ในการเขียนโปรแกรมกราฟิก
• r/การประมวลผล - subreddit ในการประมวลผล
• r/shaders - subreddit บน shaders
• r/proceduralgeneration - subreddit เกี่ยวกับการสร้างขั้นตอน
• r/machinelearning - subreddit ในการเรียนรู้ของเครื่อง
• r/generative - subreddit เกี่ยวกับศิลปะการกำเนิดและดนตรี

หย่อน

• Creative Coding Club - Creative Coding Club Slack

อื่น

• พอดคาสต์การเข้ารหัสเชิงสร้างสรรค์ - Iain และ Seb พูดคุยเกี่ยวกับการเขียนโค้ดที่สร้างสรรค์
• RealTimevfx.com - ชุมชน VFX แบบเรียลไทม์
• เรื่องราวข้อมูล - พอดคาสต์เกี่ยวกับการสร้างภาพข้อมูล
• บทความ 3D การเขียนโปรแกรมรายสัปดาห์ - คอลเลกชันที่ยอดเยี่ยมของทรัพยากรที่เกี่ยวข้องกับ Shader และคณิตศาสตร์
• ผ่านปากกา - ชุมชนของนักพัฒนาส่วนหน้าที่สร้างโครงการการเข้ารหัสสร้างสรรค์ร่วมกันใน CodePen
• Creative Tech Weekly - จดหมายข่าวรายสัปดาห์ของแหล่งข้อมูลเกี่ยวกับเทคโนโลยีสร้างสรรค์

คณิตศาสตร์

• คณิตศาสตร์เป็นรหัส - โกงแผ่นสำหรับสัญกรณ์คณิตศาสตร์ในรูปแบบรหัส
• การเขียนโค้ดคณิตศาสตร์ - สอนคณิตศาสตร์ที่คุณต้องเข้าใจในฐานะโปรแกรมเมอร์
• ตัวอย่างคณิตศาสตร์ - ตัวอย่างคณิตศาสตร์ที่มีการเขียนโปรแกรมกราฟิกอยู่ในใจ
• แอนิเมชั่นสูตร - หลักการของการวาดภาพด้วยคณิตศาสตร์
• เรียนรู้คณิตศาสตร์อีกครั้ง - คอลเลกชันของตัวอย่างคณิตศาสตร์ JS และ GLSL
• Eases - คว้าถุงของสมการการผ่อนคลายแบบแยกส่วน
• คณิตศาสตร์สำหรับการเคลื่อนไหว - การสร้างภาพของสมการการเคลื่อนไหวที่แตกต่างกัน
• การคูณเมทริกซ์ - การคูณเมทริกซ์
• กฎพีชคณิต - กฎที่มีประโยชน์ที่สุดของพีชคณิตพื้นฐาน
• คณิตศาสตร์ Immersive - พีชคณิตเชิงเส้นแบบโต้ตอบอย่างเต็มที่
• Kernels Image - การแนะนำแบบโต้ตอบและภาพเกี่ยวกับเมล็ดภาพ
• ไซน์และโคไซน์ - คำอธิบายแบบโต้ตอบของไซน์และโคไซน์
• เสียงของ Perlin - เสียงของ Perlin อธิบายอย่างละเอียด
• เวกเตอร์คณิตศาสตร์สำหรับกราฟิกคอมพิวเตอร์ 3 มิติ - บทช่วยสอนเกี่ยวกับพีชคณิตเวกเตอร์และพีชคณิตเมทริกซ์จากมุมมองของกราฟิกคอมพิวเตอร์
• ฟังก์ชั่น DESMOS - กราฟข้อมูลพล็อตประเมินสมการสำรวจการแปลงและอื่น ๆ อีกมากมาย
• MFGD - คณิตศาสตร์สำหรับนักพัฒนาเกม YouTube เพลย์ลิสต์
• สาระสำคัญของพีชคณิตเชิงเส้น - สาระสำคัญของเพลย์ลิสต์พีชคณิตเชิงเส้น YouTube
• คณิตศาสตร์ของแอนิเมชั่น - สไลด์เกี่ยวกับคณิตศาสตร์ของแอนิเมชั่น (REPO)
• การร่างด้วยคณิตศาสตร์และฟิสิกส์กึ่ง - การแนะนำที่สวยงามและเป็นภาพเกี่ยวกับฟิสิกส์คณิตศาสตร์และกึ่ง
• Gene Kogan: Noise Perlin - บทนำสู่เสียง 2D และ 3D Perlin
• เมทริกซ์คณิตศาสตร์และคุณ - การแนะนำระดับสูงเกี่ยวกับเมทริกซ์
• สัญลักษณ์ทางคณิตศาสตร์ - รายการสัญลักษณ์และสัญลักษณ์ทางคณิตศาสตร์ทั้งหมด
• เมทริกซ์ 2D ที่งดงาม - เครื่องมือแบบโต้ตอบเพื่อทำความเข้าใจเมทริกซ์การแปลง
• Game Dev Movement Cheatsheet พร้อมตัวอย่าง - JavaScript Math ตัวอย่างสำหรับการเคลื่อนไหว
• Maths & Trigonometry Cheat Sheet สำหรับเกม 2D & 3D-Maths Cheat-Sheet สำหรับผู้สร้างเกม 2D และ 3D
• เมทริกซ์สำหรับการเข้ารหัสเชิงสร้างสรรค์ - บทนำสู่เมทริกซ์โดย Greg Tatum
• การทำสิ่งต่าง ๆ ด้วยคณิตศาสตร์ - พูดคุยโดย Steven Wittens เกี่ยวกับเส้นโค้ง bezier, การสร้างขั้นตอน, เครื่องยนต์ฟิสิกส์และเศษส่วน
• Myphysicslab - การจำลองฟิสิกส์แบบเรียลไทม์แบบโต้ตอบด้วยสูตรและรหัส
• คณิตศาสตร์ที่ใช้งานง่าย - คำอธิบายของฟิลด์เช่นพีชคณิตเชิงเส้นและเรขาคณิตที่ออกแบบมาเพื่อช่วยให้คุณพัฒนาสัญชาตญาณภาพสำหรับสิ่งที่เกิดขึ้น
• L-Systems-แพ็คเกจ Haskell สำหรับระบบ L
• การแก้ไขเชิงเส้น - บทนำสู่การแก้ไขเชิงเส้น (หรือที่เรียกว่า MIX/LERP)
• การใช้คณิตศาสตร์เวกเตอร์ในเชิงปฏิบัติในเกม - บทความเชิงลึกเกี่ยวกับเวกเตอร์สำหรับคณิตศาสตร์เกม
• การเลี้ยงดูหมายเลขสุ่ม - คู่มือเล็ก ๆ เพื่อเลี้ยงหมายเลขสุ่ม
• คนเลี้ยงแกะกริดแบบสุ่ม - คู่มือเล็ก ๆ เพื่อเลี้ยงกริดแบบสุ่ม
• เลี้ยงดูการเติบโตแบบสุ่ม - คู่มือเล็ก ๆ เพื่อเลี้ยงดูการเติบโตแบบสุ่ม

การเรียนรู้ของเครื่อง•วิสัยทัศน์คอมพิวเตอร์• AI

• ML4A - การเรียนรู้ของเครื่องจักรสำหรับศิลปิน
• keras.js - เรียกใช้โมเดล Keras (แบ็กเอนด์ Tensorflow) ในเบราว์เซอร์โดยรองรับ GPU
• tesseract.js - JavaScript Pure หลายภาษา OCR
• Google ML - การเรียนรู้ของเครื่องคลาวด์โดย Google
• TENSORFLOW - ไลบรารีซอฟต์แวร์โอเพ่นซอร์สสำหรับ Machine Intelligence
• Convnetjs - การเรียนรู้อย่างลึกซึ้งในเบราว์เซอร์ของคุณ
• Wekinator - อนุญาตให้ทุกคนใช้การเรียนรู้ของเครื่อง
• การเรียนรู้ของเครื่อง - การเข้ารหัสรถไฟ Repo พร้อมลิงค์ไปยังแหล่งข้อมูลการเรียนรู้ของเครื่อง
• creativeai.net - พื้นที่สำหรับแบ่งปันโครงการ AI ที่สร้างสรรค์
• AI Playbook - AI Microsite มีวัตถุประสงค์เพื่อช่วยให้ผู้มาใหม่เริ่มต้นใช้งาน
• เครื่องจักรที่สอนได้ - สำรวจว่าการเรียนรู้ของเครื่องทำงานอย่างไรอาศัยอยู่ในเบราว์เซอร์
• tensorflow.js - JavaScript Library สำหรับการฝึกอบรมและการปรับใช้โมเดล ML ในเบราว์เซอร์และบน Node.js.
• สวัสดี Tensorflow - แสดงความคิดเห็นอย่างเต็มที่ tensorflow.js ตัวอย่าง
• ML5.JS - การเรียนรู้ของเครื่องจักรที่เป็นมิตรสำหรับเว็บ
• Model Zoo - ค้นพบรหัสการเรียนรู้ลึกของโอเพ่นซอร์สและโมเดลที่ผ่านการฝึกอบรม
• รันเวย์ - ชุดเครื่องมือที่เพิ่มความสามารถด้านปัญญาประดิษฐ์ในการออกแบบและแพลตฟอร์มที่สร้างสรรค์
• Lobe - Build, Train และ Ship Deep Learning Models โดยใช้อินเทอร์เฟซภาพที่เรียบง่าย
• ModelDepot - แพลตฟอร์มสำหรับการค้นพบการแบ่งปันและการพูดคุยเกี่ยวกับรูปแบบการเรียนรู้ของเครื่องที่ใช้งานง่ายและผ่านการฝึกอบรมมาก่อน

แรงบันดาลใจ

• OpenProcessing - การออกแบบอัลกอริทึมที่สร้างขึ้นด้วยการประมวลผล, P5JS และการประมวลผล JS
• DWITTER - เครือข่ายโซเชียลสำหรับการสาธิต JavaScript สั้น ๆ
• การทดลอง Chrome - แสดงการทดลองทางเว็บที่เขียนโดยชุมชนการเข้ารหัสเชิงสร้างสรรค์
• Codedoodl.es - Showcase ของภาพร่างการเข้ารหัสที่สร้างสรรค์
• สำหรับการประมวลผลของคุณ - โครงการและแบบฝึกหัดเกี่ยวกับการประมวลผล
• ศิลปะจากรหัส - ภาพร่างรหัสโดย Keith Peters
• Generator.x - กลุ่ม Flickr เกี่ยวกับกลยุทธ์การกำเนิดในศิลปะและการออกแบบ
• ศิลปะการกำเนิด - กลุ่ม Flickr เกี่ยวกับศิลปะการกำเนิด
• สร้างแรงบันดาลใจออนไลน์ - บล็อกไมโครโอเพ่นซอร์สเกี่ยวกับแรงบันดาลใจและงานสร้างสรรค์ที่เผยแพร่ออนไลน์
• คนที่คุณควรติดตามใน CodePen - รายชื่อคนที่น่าสนใจที่ควรค่าแก่การติดตาม
• Raven Kwok - Tumblr โดยศิลปินทัศนศิลป์ Raven Kwok
• P5ART - คอลเล็กชั่นการทดลองที่ดีจริงๆในการประมวลผล
• Echophon - Tumblr ด้วยแรงบันดาลใจทางสายตา
• Bees & Bombs - Tumblr กับ GIF โดย Dave
• Devart - การเฉลิมฉลองศิลปะที่ทำด้วยรหัสโดยศิลปินที่ผลักดันความเป็นไปได้ของความคิดสร้างสรรค์
• Folds2d - Tumblr พร้อมเส้นโค้งพื้นผิวสนามสเกลาร์และเวกเตอร์

เหตุการณ์

• เทศกาล OFFF - เทศกาลการออกแบบดิจิทัล ( เทศกาลภาพยนตร์แฟลชออนไลน์ )
• เทศกาล Grey Area Festival - การเข้ารหัสสร้างสรรค์งานศิลปะและเทคโนโลยีเทศกาล
• Signal Festival - Showcase of Light Art และ Emerging Technologies ในปรากสาธารณรัฐเช็ก
• Eyeo Festival - รวบรวมผู้สร้างสรรค์นักออกแบบข้อมูลและผู้สร้างที่ทำงานที่จุดตัดของข้อมูลศิลปะและเทคโนโลยี
• Mutek - องค์กรที่อุทิศตนเพื่อความคิดสร้างสรรค์ดิจิทัลในด้านเสียงดนตรีและศิลปะภาพและเสียง
• 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

ที่เกี่ยวข้อง

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