
در این آموزش قصد داریم به صورت اختصاصی نحوه نصب و فعال کردن و تنظیمات افزونه کمکی Particle Effects را که یک افکت پارتیکل ( ذرات معلق) برای اسلاید های شما به منظور ارتقاء کیفیت بصری آن ها ایجاد میکند (برای مثال یکی از اسلایدرهای Particle Effect را ببینید) را به شما آموزش دهیم.
فعال سازی افکت پارتیکل

افکت پارتیکل برای هر اسلاید که شما میسازید در دسترس خواهد بود.
کتابخانه افکت پارتیکل (منظور از کتابخانه همان library است )

یکی از تنظیمات را از library انتخاب کنید تا تنظیمات پیشفرض پارتیکل بارگذاری شود.
در صورت اعمال تنظیمات روی یک پارتیکل میتوانید آن را بعنوان library ذخیره کنید و بر روی پارتیکل های دیگر استفاده کنید.

تنظیماتی که شما ذخیره می کنید در قسمت Custom Presets قرار داده می شوند و از آنجا شما میتوانید آن ها را انتخاب و به پارتیکل جدید اعمال و یا پاک و یا تغییر نام دهید.

تنظیمات پارتیکل

- آیکن پارتیکل
1 یا 2 آیکن را برای ظاهر شدن در افکت انتخاب می کند.
- Svg library
می توانید از بین بیش از 900 آیکن به منظور استفاده در افکت انتخاب کنید
- تعداد پارتیکل ها
تعداد ذراتی که باید در طول یک زمان تعیین شده نمایش داده شوند
- اندازه ذرات
اندازه هر دانه از ذرات
- اندازه متغیر
تعریف کوچکترین اندازه درصورت فعال بودن گزینه اندازه متغیر یا random size
- کمترین سایز
تعریف کمترین سایز ذرات در صورت فعال بودن گزینه اندازه متغیر
- غیر فعال سازی در موبایل
غیر فعال شدن افکت در دستگا های موبایل
استایل یا تنظیمات ظاهری

- Z-index
z-index دلخواه را به html canvas element پارتیکل می دهد.
- رنگ های پارتیکل
رنگ های چندگانه را به ذرات می دهد و رنگ های انتخاب شده بین ذرات جابجا می شوند.
- شفافیت
میزان شفافیت ذرات از 0 تا 100.
- شفافیت متغیر یا Random
میزان شفافیت هر دانه را متغیر می سازد.
- کمترین شفافیت
کمترین شفافیت ذرات در صورتی که ویژگی شفافیت متغیر فعال شده باشد.
- لبه و خط دور
خط دور یا stroke را به svg های پارتیکل اضافه می کند
- رنگ های خط دور
رنگ stroke یا خط دور متغیر می شود و بین ذرات جابجا می شود.
- اندازه خط دور
ضخامت خط دور ذرات را تنظیم می کند.
- شفافیت خط دور
به خط دور ذرات از بین 0 تا 100 شفافیت می دهد.
- خطوط متصل
ذرات را با یک خط به هم وصل و جلوه بصری تار انکبوت را ایجاد می کند.
- رنگ خطوط متصل شده
یک یا چند رنگ را برای خطوط متصل تعریف می کند و رنگ خطوط بین این رنگ ها جابجا می شود.
- ضخامت خطوط متصل
ضخامت خطوط متصل به پیکسل.
- شفافیت خطوط متصل
میزان شفافیت خطوط متصل از 0 تا 100.
- فاصله بین ذرات
میزان فاصله ای که قبل از متصل شدن دو ذره به هم با خطوط نیاز می باشد.
حرکت پارتیکل

- حرکت ذرات
بیشتر مواقع شما شاید ترجیح بدهید که ذرات متحرک باشند اما اگر این گزینه غیر فعال باشد ذرات مانند یک تصویر ثابت در اسلاید خواهند بود
- سرعت
سرعت حرکت ذرات
- متغیر کردن سرعت
متغیر کردن سرعت حرکت دانه ها یا ذرات
- کمترین سرعت
تعریف کمترین سرعت در صورتی که سرعت حرکت متغیر شده باشد.
- جهش
این گزینه باعث می شود که ذرات در صورت برخورد با لبه های اسلاید ناپدید و یا در جهت دیگری به حرکت در بیایند
- جهت
ذرات می توانند در دو الگوی حرکتی خطی (بالا،پایین،به راست و … ) و یا متغیر حرکت کنند.
ویژگی تعامل
این وِیژگی به شما این امکان را می دهد که بتوانید کاربر را قادر به تعامل با ذرات کنید،یعنی با حرکت موس کاربر ذرات نیز جابجا و یا افکت خاصی را به خود بگیرند.افکت های جهش , جذب و حباب برای حالت رفتن موس روی پارتیکل موجود می باشند و جهش و حباب هم برای حالت کلیک موجود می باشند.هر کدام را امتحان کنید تا ببینید کدام یک برای پروژه شما مناسب است.


افکت جهش

- فاصله جهش
فاصله ای که ذرات بعد از برخورد با نشانگر موس پرش می کنند
- قدرت پرش
قدرت پرش ذرات،برای مثال اگر 100 باشد ذرات با شتاب 100 شروع به حرکت می کنند و کم کم به 0 نزدیک می شوند.
افکت جذب
- فاصله جذب
فاصله ای که ذرات باید از موس داشته باشند قبل از اینکه این افکت روی آن ها اعمال شود ، یا ساده تر بگوییم ذرات در چه فاصلی باشند به سمت موس جذب می شوند.
- شفافیت جذب
میزان شفافیت خطوط متصل در زمان اعمال افکت جذب
افکت حباب

- فاصله حباب
تعریف میزان فاصله ذرات با موس قبل از اینکه ذرات بزرگنمایی شوند
- اندازه حباب
بیشتری سایز بزرگنمایی ذرات
- شفافیت حباب
تعیین شفافیت ذرات بزرگنمایی شده
پالس

- متحرک سازی اندازه ذرات
با این گزینه می شود اندازه ذرات دائما متغیر و متحرک سازی کرد
- سرعت
سرعت متحرک سازی اندازه ذرات به میلی ثانیه
- کمترین اندازه
کوچکترین اندازه که ذرات متحرک شده به آن تبیدل و یا کوچک می شوند
- همگام سازی
با فعال سازی این گزینه تمامی ذرات همزمان به هم کوچک و بزرگ می شوند.(در غیر اینصورت ذرات بصورت متغیر و یا random بزرگ و کوچ می شوند).
- متحرک سازی شفافیت ذرات
با فعال سازی این گزینه شفافیت ذرات نیز متحرک سازی می شود
- سرعت
سرعت متحرک شدن شفافیت در ذرات به میلی ثانیه
- کمترین شفافیت
کمترین شفافیت متحرک شده ذرات
- همگامسازی
با فعال سازی این گزینه شفافیت متحرک شده ذرات همزمان با هم متحرک می شوند (در غیر این صورت بصورت متغیر و یا random متحرک می شود).
1 Comment
سلام و عرض ادب.
در ابتدا از زحمات شما تشکر میکنم.
برای اسلایدرهایی که می سازم این گزینه particle effects اصلا وجود نداره که فعالش کنم ….فقط اسلایدر اماده ای که از سایت شما دانلود کردم این خصوصیت در تنطیماتش دیده میشود
لطفا راهنمایی کنید