آموزش SwiftUI و Metal: ارتقاء اپلیکیشن‌ها با تکنیک‌های شیدر - آخرین آپدیت

سرفصل ها و درس ها

Introduction

• مقدمه Introduction

مبانی Shaders و Shaders افکت رنگی Shaders Basics and Color Effect Shaders

• پروژه Shaders 101 Shaders 101 Project

• امضای Shader و تکه کدهای مفید Shader Signature and Useful Snippets

• پارامترهای سفارشی Custom Parameters

• Shaders مقیاس خاکستری Gray Scale Shaders

• نمای Shader مقیاس خاکستری - قسمت ۱ Gray Scale Shader View - Part 1

• نمای Shader مقیاس خاکستری - قسمت ۲ Gray Scale Shader View - Part 2

• مختصات پیکسل UV UV Pixel Coordinates

• ادامه مختصات پیکسل UV UV Pixel Coordinates Continued

• مختصات پیکسل UV و تصویر UV Pixel Coordinates and the Image

• رفع مشکل: هشدار ویژگی Main actor-isolated در Swift 6+ RESOLVING ISSUE: Main actor-isolated property warning in Swift 6+

• استفاده از Timeline و یافتن مرکز خود Using the Timeline and Finding One's Center

• تکمیل "Cool Center Shader" Completing the "Cool Center Shader"

• ادغام لمس Incorporating Touch

• بیایید View را Swizzle کنیم! Let's Swizzle View!

• بیایید Shaders را Swizzle کنیم! Let's Swizzle Shaders!

• تابع Smooth Step و توابع ترسیم نمودار - قسمت ۱ Smooth Step Function and Graphing Functions - Part 1

• تابع Smooth Step و توابع ترسیم نمودار - قسمت ۲ Smooth Step Function and Graphing Functions - Part 2

• منحنی Pcurve اثر اینیگو کوایلز Pcurve of Inigo Quiles

• تکه کدهای مفیدتر More Useful Code Snippets

• راه‌اندازی نمای افکت دانه‌دانه Setting up the Grainy Effect View

• Shader نویز و افکت دانه‌دانه Noise Shader and Grainy Effect

• تمرین - Shader قرمز-آبی جدا شده EXERCISE - Split Red-Blue Shader

• راه‌حل - Shader قرمز-آبی جدا شده SOLUTION - Split Red-Blue Shader

• راه‌حل چالش! SOLUTION to Challenge!

ایجاد یک افکت درخشش Creating a Glow Effect

• شروع کار Getting Started

• تابع Step و ساده‌سازی عبارت If Step Function and simplifying the If-statement

• افزودن کمی درخشش Adding some Glow

• افزایش شدت درخشش Increasing the Glow Intensity

Shaders سبک شکل (ShapeStyle) ShapeStyle Shaders

• سبک شکل (ShapeStyle) و Shaders - مقدمه ShapeStyle and Shaders - Introduction

• نمای راه راه Stripes View

• Shader راه راه Stripes Shader

Shaders اعوجاج Distortion Shaders

• Shader کاشی Tile Shader

• نمای Shader زاویه Angle Shader View

• Shader زاویه Angle Shader

• Shader زاویه عمومی Generic Angle Shader

Shader الهام‌بخش Inspirational Shader

• Shader الهام‌بخش - مقدمه Inspirational Shader - Introduction

• راه‌اندازی View و پارامترهای Shader Setting up the View and the Shader Parameters

• پیاده‌سازی Shader الهام‌بخش Implementing the Inspirational Shader

چراغ گدازه‌ای (Lava Lamp) Lava Lamp

• مقدمه‌ای بر چراغ گدازه‌ای (Lava Lamp) Introduction to Lava Lamp

• راه‌اندازی View و Shader Setting up the View and Shader

• ایجاد چند Blobs Create some Blobs

• متحرک‌سازی Blobs Animate the Blobs

• افزودن رنگ به Blobs ما Adding Color to our Blobs

• افزودن گرادیان مرکزی پس‌زمینه Adding a Background Centered Gradient

• بهبود رنگ‌های Blob Enhancing Blob Colors

بیایید نویز Voronoi بسازیم! Let's Make Some Voronoi Noise!

• مقدمه‌ای بر Voronoi Shaders Introduction to Voronoi Shaders

• ایجاد یک Voronoi Shader Create a Voronoi Shader

• نمایش نقاط Seed Display the Seed Points

• متحرک‌سازی Voronoi Shader Animating the Voronoi Shader

• ترکیب رنگ‌های Seed مجاور Mixing Adjacent Seed Colors

مثالی از تبدیل زبان Shading اپن‌جی‌ال (OpenGL) به زبان Shading متال (Metal) Example of converting the OpenGL Shading Language to the Metal Shading Language

• مقدمه GLSL به MSL GLSL to MSL Introduction

• مثال GLSL به MSL GLSL to MSL Example

• تغییر GLSL به MSL با ترکیب GLSL to MSL Variation with Mixing

حرکت براونی فرکتال Fractal Brownian Motion

• راه‌اندازی View Setting up the View

• راه‌اندازی کد Shader Setting up the Shader Code

• راه‌اندازی نویز Shader و تابع FBM Setting up the Shader Noise and FBM Function

• Shader حرکت براونی فرکتال Fractal Brownian Motion Shader

چالش آتش Fire Challenge

• مقدمه‌ای بر چالش Fire Shader Introduction to the Fire Shader Challenge

• راه‌اندازی و یادآوری چالش آتش Setup and Recalling the Fire Challenge

• توابع کمکی و نویز Helper Functions and Noise

• تبدیل Fire Shader از GLSL به Metal Converting the Fire Shader from GLSL to Metal

• آزمایش با ثابت‌های Fire Shader Experimenting with the Fire Shader Constants

• از Fire Shader به Smoke Shader From Fire Shader to Smoke Shader

• جهت Smoke Shader The Smoke Shader Direction

• ایجاد یک Mask با دود بنفش Creating a Mask with Purple Smoke