در این قسمت میخوام یک کد ( Liquid Button ) جالب رو در اختیارتون بزارم.
توضیحات مربوط Liquid Button
همونطور که دیدید یک دکمه آبکی و ژله مانند قرار داده شده و زمانی که بر روی اون هاور میکنیم، افکت زیبایی براش اجرا میشه.
این دکمه با استفاده از Javascript و Canvas به وجود اومده و میتونین کدهای اون رو مشاهده کنید.
یک سایدبار در سمت راست قرار گرفته که میتونین با استفاده از اون متغیرهای Javascript رو بصورت آنی تغییر بدین و خروجی رو مشاهده کنید.
این سایدبار با استفاده از ابزار dat.gui قرار داده شده و میتونین از اون ایده بگیرید.
با استفاده از این سایدبار میتونین تمام ویژگی ها و خصوصیتهای مربوط به دکمه را تغییر دهید.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
لینک دانلود
Source
سون لرن • آموزش...
ما را در سایت سون لرن • آموزش دنبال می کنید
برچسب : نویسنده : استخدام کار 7learn بازدید : 310 تاريخ : چهارشنبه 12 مهر 1396 ساعت: 6:17