ترميز إبداعي رائع
قائمة برعاية بعناية من موارد الترميز الإبداعية الرائعة في المقام الأول للمبتدئين/الوسطيات.
الترميز الإبداعي هو انضباط مختلف عن أنظمة البرمجة. الهدف هو إنشاء شيء معبرة بدلاً من شيء وظيفي. تعد تصميم التفاعل وتصور المعلومات والفن التوليدي كلها أنواعًا مختلفة من الترميز الإبداعي - والتي أصبحت مصطلحًا منزليًا يصف الأعمال الفنية المفصلية كرمز .
يرجى قراءة إرشادات المساهمة قبل المساهمة.
محتويات
- كتب
- الكتب عبر الإنترنت
- دورات
- أدوات
- الأطر • المكتبات • النظم الإيكولوجية
- لغات البرمجة البصرية
- لغات البرمجة الصوتية
- برمجة الويب • المكتبات
- رسم خرائط الإسقاط • vjing
- متصل
- الأجهزة
- آخر
- موارد التعلم
- مقاطع الفيديو
- محادثات
- مقالات
- التظليل • OpenGL • WebGL
- قماش
- الأجهزة
- آخر
- تفاعلي
- مراجع سريعة • صفائح الغش
- المجتمعات
- الرياضيات
- التعلم الآلي • رؤية الكمبيوتر • الذكاء الاصطناعي
- إلهام
- الأحداث
- المدارس • ورش العمل
- المدونات • مواقع الويب
- متعلق ب
كتب
- الفن التوليدي: دليل عملي - دليل عملي باستخدام المعالجة.
- التصميم التوليدي - تصور وبرنامج وإنشاء مع المعالجة.
- طبيعة الكود - محاكاة الأنظمة الطبيعية مع المعالجة.
- أنظمة تصميم البرمجة - مقدمة عملية للمؤسسات الجديدة لتصميم الرسوم.
- تعلم برمجة الرسومات ثلاثية الأبعاد الحديثة - سلسلة من البرامج التعليمية حول استخدام OpenGL للقيام بالعرض الرسومي.
- تفاعل البرمجة - دليل المصمم للمعالجة ، Arduino ، و OpenFrameworks.
- OpenFrameworks Essentials - دليل المبتدئين في OpenFrameworks للمبرمج أو الفنان المرئي أو المصمم.
- إتقان OpenFrameworks: ترميز الإبداع المزعجة - دليل متقدم في OpenFrameworks.
- خوارزميات للتصميم المرئي باستخدام لغة المعالجة - جرب مشاكل التصميم لإنشاء الرسوم المتحركة ثلاثية الأبعاد ، واجهة المستخدم الرسومية ، وأكثر من ذلك.
- الأساس HTML5 الرسوم المتحركة مع JavaScript - كل ما تحتاج إلى معرفته لإنشاء الرسوم المتحركة باستخدام قماش HTML5.
- اللعب مع الفوضى - البرمجة الفركتال والجاذبية الغريبة في JavaScript.
- تتبع الشعاع في عطلة نهاية أسبوع واحدة - كتاب صغير حول Ray Tracing.
- المعالجة 2: كتاب طبخ البرمجة الإبداعية - يرشدك لاستكشاف بيئة المعالجة باستخدام وصفات عملية ومفيدة.
- تصميم الرسوم القائمة على البيانات - الترميز الإبداعي للاتصال البصري.
- العرض في الوقت الفعلي-تعلم كيفية استخدام التقنيات الحديثة لتوليد صور ثلاثية الأبعاد اصطناعية في جزء صغير من الثانية.
- تظليل الرسومات: النظرية والممارسة - مقدمة في برمجة التظليل بشكل عام ، ولكن مع التركيز على لغة تظليل GLSL.
- دروس Anton OpenGL 4 - دليل عملي لبدء البرمجة ثلاثية الأبعاد مع OpenGL.
- الفيزياء لألعاب JavaScript ، والرسوم المتحركة ، والمحاكاة - تعلم مبرمجي JavaScript كيفية دمج الفيزياء الحقيقية في ألعاب HTML5 والرسوم المتحركة والمحاكاة.
- الرياضيات للمبرمجين - الكتاب يعلمك حل المشكلات الرياضية في الكود.
- Synthèse d'Images AVEC OpenGL (ES) - كتاب باللغة الفرنسية ، والذي يغطي OpenGL و OpenGL ES و WebGL.
- توليد الموسيقى العملي مع Magenta - استكشف دور التعلم العميق في توليد الموسيقى وتكوين الموسيقى بمساعدة.
الكتب عبر الإنترنت
- كتاب التظليل-دليل خطوة بخطوة من خلال الكون التجريدي والمعقد لتظليل الأجزاء.
- أساسيات WebGL - WebGL من الألف إلى الياء. لا السحر.
- أساسيات WebGL 2 - WebGL2 من الألف إلى الياء. لا السحر.
- تعلم OpenGL - مورد تعليمي واسع لتعلم OpenGL الحديث.
- Scratchapixel 2.0 - تعلم رسومات الكمبيوتر من الصفر.
- Ofbook - كتاب/دليل مكتوب على المجتمع على OpenFrameworks.
- Ogldev - مجموعة من البرامج التعليمية الحديثة OpenGL من قبل Etay Meiri.
- OpenGL البرنامج التعليمي - الموقع مخصص للدروس التعليمية لـ OpenGL 3.3 وبعد ذلك.
- Open.GL - دليل يعلمك أساسيات استخدام OpenGL.
- تظليل البكسل - مقدمة تفاعلية لبرمجة الرسومات.
- OpenGlbook - برنامج برمجة OpenGL مجاني في تنسيق الكتاب عبر الإنترنت.
- مشاريع برمجة الرسومات - احجز عن الرسومات الحاسوبية ثلاثية الأبعاد من قبل Morgan McGuire.
- على الخوارزميات التوليدية - ملاحظات حول توليد أنماط عضوية مختلفة ، مع أمثلة ورمز Python ، بقلم Anders Hoff.
- رسومات الكمبيوتر من نقطة الصفر - كتاب مدرسي Raytracing and Rasterization يعلمك كيف يعمل OpenGL و DirectX.
- تمهيدي على منحنيات Bézier - كتاب مجاني عندما تحتاج حقًا إلى معرفة كيفية القيام بأشياء Bézier.
- تظليل اللعبة ثلاثية الأبعاد للمبتدئين-دليل خطوة بخطوة لتقنيات التظليل في الوقت الفعلي.
- دليل XEM WebGL-دليل خطوة بخطوة إلى WebGL.
- دفاتر الترميز الإبداعية - مجموعة مؤخرة من وصفات بيثون الأساسية حول الترميز الإبداعي وفن الكمبيوتر ، بقلم دييغو إناسيو.
- WebGL Academy - تعلم WebGL والخوارزمية ثلاثية الأبعاد بطريقة تقدمية وتفاعلية.
دورات
- قم بإنشاء رسومات ثلاثية الأبعاد في JS باستخدام WebGL - ابدأ في إنشاء المحتوى مع WebGL دون أي أطر.
- تعلم HTML5 الرسومات والرسوم المتحركة - مقدمة إلى Canvas 2D Drawing API.
- الرسومات ثلاثية الأبعاد التفاعلية - دورة Udacity التي تعلمك مبادئ رسومات الكمبيوتر ثلاثية الأبعاد.
- رسومات الكمبيوتر التفاعلية - دورة رسومات الكمبيوتر من Coursera.
- الترميز الإبداعي Kadenze - اختيار دورات Kadenze التي تغطي P5.JS و TensorFlow و Max/Jitter و Chuck.
- البرمجة الإبداعية للوسائط الرقمية وتطبيقات الهاتف المحمول - دورة Coursera حول الترميز الإبداعي مع المعالجة.
- المعهد الخيالي - تعلم كيفية إنشاء رسومات تفاعلية رائعة.
- Learn Future: الترميز الإبداعي - استخدم برمجة الكمبيوتر باعتباره تخصصًا إبداعيًا لإنشاء الأصوات والصور والرسوم المتحركة والمزيد.
- مقدمة إلى JS: الرسم والرسوم المتحركة - استخدم JavaScript ومكتبة ProcessingJS لإنشاء الرسومات والرسوم المتحركة.
- JS المتقدمة: المحاكاة الطبيعية - الجمع بين JS ، ProcessingJs ، والمفاهيم الرياضية لمحاكاة الطبيعة في برامجك
- تصور البيانات التفاعلية مع المعالجة - تعلم كيفية قراءة وخريطة وتوضيح البيانات مع المعالجة.
- تصورات بيانات البرمجة: مجموعة أدوات ترميز للمعالجة - انضم إلى مصمم المعلومات نيكولاس فيلتون في عالم المعالجة.
- مقدمة في تصور البيانات - انضم إلى Nicholas Felton للحصول على مقدمة ذكية وشاملة وملهمة لتصور البيانات.
- برمجة الرسومات I ، 2 ، 3 - تعلم الفن التوليدي والمعالجة مع الفن مع Joshua Davis.
- الترميز الإبداعي مع Canvas & WebGL - ورشة عمل من قبل Matt Deslauriers. هذا يعلمك عن الفن التوليدي ، والرسوم المتحركة التفاعلية ، والرسومات ثلاثية الأبعاد ، والتظليل.
- الترميز الإبداعي المتقدم مع WebGL & Shaders - ورشة عمل من قبل Matt Deslauriers التي تتعمق في برمجة الرسومات والرياضيات والتظليل.
- Three.js Journey - ستعلمك هذه الدورة التدريبية من Bruno Simon الأسرار لإنشاء أروع مواقع الويب WebGL مع ثلاثة. js سواء كانت مبتدئًا أو مطورًا متقدمًا.
- برمجة رسومات الكمبيوتر ثلاثية الأبعاد - تعلم كل النظرية والرياضيات وراء الرسومات ثلاثية الأبعاد أثناء إنشاء عارض برامج من نقطة الصفر باستخدام لغة البرمجة C
أدوات
الأطر • المكتبات • النظم الإيكولوجية
- المعالجة [عبر المنصات] - لغة برمجة الكمبيوتر و IDE للفنون البصرية.
- PY5 [Cross -Platform] - مكتبة تدمج المعالجة في نظام Python 3 ecossystem.
- Cinder [cross-platform]-مكتبة المصدر المفتوح للترميز الإبداعي ذو الجودة المهنية في C ++.
- OpenFrameworks [cross -platform] - Open Source C ++ Toolkit للترميز الإبداعي.
- C4 [iOS] - إطار تشفير إبداعي مفتوح المصدر لنظام التشغيل iOS.
- Unity [Mac ، Win] - Game Engine ، ولكنه مفيد للترميز والتركيبات الإبداعية.
- Godot [cross -platform] - محرك لعبة مفتوح المصدر ، يمكن أيضًا استخدامه لجميع أنواع الأشياء.
- PlayCanvas [cross -platform] - Open Source ، محرك WebGL التعاوني الحقيقي.
- hg_sdf [cross -platform] - مكتبة GLSL لبناء وظائف مسافة موقعة.
- Nannou [cross-platform]-إطار تشفير إبداعي مفتوح المصدر للغة الصدأ.
- Thi.ng [cross -platform] - مجموعة مفتوحة المصدر لأدوات التصميم الحسابية لـ JavaScript و TypeScript و clojure و clojurecript.
- Pixelkit [iOS ، MAC] - المصدر المفتوح ، الرسومات الحية ، إطار العمل السريع ، مدعوم من المعدن.
- OpenRndr [cross -platform] - مكتبة مفتوحة المصدر للترميز الإبداعي المكتوبة في Kotlin.
- Phaser [Cross -Platform] - HTML5 Framework لبناء الألعاب ، يستخدم كلاً من Canvas و WebGL.
- Canvas-sketch [cross-platform]-HTML5 Framework لصنع أعمال فنية توليدية في JavaScript والمتصفح.
- AsyncGraphics [iOS ، MacOS] - المصدر المفتوح ، الرسومات المباشرة ، Async / Ast ، حزمة سريعة ، مدعومة بالمعادن.
- Lygia [cross-platform]-مكتبة تظليل الحبيبية والمتعددة اللغات (GLSL ، HLSL ، WGSL ، MSL و CUDA) مصممة للأداء والمرونة.
- Fragment.tools [cross -platform] - بيئة تطوير الويب للترميز الإبداعي.
لغات البرمجة البصرية
- VVVV [WIN] - بيئة برمجة البصرية/النصية الهجينة لسهولة النماذج الأولية والتطوير.
- NODEBOX [MAC ، WIN]-واجهة المستخدم الرسومية عبر المنصات ، واجهة المستخدم الرسومية القائمة على العقدة لتصورات البيانات الفعالة والتصميم التوليدي.
- TouchDesigner [Mac ، Win] - منصة التطوير المرئي لإنشاء مشاريع في الوقت الفعلي.
- مؤلف الكوارتز [MAC] - أداة تطوير لمعالجة وتقديم البيانات الرسومية.
- VUO [MAC] - بيئة برمجة الوسائط التفاعلية الحية.
- Max [Mac ، Win] - لغة البرمجة المرئية للوسائط.
- البيانات النقية [Cross -Platform] - لغة البرمجة المرئية مفتوحة المصدر للوسائط المتعددة.
- نقاط OSSIA [منصة التبادلية]-المتسلسل التفاعلي ، Intermedia الصوتي البصري.
- TOOLL [WIN] - أداة مفتوحة المصدر لإنشاء محتوى ثلاثي الأبعاد تفاعلي والرسوم المتحركة.
- XOD [cross-platform]-لغة البرمجة المرئية المفتوحة المصدر والبيئة للمشاريع المستندة إلى متحكم.
- Isadora [cross -platform] - برنامج التحكم في الوسائط القائم على المشهد مع خريطة إسقاط متكاملة.
- Cables [Cross -Platform/Web] - مجموعة النماذج الخاصة بك لإنشاء محتوى تفاعلي جميل. حاليا في النسخة التجريبية الخاصة ، يمكن طلب دعوات.
- الأبدية [الويب] - برامج مثل الرسوم البيانية والرسوم البيانية كأدوات تكوينية للإنشاء
- Notch Builder [Win]-أداة تأليف قائمة على العقدة مع تركيز قوي على الرسومات في الوقت الفعلي. حاليا في بيتا.
- Joy.js - أداة الترميز المرئي في الوقت الفعلي ، يسهل فهمها وتهدف إلى المبتدئين.
- الدوائر [iPhone ، iPad ، Mac] - محرر عقدة الرسومات المباشرة ، مدعوم من AsyncGraphics.
- TIC -80 - اصنع ألعاب وفن فن البكسل على شاشة 240*136 بكسل.
لغات البرمجة الصوتية
- SuperCollider [متعدد المنصات] - منصة لتوليف الصوت والتكوين الخوارزمي.
- Chuck-لغة برمجة الموسيقى المتزامنة ، المتزامنة ، وذات الطيران.
- Tidalcycles - مجال محدد المجال للترميز المباشر للنمط.
- Sonic PI - موالفة موسيقى الترميز الحية للجميع.
- CSOUND - نظام حوسبة الصوت والموسيقى.
- ORCA - بيئة الترميز المباشر لإنشاء تسلسلات إجرائية بسرعة.
- هاندل - لغة برمجة إجرائية صغيرة لكتابة الأغاني في المتصفح.
- Obdone - بيئة صوتية مفتوحة المصدر مصممة لاستكشاف أفكار موسيقية جديدة من التوليف وبناء الأدوات إلى الترميز الحي.
- Melrōse - بيئة إنتاج MIDI لإنشاء موسيقى (حية).
- GLICOL - لغة الترميز المباشر الموجهة إلى الرسم البياني ومكتبة الموسيقى/الصوت DSP مكتوبة في Rust.
برمجة الويب • المكتبات
- Three.JS - JavaScript 3D Library.
- Regl - WebGL الوظيفية.
- Stackgl - فتح النظام البيئي للبرامج لـ WebGL ، المصممة على رأس المتصفح و NPM.
- paper.js - سكين الجيش السويسري من البرمجة النصية للرسومات المتجهات.
- PIXI.JS - محرك عرض HTML 5 2D الذي يستخدم WebGL مع قماشية.
- P5.JS - مكتبة JavaScript التي تبدأ بالهدف الأصلي للمعالجة.
- PTS.JS - مكتبة JavaScript للتصور والترميز الإبداعي.
- Fabric.js-JavaScript Canvas Library ، SVG-to-Canvas Parser.
- Maker.JS - رسم خط حدودي لـ SVG و CNC و Laser Cutters.
- OpenJScad - نمذجة ثلاثية البرمجيات في JavaScript.
- Sketch.js - الحد الأدنى من إطار الترميز الإبداعي JavaScript.
- Two.js - رسم API ثنائي الأبعاد موجه نحو متصفحات الويب الحديثة.
- Claygl - مكتبة الرسومات WebGL لبناء تطبيقات Web3D القابلة للتطوير.
- بروتون - محرك جافا سكريبت خفيف الوزن وقوي.
- Lightgl.js - مكتبة ويب خفيفة الوزن.
- Picogl.js - مكتبة عرض WebGL 2 الحد الأدنى.
- Alfrid - مجموعة أدوات WebGL.
- Babylon.JS - إطار عمل JavaScript الكامل لبناء ألعاب ثلاثية الأبعاد مع HTML 5 و WebGL.
- Twigl - مكتبة Helper Tiny WebGL.
- LUMA.GL - WebGL2 مكونات لتصور البيانات.
- CSS -Doodle - مكون ويب لرسم أنماط مع CSS.
- OGL.JS - JavaScript 3D Library (WebGL).
- ZDOG - محرك Pseudo -3D لـ Canvas & SVG.
- OIMO.JS - محرك الفيزياء ثلاثية الأبعاد خفيفة الوزن لجافا سكريبت
- Ammo.js - المنفذ المباشر لمحرك فيزياء الرصاص إلى JavaScript باستخدام emscripten.
- مسرح. js - مكتبة تصميم الحركة مع أدوات مرئية
- GraphicsJS - مكتبة JavaScript خفيفة الوزن مفتوحة المصدر للرسومات والرسوم المتحركة (SVG/VML).
رسم خرائط الإسقاط • vjing
- MadMapper [MAC] - توقعات تعيين الفيديو ورسم خرائط الضوء.
- VDMX [MAC] - تطبيق أداء الوسائط المتعددة في الوقت الفعلي.
- Modul8 [MAC] - خلط الفيديو في الوقت الحقيقي والتكوين.
- Resolume [Mac ، Win] - خلط الفيديو الرقمي والتأثيرات في الوقت الفعلي.
- COGE VJ [MAC] - برنامج VJ مصمم لخلط VIDEO HD REALTY HD وتكوينه مع واجهة مستخدم معيارية.
- VirtualMapper - أداة المعاينة في الوقت الفعلي لرسم خرائط الإسقاط.
- Millumin [MAC] - برنامج لإنشاء وتنفيذ عروض صوتية تفاعلية.
- SMODE [WIN]-محرك إنشاء 2D/3D في الوقت الفعلي ومحرك تعيين الفيديو.
- Veejay [Linux] - أداة أداء حية تتميز بالتحرير والخلط البسيط غير الخطي من مصادر متعددة (الملفات ، الأجهزة ، التدفقات ...)
متصل
- Shadertoy - بناء ومشاركة التظليل مع العالم والحصول على إلهام.
- Tader Park - مكتبة JavaScript لإنشاء تظليلات إجرائية ثنائية وثلاثية الأبعاد تفاعلية.
- GLSL Sandbox - محرر تظليل عبر الإنترنت ومعرض.
- محرر SHDR - محرر تظليل عبر الإنترنت.
- CODEPEN - إظهار حالة التقنيات المتقدمة مع رمز المصدر القابل للتحرير.
- Shadershop - واجهة لبرمجة تظليلات GPU.
- Vertexshaderart - محرر ومعرض تظليل عبر الإنترنت.
- Cyos - محرر تظليل عبر الإنترنت.
- Glsleditor - محرر شظية WebGL Simple WebGL.
- OpenProcessing - إنشاء وتجربة التصميم الخوارزمي والمعالجة و P5.JS.
- P5.JS Editor - محرر الويب عبر الإنترنت لـ P5.JS.
- LiveCodelab-أداة Run-As-You من أجل VJs ، الموسيقيين ، المعلمين ، الطلاب ، الأطفال.
- Turtletoy - API الحد الأدنى وعرض عبر الإنترنت للرمز التوليدي. (JavaScript)
- Shadergif - Open Source Home للفن المصنوع من الكود (WebGL1/2 ، JavaScript Canvas & P5.js).
- P5Live - P5.JS بيئة ترميز الحية.
- NEORT - منصة الفن الرقمي للمبرمجين الإبداعيين (شظية الأجزاء ، قماشية JavaScript).
- شيلي - تعلم البرمجة عن طريق إصدار تعليمات إلى سلحفاة.
- Tixy.land - بيئة الترميز الإبداعية الأكثر الحد الأدنى هي على قيد الحياة.
- BBC Micro Bot - قم بتشغيل تغريتك على محاكي كمبيوتر 8 بت.
- Hydra - Synth Video -Synth وبيئة الترميز.
الأجهزة
- Arduino - مجموعات متحكم مفتوحة المصدر لبناء الأجهزة الرقمية والأشياء التفاعلية.
- Raspberry PI - أجهزة الكمبيوتر الصغيرة لوح واحد.
- Puck.JS - متحكم JavaScript مفتوح المصدر يمكنك برمجة لاسلكيًا.
- Beagleboard-أجهزة الكمبيوتر ذات الألواح الواحدة مفتوحة الطاقة منخفضة الطاقة.
- Makey Makey - تحويل الأشياء اليومية إلى لوحات اللمس ودمجها مع الإنترنت.
- Motion Leap - جهاز المستشعر الذي يدعم حركات اليد والإصبع كمدخلات.
- Axidraw - قلم بسيط وحديث ودقيق.
- Phidgets - أجهزة الاستشعار وأجهزة الإدخال وأجهزة التحكم لأجهزة الكمبيوتر.
- Teensy - نظام تطوير Microcontroller المستند إلى USB.
- Lightform - رسم خرائط لإسقاط AR مع مستشعر العمق المدمج.
آخر
- Synth Synth [cross -platform] - تطبيق لإنشاء الهياكل ثلاثية الأبعاد عن طريق تحديد قواعد التصميم.
- F3 [MAC] - تطبيق تصميم ثلاثي الأبعاد قوي يمكّنك من نموذج الكود ثلاثي الأبعاد.
- جزء [MAC]- تطبيق الرسومات LIVE CODE GLSL.
- Shadertool [Win] - Modern Shader IDE للمبرمجين والفنانين FX.
- Siphon [Mac] - يسمح للتطبيقات بمشاركة الإطارات مع بعضها البعض في الوقت الفعلي.
- Kodelife-محرر Shader GPU في الوقت الفعلي ، أداة أداء الرمز المباشر ورسومات SketchPad.
- ISF - تظليل GLSL للاستخدام في التطبيقات التفاعلية.
- GLSLViewer - أداة وحدة التحكم الحية التي تجعل تظليل GLSL GLSL.
- SHOEBOT [Cross -Platform] - SHOEBOT هي بيئة ترميز إبداعية مصممة لصنع رسومات المتجهات والرسوم المتحركة مع Python.
- Drawbot [MAC] - بيئة برمجة الرسومات ثنائية الأبعاد الموجه نحو التعليم على أساس بيثون.
- KLAK - مجموعة من البرامج النصية للترميز الإبداعي مع الوحدة.
- Basil.js - البرمجة النصية (JS) في InDesign للمصممين والفنانين بروح المعالجة.
- Konstrukt [cross -platform] - أداة سطر الأوامر لإنشاء أنماط مختلفة قابلة للتحجيم مثل SVGs.
موارد التعلم
مقاطع الفيديو
- قطار الترميز - دانييل شيفمان يصنع مقاطع فيديو حول الترميز الإبداعي.
- MFGD - تظليل الأجزاء - قائمة تشغيل YouTube حول تظليل الأجزاء.
- مختبر التظليل - قناة YouTube حول التظليل.
- تبدو Makin 'Stuff جيدة - قناة YouTube حول دراسات حالة التظليل.
- سلسلة تعليمية OpenFrameworks - سلسلة YouTube لتعلم OpenFrameworks
- OpenFrameworks Tutorial - قائمة تشغيل YouTube حول OpenFrameworks - لم يتم تحديثها [2015].
- سلسلة Shader Tutorial - قائمة تشغيل YouTube حول التظليل ، باستخدام رمز Visual Studio.
- سلسلة KHA التعليمية - قائمة تشغيل YouTube حول إطار KHA ، الذي تم بناؤه في Haxe.
- متعة مع WebGL 2.0 - قائمة تشغيل YouTube حول WebGL 2.0.
- Modern OpenGL 3.0+ البرامج التعليمية - قائمة تشغيل YouTube حول OpenGL الحديثة.
- Vertexshaderart - قائمة تشغيل YouTube حول تظليلات Vertex.
- الغوص في Three.js - قائمة تشغيل YouTube الغوص في ثلاثة.
- دروس Shadertoy - قائمة تشغيل YouTube التي تعلمك كيفية صنع التظليل ، بدءًا من المعرفة الصفرية باستخدام ShaderToy.
- WebGL Lightning - مقدمة إلى WebGL Lightning مع Greg Tatum.
محادثات
- مقدمة إلى WebGL Slides Video - مقدمة إلى WebGL مع Three.js.
- Inigo Quilez Live - مجموعة من مقاطع فيديو الترميز المباشر من قبل íñigo quílez.
- هناك أيضًا قماش - Bruno Imbrizi تمر باستخدام قماش للترميز الإبداعي في WebExpo 2016. الشرائح التفاعلية هنا.
- OpenGL 3D Game Tutorials - سلسلة المبتدئين التعليمية حول إنشاء ألعاب ثلاثية الأبعاد Openg.
- كيف نفعل هذا القرف - تحدث عن كيفية قيام الفنانين القائم على التكنولوجيا بذلك مالياً.
- صنع رقصة الويب - كيف تعلمت التوقف عن القلق وأحب الجبر الخطي.
- The Pixel Factory - تحدث عن WebGL و GPUS و Math by Steven Wittens.
- الحساب الشعري - الحديث الملهم لزاك ليبرمان.
- الآلات التوليدية - FITC Talk by Matt Deslauriers حول شغفه بالفن التوليدي.
المقالات • الدروس
التظليل • OpenGL • WebGL
- مقدمة إلى التظليل - الجزء 1 من مقدمة إلى التظليلات باستخدام ثلاثة ج.
- Three.JS 101 - مقدمة إلى ثلاثة. JS من منظور المبرمج الإبداعي.
- LWJGL: تظليل - تظليل البرنامج التعليمي في سياق LWJGL -Basics.
- التظليل: تمهيدي - تمهيدي على التظليل.
- التظليل: المرحلة الثانية - الجزء الثاني إلى السابق.
- دروس الويب - تظليل الأجزاء - مقدمة موجزة لتظليل الأجزاء.
- دروس WebGL - ThreeJS تظليل - باستخدام قمة الرأس المخصصة وتظليل الأجزاء في ثلاثة ج.
- ThreeJS Post-Proces مثال-مثال على تأثيرات ما بعد المعالجة في ثلاثة ج.
- شعاع مسيرة ووظائف المسافة الموقعة - مقدمة في تتبع الشعاع.
- مقدمة إلى Ray Tracing - طريقة بسيطة لإنشاء صور ثلاثية الأبعاد.
- GLSL الإضاءة تجول - تعليمي تظليل فونج مع glslify.
- مثال على ثلاثة glslify - مثال على كيفية استخدام Three.js مع glslify.
- WebGL Beyond Dom - Greg Tatum اشرح الأساس لـ WebGL باستخدام regl.
- جزيئات FBO - مقالة حول جزيئات FBO/GPGPU بواسطة nicoptere.
- Ray Marching (مع Three.JS) - مقال حول Ray Marching مع Three.js بواسطة nicoptere.
- تظليلات مخصصة مع Three.js - مقدمة في التظليلات المخصصة ، الزي الرسمي ، القوام والإضاءة في ثلاثة.
- مقدمة إلى OpenGL الحديثة - الجزء الأول من مقدمة إلى OpenGL الحديثة.
- سلسلة OpenGL الحديثة - مقدمة جيدة لبعض مصطلحات OpenGL.
- الحد الأدنى السلس - مقال حول الاتحاد البدائي السلس.
- النمذجة مع وظائف المسافة - جمع وظائف المسافة في مكان مركزي واحد.
- التقديم الحجمي - يشرح كيفية إنشاء أشكال ثلاثية الأبعاد معقدة داخل التظليلات الحجمية.
- التقديم في الوقت الفعلي-كتاب ومدونة وجمع الموارد فيما يتعلق بالعرض في الوقت الفعلي.
- OpenGL 4 TAMERES - مقدمة قصيرة وحلوة إلى OpenGL TAMERS بواسطة Anton Gerdelan.
- على Ray Casting و Ray Tracing و Ray Marching وما شابه ذلك - يقول العنوان كل شيء. مقدمة من ADOK.
- كتابة عارض برامج صغير - مقدمة جيدة حقًا لكيفية عمل تقديم البرامج الأساسية.
- دروس WebGL - موقع الويب مع مجموعة جيدة حقًا من دروس الويب.
- توليد هندسة: 1 ، 2 ، 3 - مقدمة المبتدئين حول كيفية إنشاء كائن هندسي.
- في تظليلات Vertex - سلسلة من البرامج التعليمية حول WebGL و Three.JS و Three.BAs.
- مسافات WebGL - نظرة عامة موجزة على أنظمة الإحداثيات المختلفة من خلال خط أنابيب الرسومات ثلاثية الأبعاد.
- WebGL Workshop - مقدمة قصيرة وحلوة عبر الإنترنت إلى WebGL.
- Three.js و instanced هندسة - Predator Fluffy مع ثلاثة.
- تأثيرات الجسيمات عبر اللوحات الإعلانية - كيفية إنشاء تأثيرات الجسيمات مع Billboarding و WebGL.
- تحريك النقاط بشكل جميل مع WebGL و Regl - كيفية إنشاء جزيئات GPGPU مع regl.
- WebGL البرنامج التعليمي: رسم خرائط الظل الاتجاهية بدون امتدادات - مقدمة للمفاهيم وراء خرائط الظل الضوئية في الوقت الحقيقي.
- WebGL Quest - برنامج تعليمي وقائمة من الموارد المفيدة لاستخدام وظائف WebGL Raymarching والمسافة بسهولة.
- استكشاف رسم الخرائط مع WebGL - مقدمة لتقنيات رسم الخرائط المختلفة.
- OpenGL/GLSL Shader برمجة - سطح على برمجة OpenGL/GLSL Shader.
- الجسيمات في حقل تدفق الضوضاء البسيط - تعليمي حقل تدفق ضوضاء بيرلين.
- حقول التدفق ، الجزء 1 - مقدمة لحقول التدفق المعروفة أيضًا باسم حقول المتجهات.
- حقول التدفق ، الجزء 2 - مقدمة لحقول التدفق المعروفة أيضًا باسم حقول المتجهات.
- رسومات للألعاب - مقدمة لبرمجة الرسومات ثلاثية الأبعاد بما في ذلك التظليلات ، والرياضيات بعد المعالجة ، إلخ. من جامعة نيوكاسل.
- Three.js أساسيات - مقدمة إلى ثلاثة. JS من قبل إريك هينز.
- مقدمة تفاعلية لـ WebGL و Three.js - الشرائح من ورشة عمل Siggraph 2017 WebGL.
- كيفية البدء في تعلم برمجة رسومات الكمبيوتر - نصيحة وأفكار حول كيفية البدء من قبل Eric Arnebäck.
- ما يجب أن يعرفه كل المبرمج عن غاما - الغوص العميق في أهمية جاما.
قماش
- HTML Canvas Deep Dive - مقدمة عميقة في Canvas API.
- 31 يومًا من دروس القماش - مجموعة من البرامج التعليمية القماشية التي كتبها Seb Lee Delisle.
الأجهزة
- PEN PLOTTER ART & LEGORITHMS Part 1 ، 2 - كيفية استخدام Axidraw PEN DELTER مع JavaScript.
آخر
- الضوضاء في الترميز الإبداعي - منشور المدونة المتعمقة حول الضوضاء كأداة لا غنى عنها للترميز الإبداعي.
- القط مثل الترميز - دروس متعمقة على الرياضيات والخوارزميات والوحدة.
- البرمجة الممتعة - تعلم الترميز الإبداعي كتابة برامج بسيطة.
- الترميز الإبداعي على iOS مع C4 - مقدمة إلى C4 المنشورة على التطبيقات الإبداعية.
- COSMOS-برنامج تعليمي شامل حول تصميم وبرمجة وإطلاق تطبيق باستخدام C4.
- فيزياء الجسيمات - شرح فيزياء الجسيمات.
- تصور الخوارزميات - تبحث في استخدام التصور لفهم الخوارزميات وشرحها وتصحيحها.
- Adventures in Game Development World - من السهل فهم مجموعة المقالات حول تطوير اللعبة ، ولكنها ذات صلة بالترميز الإبداعي أيضًا.
- معلومات برمجة لعبة Amit - مجموعة من الموارد على أشياء مثل تحديد المسارات ، الذكاء الاصطناعي ، الرياضيات إلخ.
- نصائح لتحسين عملك الفني التوليدي - نصائح لجعل فنك يبدو أفضل.
- العمل مع اللون في الفن التوليدي - نصائح حول كيفية الحصول على اللون بشكل صحيح.
تفاعلي
- Shader -School - ورشة عمل لتظليل GLSL وبرمجة الرسومات.
- WebGL-Workshop-تتمة إلى مدرسة Shader: تعلم WebGL API.
- شظية الجهد - البرنامج التعليمي التفاعلي شظية تظليل.
- SDF Tutorial 1: Box & Balloon - Shadertoy Tutorial on Raytracing.
- Howto: Ray Marching - Shadertoy Tutorial on Ray Marching.
- Raymarch Tutorial2 - Shadertoy Raymarch البرنامج التعليمي.
- دروس GLSL 2D - برنامج Shadertoy GLSL 2D.
- انهيار الفقاعة - انهيار تظليل من بيرلين.
- دعنا نجعل راي مارشر - تظليل تفاعلي على كتابة مسيرة راي.
- RAYMARCHING - TANERACTIVE TAMER -TOY -TOY RAYMARCHING TURIPART.
مراجع سريعة • حلقات الغش
- Shaderific GLSL - OpenGL ES مرجع لغة التظليل.
- كتاب التظليل مسرد - تظليل مسرد بواسطة موضوع.
- Gltut Glossary Pages: 1 ، 2 ، 3 ، 4 ، 5 ، 6 ، 7 ، 8 - OpenGL 3D Programming Glossary.
- Canvas Cheatsheet - Chevas Chevas Quick and Visual Chevas.
- WebGL Cheatsheet - WebGL 1.0 API Card.
- مسرد رسومات الكمبيوتر - مسرد المصطلحات المتعلقة رسومات الكمبيوتر.
- دليل مرجع GLSL - دليل مرجعي تظليل OpenGL.
- ورقة الغش ثلاثية الأبعاد - Mathsheet من قبل Anton Gerdelan ، من كتاب OpenGL.
- DOCS.GL - تحسين وثائق OpenGL الرسمية.
- OpenGL LAGHTING LANGY - KHRONOS GROUP GLSL WIKI.
- OpenGL 4.3 بطاقة مرجعية - بطاقة مرجعية PDF لـ OpenGL 4.3 API.
- EASINGS - وظائف التخفيف التفاعلية Cheatsheet.
- Pixelspirit - مكتبة GLSL على ظهر بطاقات التارو ، للتعلم والمرجع.
- الأنماط الإجرائية والضوضاء - جمع الأنماط الإجرائية والضوضاء الإجرائية.
- الضوضاء البصرية - تصور خوارزميات الضوضاء في 1D و 2D.
- Trigonoparty - تصور علم المثلثات البسيط.
- التشكل - استكشاف كيفية ظهور الأشكال والأشكال والأنماط في الطبيعة.
المجتمعات
الفرعية
- R/CreativeCoding - مشاركة ومناقشة استخدام برمجة الكمبيوتر باعتبارها تخصصًا إبداعيًا.
- r/raytraycing - subreddit على raytracing.
- R/OpenGL - الأخبار والمناقشة حول OpenGL على جميع المنصات.
- R/GraphicsProgramming - SubredDit على برمجة الرسومات.
- r/المعالجة - subreddit على المعالجة.
- R/TAMERES - Subreddit على التظليل.
- R/الإجراءات الإجرائية - Subreddit على الجيل الإجرائي.
- r/machinelearning - subreddit على التعلم الآلي.
- r/generative - subreddit على الفن التوليدي والموسيقى.
الركود
- Creative Coding Club - Creative Coding Club Slack.
آخر
- بودكاست الترميز الإبداعي - Iain و Seb يناقشان خصوصيات الترميز الإبداعي.
- timevfx.com - مجتمع VFX في الوقت الحقيقي.
- قصص البيانات - بودكاست على تصور البيانات.
- Programming Programming المقالات الأسبوعية - مجموعة رائعة من الموارد المظلي والرياضيات.
- Pass the Pen - مجتمع من المطورين الأماميين الذين يبنون مشاريع الترميز الإبداعية التعاونية على Codepen.
- Creative Tech Week - رسالة إخبارية أسبوعية للموارد حول التكنولوجيا الإبداعية.
الرياضيات
- الرياضيات كرمز - ورقة الغش للتدوين الرياضي في نموذج رمز.
- ترميز الرياضيات - يعلمك الرياضيات التي تحتاج إلى فهمها كمبرمج.
- قصاصات الرياضيات - قصاصات الرياضيات مع وضع برمجة رسومية في الاعتبار.
- الرسوم المتحركة الصيغة - مبادئ الرسم مع الرياضيات.
- تعلم الرياضيات مرة أخرى - مجموعة من مقتطفات الرياضيات JS و GLSL.
- يخفف - استيلاء على المعادلات التخفيف المعيارية.
- الرياضيات للحركة - تصور معادلات الحركة المختلفة.
- مضاعفة المصفوفة - مضاعفة المصفوفة تصور.
- قواعد الجبر - القواعد الأكثر فائدة للجبر الأساسي.
- الرياضيات الغامرة - الجبر الخطي التفاعلي بالكامل.
- حبات الصور - مقدمة تفاعلية ومرئية لنواة الصورة.
- الجيب وجيب التمام - التفسير التفاعلي للجيب وجيب التمام.
- Perlin Noise - Perlin Noise شرح بالتفصيل.
- Vector Math for 3D Computer Graphics - البرنامج التعليمي على الجبر المتجه وجبر المصفوفة من وجهة نظر رسومات الكمبيوتر.
- Desmos - وظائف الرسم البياني ، بيانات المؤامرة ، تقييم المعادلات ، استكشاف التحولات ، وأكثر من ذلك بكثير.
- MFGD - MATH لمطوري الألعاب YouTube.
- جوهر الجبر الخطي - جوهر قائمة تشغيل الجبر الخطي YouTube.
- رياضيات الرسوم المتحركة - شرائح حول رياضيات الرسوم المتحركة (repo).
- الرسم مع الفيزياء الرياضيات والفيزياء - مقدمة جميلة ومرئية للرياضيات وشبه الفيزياء.
- جين كوجان: ضجيج بيرلين - مقدمة إلى ضوضاء بيريلين ثنائية الأبعاد.
- Matrix Math وأنت - مقدمة عالية المستوى إلى المصفوفات.
- الرموز الرياضية - قائمة جميع الرموز والعلامات الرياضية.
- المصفوفة الرائعة ثنائية الأبعاد - أداة تفاعلية لفهم مصفوفات التحول بشكل أفضل.
- Game Dev Movement Cheatsheet مع أمثلة - قصاصات الرياضيات JavaScript للحركة.
- ورقة الغش في الرياضيات وعلم المثلثات للألعاب 2D & 3D-Maths Cheat Shout لـ 2D و 3D Game-Makers.
- مصفوفات للترميز الإبداعي - مقدمة إلى المصفوفات بواسطة Greg Tatum.
- صنع الأشياء مع الرياضيات - تحدث بواسطة Steven Wittens حول Curves Bezier ، والتوليد الإجرائي ، ومحركات الفيزياء والفراغال.
- MyPhysicsLab - عمليات محاكاة للفيزياء التفاعلية في الوقت الفعلي ، مع الصيغ والرمز.
- الرياضيات البديهية - تفسيرات لحقول مثل الجبر الخطي والهندسة المصممة لمساعدتك على تطوير حدس بصري لما يجري.
- L-Systems-حزمة Haskell للأنظمة L.
- الاستيفاء الخطي - مقدمة إلى الاستيفاء الخطي (المعروف أيضًا باسم Mix/LERP).
- الاستخدام العملي للرياضيات المتجهات في الألعاب - مقالة متعمقة عن ناقلات الرياضيات.
- أرقام عشوائية الرعاة - دليل صغير لرعي الأرقام العشوائية.
- رعاة الشبكات العشوائية - دليل صغير لرعاة الشبكات العشوائية.
- الرعاة النمو العشوائي - دليل صغير لرعي النمو العشوائي.
التعلم الآلي • رؤية الكمبيوتر • الذكاء الاصطناعي
- ML4A - التعلم الآلي للفنانين.
- Keras.js - Run Keras Models (TensorFlow الخلفية) في المتصفح ، مع دعم GPU.
- Tesseract.js - JavaScript النقي متعدد اللغات التعرف الضوئي.
- Google ML - Cloud Machine Learning by Google.
- TensorFlow - مكتبة برامج مفتوحة المصدر لذكاء الجهاز.
- Convnetjs - التعلم العميق في متصفحك.
- WeKinator - يسمح لأي شخص باستخدام التعلم الآلي.
- التعلم الآلي - ترميز قطار الريبو مع روابط لموارد التعلم الآلي.
- creativeai.net - مساحة لتبادل مشاريع الذكاء الاصطناعي الإبداعية.
- AI Playbook - AI Microsite تهدف إلى مساعدة القادمين الجدد على البدء.
- آلة قابلة للتعليم - استكشف كيفية عمل التعلم الآلي ، والعيش في المتصفح.
- TensorFlow.js - مكتبة JavaScript للتدريب ونشر نماذج ML في المتصفح وعلى Node.js.
- مرحبًا TensorFlow - تم تعليق TensorFlow.js بشكل كامل.
- ML5.JS - التعلم الآلي الصديق للويب.
- نموذج حديقة الحيوان - اكتشف رمز التعلم العميق مفتوح المصدر والنماذج المسبقة.
- المدرج - مجموعة أدوات تضيف قدرات الذكاء الاصطناعي لتصميم ومنصات إبداعية.
- الفص - بناء وتدريب وشحن نماذج التعلم العميق المخصص باستخدام واجهة بصرية بسيطة.
- ModelDepot - منصة لاكتشاف وتبادل ومناقشة نماذج التعلم الآلي سهلة الاستخدام وتدريبها مسبقًا.
إلهام
- OpenProcessing - تصاميم الخوارزمية التي تم إنشاؤها مع المعالجة ، P5Js و ProcessingJs.
- Dwitter - شبكة اجتماعية لعروض جافا سكريبت قصيرة.
- تجارب Chrome - عرض تجارب الويب التي كتبها مجتمع الترميز الإبداعي.
- codedoodl.es - عرض من رسومات الترميز الإبداعية المنسقة.
- للمعالجة الخاصة بك - المشاريع والدروس التعليمية حول المعالجة.
- الفن من الكود - الرسومات الرمز من قبل كيث بيترز.
- Generator.x - مجموعة فليكر حول الاستراتيجيات التوليدية في الفن والتصميم.
- الفن التوليدي - مجموعة فليكر حول الفن التوليدي.
- ملهم عبر الإنترنت - مدونة مفتوحة المصدر Micro حول الأعمال الملهمة والإبداعية المنشورة على الإنترنت.
- الأشخاص الذين يجب أن تتبعهم على CodePen - قائمة الأشخاص المثيرين للاهتمام يستحق المتابعة.
- Raven Kwok - Tumblr للفنان البصري Raven Kwok.
- P5art - مجموعة جيدة حقًا من التجارب في المعالجة.
- Echophon - Tumblr مع الإلهام البصري.
- النحل والقنابل - Tumblr مع صور GIF بواسطة Dave.
- ديفارت - الاحتفال بالفن المصنوع من كود من قبل الفنانين الذين يدفعون إمكانيات الإبداع.
- Folds2d - Tumblr مع المنحنيات والأسطح وحقول العددية والمتجهات.
الأحداث
- Offf Festival - مهرجان التصميم الرقمي ( مهرجان Flash Film ).
- مهرجان Gray Area - مهرجان الترميز الإبداعي والفن والتكنولوجيا.
- مهرجان الإشارة - عرض الفن الخفيف والتقنيات الناشئة في براغ ، جمهورية التشيك.
- مهرجان Eyeo - جمع المبرمجين الإبداعيين ومصممي البيانات والمبدعين الذين يعملون عند تقاطع البيانات والفن والتكنولوجيا.
- 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.