campaign-edianeh-98

کدهای جذاب و دیدنی ( Canvas Filters ) : ساخت ستاره های زیبا با حرکت ماوس



visibility  
mode_comment   ۳

در این قسمت میخوام یک کد ( Canvas Filters ) جالب رو در اختیارتون بذارم.

توضیحات مربوط به کد Canvas Filters

همونطور که دیدید زمانی که ماوستون رو بر روی صفحه حرکت میدید، تعدادی ستاره با افکتی زیبا به اطراف پخش میشن و حالت زیبایی رو به وجود میارن.

هدف اصلی این کد تست کردن انواع مختلف فیلترهای Canvas می باشد و میتونین با استفاده از تنظیمات موجود در سمت راست صفحه، فیلترهای Blur و Contrast و ... رو تغییر داده و تاثیر اونا رو در خروجی مشاهده کنید.

برای مشاهده کدهای مربوط به این نمونه میتونین وارد بخش View Source بشید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

comment دیدگاه کاربران
میلاد چراغی replyپاسخ

سلام چطور میشه از این کد برای بکگراند سایت استفاده کرد؟ میشه یه اموزش کوتاه همینجا بدین؟ من کلی توی نت سرچ کردم و نتیجه ای پیدا نکردم! مرسی

میلاد چراغی replyپاسخ

عمرا اگه انجام بدین!

محمد اسفندیاری

سلام دوست عزیز
این Canvas با استفاده از Javascript در DOM قرار داده میشه و شما میتونین با استفاده از همون Javascript عرض و ارتفاع اون رو تمام صفحه کنید و بقیه المنتهای صفحتون رو بر روی اون قرار بدین. همانند همین باکس تنظیمات که بر روی Canvas در این دمو قرار داده شده است.
ما در اینجا فقط میتونیم شما رو راهنمایی کنیم نمیتونیم همون چیزی رو که میخوان آماده کنیم و در اختیارتون قرار بدیم. موفق باشید

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :