کتاب Generative Art with JavaScript and SVG: Utilizing Scalable Vector Graphics and Algorithms for Creative Coding and Design (هنر مولد با جاوااسکریپت و SVG: استفاده از گرافیک برداری مقیاس‌پذیر و الگوریتم‌ها برای کدگذاری خلاقانه و طراحی) شما را به دنیای هیجان‌انگیز هنر جنبشی با استفاده از گرافیک برداری مقیاس‌پذیر (SVG) و جاوااسکریپت وارد می‌کند. با ترکیب این دو تکنولوژی قدرتمند، می‌توانید آثار هنری خلاقانه‌ای تولید کنید که هم از نظر بصری خیره‌کننده و هم از نظر فنی جذاب باشند.
در ادامه مقدمه‌ای از کتاب Generative Art with JavaScript and SVG را از زبان نویسنده شرح خواهیم داد.
مقدمه‌ای بر کتاب Generative Art with JavaScript and SVG:
هشدار قبل از شروع:
هنر جنبشی و به طور کلی کدگذاری خلاقانه، می‌تواند به اعتیادی فراگیر تبدیل شود. عبارت “فقط یک تکرار دیگر” ممکن است چیزی باشد که از هنرمندان نگون‌بختی که در چنگال آن گرفتار شده‌اند، می‌شنوید. این افراد خلاق به دنبال آن ضربه جنبشی بعدی هستند که با مقدار مناسب تصادفی بودن ترکیب شده باشد.
هدف کتاب Generative Art with JavaScript and SVG این است که این شیطنت محاسباتی را به صورت دوزهای کوچک و به شیوه‌ای واضح و منطقی ارائه دهد، تا بتوانید با خیال راحت و بدون از دست دادن سلامت ذهنی به این موضوع نزدیک شوید.
ما با اشکال ارگانیکی که از دقت مکانیکی به وجود آمده‌اند، توده‌های رنگ غیرقابل پیش‌بینی که صفحه‌نمایش ما را می‌پوشانند، خطوط و اشکالی که در هماهنگی غیرممکن به هم می‌پیوندند و ساختارهای پیچیده‌ای را که از قوانین ساده پدید می‌آیند، روبرو خواهیم شد. این جوهر هنر جنبشی است، جایی که همه چیز تحت کنترل شما نیست.
با این گفته، این هنری است که مستلزم زمان، صبر و مهارت از طرف هنرمند است، نه کمتر از سایر رسانه‌های هنری. و هرچند شاید قدرت آن بر هنرمندانش را اغراق‌آمیز جلوه داده باشم، نکته‌ای که واقعاً می‌خواهم بگویم این است که کدگذاری این جنبه‌ی بیانگر را دارد – البته می‌تواند آزاردهنده و سردردآور باشد – اما همچنین می‌تواند مجذوب‌کننده و الهام‌بخش باشد.
اگر بتوانم شما را به برخی از ابزارها و تکنیک‌های جنبشی جدید مجهز کنم و در عین حال کمی شما را در مورد امکانات خلاقانه‌شان هیجان‌زده کنم – امکاناتی که فراتر از حوزه‌ی هنر به طراحی و توسعه وب نیز گسترش می‌یابد – این کتاب به خوبی کار خود را انجام داده است.
آنچه باید بدانید
به عنوان یک خواننده، قبل از شروع مطالعه‌ی کتاب Generative Art with JavaScript and SVG چه چیزهایی باید بدانید؟ بدون شک، اگر با مفاهیم اصلی برنامه‌نویسی مانند متغیرها، توابع، حلقه‌ها و شرطی‌ها راحت باشید، کارتان آسان‌تر خواهد بود. این نوع مفاهیم از زبانی به زبان دیگر منتقل می‌شوند و عمدتاً از نظر نحو (سینتکس) با هم تفاوت دارند، بنابراین اگر با زبانی به جز جاوااسکریپت آشنایی دارید، مشکلی نیست.
اگر هیچ تجربه برنامه‌نویسی قبلی ندارید، ما در فصل ۲ کتاب Generative Art with JavaScript and SVG، مفاهیم مورد نیاز را پوشش خواهیم داد، اما باید تأکید کنم که هدف این کتاب معرفی برنامه‌نویسی نیست. فصل دوم را می‌توان به عنوان یک مقدمه، یک نقطه‌ی شروع برای عمیق‌تر شدن در جای دیگری در نظر گرفت.
یک دوره مقدماتی کوتاه واقعاً در اینجا به شما کمک خواهد کرد. من شخصاً سایت فوق‌العاده‌ی freeCodeCamp.com را توصیه می‌کنم، سایتی که خودم هم ساعت‌های زیادی را در آن گذرانده‌ام. این سایت آموزش‌های تعاملی رایگان در مورد اصول HTML، CSS و جاوااسکریپت و موارد بسیار دیگری ارائه می‌دهد.
برای کسانی که از زبان دیگری مانند پایتون، PHP یا C# می‌آیند، فصل ۲ کتاب Generative Art with JavaScript and SVG همچنان می‌تواند مفید باشد تا مطمئن شوید با نحو و برخی از ویژگی‌های خاص جاوااسکریپت آشنا هستید.
اگر توسعه‌دهنده وب هستید
اگر در حال حاضر یک توسعه‌دهنده وب حرفه‌ای هستید، بسته به سطح تجربه‌تان می‌توانید فصل ۲ را رد شوید (یا به سرعت مرور کنید). اگر با هیچ یک از تکنیک‌ها یا نحوهای استفاده شده در مثال ابتدایی ما (که فصل ۱ را با آن به پایان می‌رسانیم) آشنایی ندارید، توصیه می‌کنم فصل دوم را بخوانید، جایی که آن‌ها به طور کامل توضیح داده خواهند شد. حوزه‌ی توسعه وب آنقدر گسترده است که چیزی که برای یک توسعه‌دهنده پیش پا افتاده است، برای دیگری ممکن است کاملاً جدید باشد.
آنچه در کتاب Generative Art with JavaScript and SVG یاد خواهید گرفت:
پیش‌تر به شما گفتم که ابزارها و تکنیک‌های جدیدی را در اختیارتان قرار خواهم داد. بیایید آن‌ها را بیشتر توضیح دهیم.
ابزارها
در بخش ابزارها، از موارد زیر استفاده خواهیم کرد:
- جاوااسکریپت و کتابخانه‌ی SvJs. در ادامه در این مورد بیشتر توضیح خواهم داد.
- یک ویرایشگر کد. در اینجا به شما حق انتخاب بین موارد زیر را می‌دهم:
- Visual Studio Code (یک ویرایشگر کد متن باز عالی)
- CodePen (یک ویرایشگر کد آنلاین محبوب)
اگر از Visual Studio Code (که من آن را توصیه می‌کنم) استفاده کنید، ما همچنین از Node.js و NPM برای مدیریت وابستگی‌ها (عادت خوبی که یک توسعه‌دهنده باید داشته باشد) استفاده خواهیم کرد.
تمامی نمونه‌های کد در هر دو پلتفرم GitHub و CodePen در دسترس هستند، بنابراین می‌توانید هر روشی را که ترجیح می‌دهید دنبال کنید. البته می‌توانید هر دو کار را انجام دهید، یعنی به صورت محلی با یک ویرایشگر کد کار کنید و همچنین برای الهام گرفتن سریع، نمونه‌های CodePen را به صورت آنلاین بررسی کنید. برای راحتی، همه‌ی نمونه‌های CodePen را در آدرس davidmatthew.ie/generative-art-javascript-svg سازماندهی و جاسازی خواهم کرد.
تکنیک‌ها
از نظر تکنیک‌هایی که به آن‌ها خواهیم پرداخت، در پایان این کتاب باید به خوبی با موارد زیر آشنا شده باشید:
- عملکرد اصلی کتابخانه‌ی SvJs و ارتباط آن با مشخصات SVG
- ایجاد طرح‌های هنری جنبشی با جاوااسکریپت با استفاده از نحو ES6 به بالا
- ایجاد اشکال اولیه‌ی SVG
- ایجاد تغییرات تکرارشونده‌ی طرح‌ها با تصادفی کردن پارامترها
- ایجاد تنوع ارگانیک با استفاده از نویز
- ایجاد مسیرهای SVG پیچیده
- تعاملی کردن طرح‌ها
- انیمیشن‌سازی طرح‌ها
- استفاده‌ی جنبشی از فیلترهای SVG
ما حجم زیادی از مطالب را در کتاب Generative Art with JavaScript and SVG پوشش خواهیم داد، بنابراین خودتان را برای درک همه‌ی آن‌ها تحت فشار قرار ندهید. من هم بارها با مفاهیم برنامه‌نویسی برخورد کرده‌ام تا اینکه بالاخره آن‌ها را به طور کامل درک کرده‌ام (کسی قول‌هایی که جاوااسکریپت می‌دهد را به یاد می‌آورد؟)، و هر بار که درک این مفاهیم بالاخره اتفاق می‌افتاد، به این دلیل بود که در حال آزمایش چیزی بودم که می‌خواستم بسازم، نه اینکه صرفاً مراحل یک آموزش را به صورت طوطی‌وار تکرار کنم.
آموزش‌ها و کتاب‌های آموزشی قطعاً جایگاه خود را دارند (در غیر این صورت من کتاب Generative Art with JavaScript and SVG را نمی‌نوشتم)، اما مهم است که آنچه را که می‌خواهید از آن‌ها بردارید، نه اینکه آن‌ها را به عنوان یک برنامه‌ی درسی ببینید که باید به طور کامل دنبال شود.
مهم است که حس بازیگوشی داشته باشید، به خصوص وقتی صحبت از هنر می‌شود. و اگرچه قبلاً در مورد ابزارها صحبت کردم، ترجیح می‌دهم کتاب Generative Art with JavaScript and SVG را بیشتر به عنوان یک جعبه‌ی اسباب‌بازی ببینید تا یک جعبه ابزار. وقتی به ابزار فکر می‌کنم، به مشکلاتی فکر می‌کنم که نیاز به رفع دارند، مانند لولای شل لنگه‌ی آن کابینت کج که هر لحظه می‌خواهید آن را سفت کنید. ابزارها بیشتر جنبه‌ی کاربردی دارند تا سرگرم‌کننده، و من می‌خواهم که با این کتاب کمی خوش بگذرانید.
سرفصل‌های کتاب Generative Art with JavaScript and SVG:
- Table of Contents
- About the Author
- About the Technical Reviewer
- Acknowledgments
- Introduction
- Chapter 1: The Beginner’s Path
- Chapter 2: A Programming Primer
- Chapter 3: All About SVG
- Chapter 4: Randomness and Regularity
- Chapter 5: The Need for Noise
- Chapter 6: The All-Powerful Path
- Chapter 7: Motion and Interactivity
- Chapter 8: Filter Effects
- Chapter 9: The Generative Way
- Index
جهت دانلود کتاب Generative Art with JavaScript and SVG می‌توانید پس از پرداخت، دریافت کنید.
دیدگاهها
هیچ دیدگاهی برای این محصول نوشته نشده است.