اسپرایت‌ها و لباس‌ها
اسپرایت‌ها و لباس‌ها در Scratch: راهنمای کامل
Section titled “اسپرایت‌ها و لباس‌ها در Scratch: راهنمای کامل”اسپرایت‌ها قلب هر پروژه Scratch هستند. این راهنما شما را با تمام جنبه‌های کار با اسپرایت‌ها و لباس‌هایشان آشنا می‌کند.
درک اسپرایت‌ها
Section titled “درک اسپرایت‌ها”تعریف اسپرایت
Section titled “تعریف اسپرایت”اسپرایت یک شخصیت، شیء یا عنصر قابل برنامه‌ریزی در پروژه Scratch است که می‌تواند:
- حرکت کند
- ظاهرش تغییر کند
- صدا تولید کند
- با سایر اسپرایت‌ها تعامل کند
- به ورودی کاربر واکنش نشان دهد
اجزای تشکیل‌دهنده اسپرایت
Section titled “اجزای تشکیل‌دهنده اسپرایت”۱. لباس‌ها (Costumes)
Section titled “۱. لباس‌ها (Costumes)”لباس‌ها تصاویر مختلفی هستند که ظاهر اسپرایت را تعین می‌کنند.
ویژگی‌های لباس:
- تصاویر راستری: PNG، JPG، GIF
- تصاویر برداری: SVG قابل ویرایش
- شفافیت: پشتیبانی از کانال آلفا
- اندازه: قابل تغییر در زمان اجرا
- مرکز: نقطه محوری برای چرخش
۲. صداها (Sounds)
Section titled “۲. صداها (Sounds)”صداها فایل‌های صوتی مرتبط با اسپرایت هستند.
فرمت‌های پشتیبانی شده:
- WAV: کیفیت بالا، حجم زیاد
- MP3: فشرده، کیفیت متوسط
- OGG: متن‌باز، کیفیت خوب
۳. اسکریپت‌ها (Scripts)
Section titled “۳. اسکریپت‌ها (Scripts)”اسکریپت‌ها برنامه‌هایی هستند که رفتار اسپرایت را کنترل می‌کنند.
۴. ویژگی‌ها (Properties)
Section titled “۴. ویژگی‌ها (Properties)”ویژگی‌های قابل تنظیم:
- موقعیت: x و y
- جهت: 0 تا 360 درجه
- اندازه: درصد از اندازه اصلی
- نمایش: مرئی یا مخفی
- لایه: ترتیب نمایش
ایجاد و اضافه کردن اسپرایت‌ها
Section titled “ایجاد و اضافه کردن اسپرایت‌ها”۱. انتخاب از کتابخانه
Section titled “۱. انتخاب از کتابخانه”مراحل:
Section titled “مراحل:”- کلیک روی آیکون اسپرایت در گوشه پایین راست
- انتخاب “Choose a Sprite”
- مرور دسته‌بندی‌ها:
- Animals: حیوانات
- People: انسان‌ها
- Fantasy: موجودات خیالی
- Transportation: وسایل نقلیه
- Objects: اشیاء
- Food: غذا
- Sports: ورزش
نکات انتخاب:
Section titled “نکات انتخاب:”برای بازی‌های حرکتی:→ Ball، Car، Spaceship
برای داستان‌سرایی:→ Cat، Dog، People
برای بازی‌های آموزشی:→ Letters، Numbers، Shapes۲. آپلود تصویر شخصی
Section titled “۲. آپلود تصویر شخصی”مراحل آپلود:
Section titled “مراحل آپلود:”- کلیک “Upload Sprite”
- انتخاب فایل از کامپیوتر
- تأیید آپلود
فرمت‌های مناسب:
Section titled “فرمت‌های مناسب:”PNG: برای تصاویر با شفافیتJPG: برای عکس‌های واقعیSVG: برای گرافیک‌های برداریGIF: برای انیمیشن‌های سادهبهینهسازی تصاویر:
Section titled “بهینه‌سازی تصاویر:”اندازه مناسب: 100×100 تا 500×500 پیکسلحجم فایل: کمتر از 1 مگابایتکیفیت: متعادل بین وضوح و حجمشفافیت: حذف پس‌زمینه اضافی۳. نقاشی اسپرایت جدید
Section titled “۳. نقاشی اسپرایت جدید”ابزارهای نقاشی:
Section titled “ابزارهای نقاشی:”ابزارهای اصلی:
Brush: قلم‌مو برای نقاشی آزادLine: خط مستقیمCircle: دایره و بیضیRectangle: مستطیل و مربعText: اضافه کردن متنابزارهای ویرایش:
Select: انتخاب بخش‌هایی از تصویرReshape: تغییر شکل اشکال برداریFill: پر کردن با رنگEraser: پاککنتکنیکهای نقاشی:
Section titled “تکنیک‌های نقاشی:”ایجاد شخصیت ساده:
1. دایره برای سر2. بیضی برای بدن3. خط‌ها برای دست و پا4. نقاط برای چشم5. خط برای دهاناستفاده از لایه‌ها:
لایه پس‌زمینه: شکل اصلیلایه جزئیات: چشم، دهان، تزئیناتلایه سایه: عمق و حجم۴. تصادفی (Surprise)
Section titled “۴. تصادفی (Surprise)”Scratch به طور تصادفی یک اسپرایت انتخاب می‌کند - مناسب برای الهام گرفتن!
مدیریت لباس‌ها
Section titled “مدیریت لباس‌ها”۱. اضافه کردن لباس جدید
Section titled “۱. اضافه کردن لباس جدید”از کتابخانه:
Section titled “از کتابخانه:”1. انتخاب اسپرایت2. کلیک تب "Costumes"3. کلیک آیکون لباس جدید4. انتخاب از کتابخانهآپلود فایل:
Section titled “آپلود فایل:”1. کلیک "Upload Costume"2. انتخاب تصویر3. تنظیم مرکز (اختیاری)کپی از اسپرایت دیگر:
Section titled “کپی از اسپرایت دیگر:”1. راست‌کلیک روی اسپرایت مقصد2. انتخاب "duplicate"3. کپی لباس مورد نظر۲. ویرایش لباس‌ها
Section titled “۲. ویرایش لباس‌ها”تغییر اندازه:
Section titled “تغییر اندازه:”// در کداندازه را 150% قرار بدهاندازه را 10 تغییر بده
// در ویرایشگرSelect All → Resize handlesتغییر رنگ:
Section titled “تغییر رنگ:”// ابزار Fill1. انتخاب رنگ جدید2. کلیک روی بخش مورد نظر
// ابزار Brush1. انتخاب رنگ2. نقاشی روی قسمت‌های مورد نظراضافه کردن جزئیات:
Section titled “اضافه کردن جزئیات:”چشم‌ها: دایره‌های کوچکدهان: خط یا قوسابرو: خط‌های کوتاهتزئینات: اشکال هندسی۳. تنظیم مرکز لباس
Section titled “۳. تنظیم مرکز لباس”اهمیت مرکز:
Section titled “اهمیت مرکز:”- نقطه چرخش: محور دوران اسپرایت
- نقطه مرجع: برای موقعیت‌یابی
- تراز انیمیشن: ثبات در تغییر لباس
تنظیم مرکز:
Section titled “تنظیم مرکز:”1. انتخاب لباس در ویرایشگر2. کلیک "Set Costume Center"3. کلیک روی نقطه مورد نظر
// معمولاً:شخصیت‌ها: وسط بدنوسایل نقلیه: مرکز جرماشیاء: نقطه تعادلانیمیشن با لباس‌ها
Section titled “انیمیشن با لباس‌ها”۱. انیمیشن راه رفتن
Section titled “۱. انیمیشن راه رفتن”ایجاد فریم‌ها:
Section titled “ایجاد فریم‌ها:”لباس 1: پای راست جلولباس 2: هر دو پا وسطلباس 3: پای چپ جلولباس 4: هر دو پا وسطکد انیمیشن:
Section titled “کد انیمیشن:”وقتی پرچم سبز کلیک شدهمیشه اگر <key right arrow pressed?> به costume cat-a تغییر بده 0.2 ثانیه صبر کن به costume cat-b تغییر بده 0.2 ثانیه صبر کن x را 10 تغییر بده پایانپایان۲. انیمیشن چشمک زدن
Section titled “۲. انیمیشن چشمک زدن”لباس‌های مورد نیاز:
Section titled “لباس‌های مورد نیاز:”لباس عادی: چشم‌های بازلباس چشمک: چشم‌های بستهکد چشمک:
Section titled “کد چشمک:”وقتی پرچم سبز کلیک شدهمیشه pick random 3 to 8 ثانیه صبر کن به costume blink تغییر بده 0.2 ثانیه صبر کن به costume normal تغییر بدهپایان۳. انیمیشن تبدیل
Section titled “۳. انیمیشن تبدیل”مثال: تبدیل گربه به سگ
Section titled “مثال: تبدیل گربه به سگ”وقتی کلید t فشرده شد5 بار تکرار کن اندازه را 10 کاهش بده 0.1 ثانیه صبر کنپایانبه costume dog تغییر بده5 بار تکرار کن اندازه را 10 افزایش بده 0.1 ثانیه صبر کنپایان۴. انیمیشن چرخشی
Section titled “۴. انیمیشن چرخشی”لباس‌های مختلف زاویه:
Section titled “لباس‌های مختلف زاویه:”لباس 1: نمای جلولباس 2: نمای راستلباس 3: نمای پشتلباس 4: نمای چپکد چرخش:
Section titled “کد چرخش:”وقتی پرچم سبز کلیک شدهمیشه اگر <(direction) = (0)> به costume front تغییر بده پایان اگر <(direction) = (90)> به costume right تغییر بده پایان اگر <(direction) = (180)> به costume back تغییر بده پایان اگر <(direction) = (-90)> به costume left تغییر بده پایانپایانویژگیها و تنظیمات اسپرایت
Section titled “ویژگی‌ها و تنظیمات اسپرایت”۱. موقعیت (Position)
Section titled “۱. موقعیت (Position)”سیستم مختصات:
Section titled “سیستم مختصات:”مرکز صحنه: (0, 0)راست: x مثبت (تا +240)چپ: x منفی (تا -240)بالا: y مثبت (تا +180)پایین: y منفی (تا -180)کنترل موقعیت:
Section titled “کنترل موقعیت:”// تنظیم مستقیمبه x: 100 y: 50 برو
// تغییر نسبیx را 10 تغییر بدهy را -20 تغییر بده
// حرکت نرم10 قدم حرکت کنبه سمت mouse-pointer برو۲. جهت (Direction)
Section titled “۲. جهت (Direction)”زاویه‌های استاندارد:
Section titled “زاویه‌های استاندارد:”0°: بالا90°: راست180°: پایین-90° (یا 270°): چپکنترل جهت:
Section titled “کنترل جهت:”// تنظیم مستقیمجهت را 90 قرار بده
// چرخش نسبی15 درجه راست بچرخ30 درجه چپ بچرخ
// جهتیابیبه سمت mouse-pointer برو۳. اندازه (Size)
Section titled “۳. اندازه (Size)”واحد اندازه:
Section titled “واحد اندازه:”100%: اندازه اصلی200%: دو برابر50%: نصف اندازه10%: کوچکترین اندازهکنترل اندازه:
Section titled “کنترل اندازه:”// تنظیم مستقیماندازه را 150% قرار بده
// تغییر نسبیاندازه را 10 تغییر بدهاندازه را -5 تغییر بده۴. نمایش (Visibility)
Section titled “۴. نمایش (Visibility)”حالت‌های نمایش:
Section titled “حالت‌های نمایش:”نمایش: اسپرایت قابل مشاهدهمخفی: اسپرایت نامرئی (اما فعال)کنترل نمایش:
Section titled “کنترل نمایش:”// نمایش/مخفی کردننمایشمخفی
// استفاده در بازیوقتی پرچم سبز کلیک شدمخفی3 ثانیه صبر کننمایش۵. لایه‌بندی (Layering)
Section titled “۵. لایه‌بندی (Layering)”ترتیب نمایش:
Section titled “ترتیب نمایش:”جلوترین لایه: آخرین اسپرایت اضافه شدهعقبترین لایه: اولین اسپرایتکنترل لایه:
Section titled “کنترل لایه:”// حرکت در لایههابه جلوترین لایه بروبه عقب‌ترین لایه برو1 لایه به جلو برو2 لایه به عقب بروتعامل بین اسپرایت‌ها
Section titled “تعامل بین اسپرایت‌ها”۱. تشخیص برخورد
Section titled “۱. تشخیص برخورد”انواع برخورد:
Section titled “انواع برخورد:”// برخورد با اسپرایت خاص<touching Sprite1?>
// برخورد با رنگ<touching color [#ff0000]?>
// برخورد با لبه صحنه<touching edge?>مثال عملی:
Section titled “مثال عملی:”وقتی پرچم سبز کلیک شدهمیشه 10 قدم حرکت کن اگر <touching Enemy?> "آخ!" بگو 2 ثانیه صبر کن به x: 0 y: 0 برو پایانپایان۲. ارسال پیام
Section titled “۲. ارسال پیام”ایجاد ارتباط:
Section titled “ایجاد ارتباط:”// اسپرایت فرستندهوقتی کلید space فشرده شدپیام [jump] ارسال کن
// اسپرایت گیرندهوقتی پیام [jump] دریافت شدy را 50 تغییر بده1 ثانیه صبر کنy را -50 تغییر بدهپیامهای پیچیده:
Section titled “پیام‌های پیچیده:”// شروع بازیپیام [start_game] ارسال کن
// پایان مرحلهپیام [level_complete] ارسال کن
// تغییر وضعیتپیام [power_up] ارسال کن۳. اشتراک متغیرها
Section titled “۳. اشتراک متغیرها”متغیرهای سراسری:
Section titled “متغیرهای سراسری:”// اسپرایت 1امتیاز را 10 تغییر بده
// اسپرایت 2اگر <(امتیاز) > (100)> "برنده!" بگوپایانهماهنگی حرکت:
Section titled “هماهنگی حرکت:”// رهبروقتی پرچم سبز کلیک شدهمیشه leader_x را (x position) قرار بده leader_y را (y position) قرار بدهپایان
// پیرووقتی پرچم سبز کلیک شدهمیشه به x: (leader_x) y: (leader_y) بروپایاننکات طراحی لباس
Section titled “نکات طراحی لباس”۱. اصول طراحی
Section titled “۱. اصول طراحی”سادگی:
Section titled “سادگی:”خطوط واضح: قابل تشخیص از فاصلهرنگهای متضاد: تمایز بصری خوبجزئیات کم: عملکرد بهترتناسب: اندازه مناسب با صحنهانسجام:
Section titled “انسجام:”سبک یکسان: همه لباس‌ها هماهنگپالت رنگی: رنگ‌های محدود و هماهنگاندازه ثابت: تغییر اندازه کمینهمرکز یکسان: انیمیشن نرم۲. بهینه‌سازی
Section titled “۲. بهینه‌سازی”اندازه فایل:
Section titled “اندازه فایل:”رزولوشن مناسب: 100-500 پیکسلفرمت مناسب: PNG برای شفافیتفشردهسازی: کاهش حجم بدون کاهش کیفیتحذف اضافات: پس‌زمینه و عناصر غیرضروریعملکرد:
Section titled “عملکرد:”تعداد لباس محدود: حداکثر 10-15 لباسانیمیشن بهینه: فریم‌های ضروریکش کردن: استفاده مجدد از لباس‌ها۳. ابزارهای خارجی
Section titled “۳. ابزارهای خارجی”نرم‌افزارهای طراحی:
Section titled “نرم‌افزارهای طراحی:”GIMP: رایگان، قدرتمندInkscape: طراحی برداریPaint.NET: ساده و کارآمدCanva: آنلاین، آسانمنابع تصویر:
Section titled “منابع تصویر:”OpenGameArt: تصاویر رایگان بازیFreepik: گرافیک‌های متنوعPixabay: عکس و تصاویر رایگانUnsplash: عکس‌های با کیفیتمشکلات رایج و راه‌حل‌ها
Section titled “مشکلات رایج و راه‌حل‌ها”۱. اسپرایت نمایش داده نمی‌شود
Section titled “۱. اسپرایت نمایش داده نمی‌شود”علت‌های احتمالی:
Section titled “علت‌های احتمالی:”✗ اسپرایت مخفی است✗ اندازه خیلی کوچک✗ خارج از صحنه قرار دارد✗ پشت اسپرایت دیگری استراهحلها:
Section titled “راه‌حل‌ها:”✓ نمایش✓ اندازه را 100% قرار بده✓ به x: 0 y: 0 برو✓ به جلوترین لایه برو۲. انیمیشن نرم نیست
Section titled “۲. انیمیشن نرم نیست”علت‌ها:
Section titled “علت‌ها:”✗ مرکز لباس‌ها متفاوت✗ اندازه لباس‌ها مختلف✗ تأخیر کم بین فریمهاراهحلها:
Section titled “راه‌حل‌ها:”✓ تنظیم مرکز یکسان✓ یکسان‌سازی اندازه✓ افزایش تأخیر (0.1-0.3 ثانیه)۳. برخورد درست تشخیص نمی‌شود
Section titled “۳. برخورد درست تشخیص نمی‌شود”علت‌ها:
Section titled “علت‌ها:”✗ شفافیت در تصویر✗ اندازه نامناسب✗ موقعیت اشتباهراهحلها:
Section titled “راه‌حل‌ها:”✓ استفاده از تصاویر بدون شفافیت اضافی✓ تنظیم اندازه مناسب✓ بررسی موقعیت با say blocks۴. عملکرد کند
Section titled “۴. عملکرد کند”علت‌ها:
Section titled “علت‌ها:”✗ تعداد زیاد لباس✗ اندازه فایل بزرگ✗ انیمیشن پیچیدهراهحلها:
Section titled “راه‌حل‌ها:”✓ کاهش تعداد لباس✓ بهینه‌سازی تصاویر✓ ساده‌سازی انیمیشنتکنیکهای پیشرفته
Section titled “تکنیک‌های پیشرفته”۱. کلون‌سازی اسپرایت
Section titled “۱. کلون‌سازی اسپرایت”ایجاد کلون:
Section titled “ایجاد کلون:”وقتی پرچم سبز کلیک شد10 بار تکرار کن کلون خود را ایجاد کن 1 ثانیه صبر کنپایانکنترل کلون‌ها:
Section titled “کنترل کلون‌ها:”وقتی به عنوان کلون شروع شدمبه موقعیت تصادفی بروهمیشه y را -2 تغییر بده اگر <(y position) < (-180)> این کلون را حذف کن پایانپایان۲. لباس‌های پویا
Section titled “۲. لباس‌های پویا”تغییر بر اساس متغیر:
Section titled “تغییر بر اساس متغیر:”وقتی پرچم سبز کلیک شدهمیشه اگر <(health) > (50)> به costume healthy تغییر بده وگرنه اگر <(health) > (20)> به costume injured تغییر بده وگرنه به costume critical تغییر بده پایان پایانپایان۳. جلوه‌های اسپرایت
Section titled “۳. جلوه‌های اسپرایت”جلوه رنگی:
Section titled “جلوه رنگی:”// تغییر رنگجلوه color را 50 قرار بده
// شفافیتجلوه ghost را 50 قرار بده
// روشناییجلوه brightness را 25 تغییر بده
// چشم ماهیجلوه fisheye را 100 قرار بدهانیمیشن جلوه:
Section titled “انیمیشن جلوه:”وقتی کلید e فشرده شد20 بار تکرار کن جلوه color را 10 تغییر بده 0.1 ثانیه صبر کنپایانجلوهها را پاک کناسپرایتها و لباس‌ها ابزارهای قدرتمندی برای ایجاد شخصیت‌ها و اشیاء جذاب در Scratch هستند. با تسلط بر:
- مدیریت اسپرایت‌ها: ایجاد، ویرایش، تنظیم
- طراحی لباس‌ها: اصول طراحی و بهینه‌سازی
- انیمیشن: تکنیک‌های مختلف حرکت
- تعامل: ارتباط بین اسپرایت‌ها
- تکنیک‌های پیشرفته: کلون‌سازی و جلوه‌ها
شما می‌توانید پروژه‌های بصری جذاب و تعاملی بسازید که کاربران را مجذوب خود کنند.
آماده‌اید تا شخصیت‌های زنده و جذابی بسازید؟ 🎭✨