یادگیری شیدرهای GLSL از ابتدا

آنچه یاد خواهید گرفت:

• یاد می‌گیرید از GLSL برای ساخت شیدرهای عالی استفاده کنید.
• شیدرهای عالی برای دستکاری تصاویر و ایجاد افکت‌های جذاب وب‌سایت بسازید.
• یاد می‌گیرید شیدرهای خود را با افکت‌های نورپردازی ترکیب کنید.
• یاد می‌گیرید چگونه شیدرهای انفجار و آتش بسازید.
• یاد می‌گیرید چگونه تکسچرهای رویه‌ای بسازید.
• یاد می‌گیرید نمایشگرهای HUD برای اپلیکیشن‌های سه‌بعدی بلادرنگ ایجاد کنید.
• یاد می‌گیرید چگونه از شیدرها برای دستکاری هندسه یک مدل استفاده کنید.

پیش‌نیازهای دوره

• فقط دسترسی به اینترنت لازم است.

توضیحات دوره

در این دوره، به GLSL (OpenGL Shading Language) برای ایجاد افکت‌های شگفت‌انگیز می‌پردازیم.

شاید موارد زیر در مورد شما صدق کند:

• یک طراح باشید که وب‌سایت‌های فوق‌العاده و پیشرو با ترنزیشن‌های جذاب دیده و از خود پرسیده باشید این کار چگونه انجام شده است. شاید درباره WebGL شنیده باشید و بدانید که می‌توان با چند خط کد ساده THREE.js کارهای شگفت‌انگیزی انجام داد.
• یک توسعه‌دهنده باشید که می‌خواهد داده را به شکلی چشمگیر مصور کند.
• یک توسعه‌دهنده بازی باشید که می‌خواهد برای سطوح اشیای سه‌بعدی خود افکت‌های سفارشی اضافه کند.

GLSL روشی است که با آن می‌توانید از OpenGL برای نمایش یک سطح استفاده کنید. ساختار کد آن بر پایه زبان سی است، اما نگران نباشید؛ ما فرض می‌کنیم شما هیچ دانشی از این زبان ندارید و همان‌طور که عنوان دوره می‌گوید، همه‌چیز را از ابتدا یاد می‌گیرید. GLSL از واحد پردازش گرافیکی (GPU) برای اجرای چندین برنامه به‌صورت هم‌زمان استفاده می‌کند، بنابراین به‌طرز باورنکردنی سریع است.

در این دوره، برای مرورگر کد می‌نویسیم، چون این کار به ما اجازه می‌دهد روی GLSL تمرکز کنیم، بدون اینکه نگران نصب نرم‌افزارهای اضافی باشیم. از کتابخانه THREE.js WebGL و CodePen استفاده خواهید کرد تا بتوانید فوراً منبع را ویرایش کنید و نتیجه را ببینید؛ برای آزمایش فقط به یک مرورگر نیاز دارید. فقط کمی از جاوا اسکریپت استفاده می‌کنیم، اما هرجا لازم باشد به‌طور کامل توضیح می‌دهیم. با این حال، از هر چه درباره GLSL یاد می‌گیرید می‌توانید در یک برنامه سی، سی شارپ یا سی پلاس پلاس استفاده کنید.

کار را با مثال‌های بسیار ساده شروع می‌کنیم و به‌آرامی از هر مرحله توسعه یک شیدر سفارشی عبور می‌کنیم. شما می‌توانید کد شیدر را در CodePen دستکاری کنید تا مقادیر مختلف را آزمایش کنید و تأثیر آن را بر نتیجه نهایی ببینید.

شیدرهای GLSL به شیدر vertex و شیدر fragment تقسیم می‌شوند و ما در ابتدا روی شیدر fragment تمرکز می‌کنیم و عملاً در یک محیط دوبعدی کار خواهیم کرد. با ده‌ها شیدر در منابع دوره، این زبان را با مراحل تدریجی و ملایم یاد خواهید گرفت.

ساخت شیدرهای خودتان به معنای درک زبان GLSL است که هدف این دوره می‌باشد. می‌توانید یک شیدر مناسب را در ShaderToy ،ShaderFrog یا glslViewer پیدا کنید و بعد سعی کنید کد آن را تغییر دهید. اما بدون دانستن زبان، این کار برایتان دشوار خواهد بود. برای اینکه واقعاً مؤثر باشید، باید با زبان GLSL، توابع tiling ،shaping، مختصات قطبی و محاسبات نورپردازی آشنا باشید. برای این کار لازم است همراه دوره پیش بروید و چالش‌های متعدد پیشنهادی را انجام دهید. در پایان، می‌توانید هر شیدری که تصور کنید را بسازید.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان وبی که می‌خواهند از جدیدترین تکنیک‌ها برای ساخت وب‌سایت‌های متمایز استفاده کنند.
• توسعه‌دهندگان سه‌بعدی که نیاز دارند شیدرهای خودشان را بسازند.