سون لرن • آموزش

متن مرتبط با «حرکت» در سایت سون لرن • آموزش نوشته شده است

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

  • نیلوبلاگ

    در این قسمت میخوام یک کد (xa0Canvas Filters ) جالب رو در اختیارتون بذارم. توضیحات مربوط به کد Canvas Filters همونطور که دیدید زمانی که ماوستون رو بر روی صفحه حرکت میدید، تعدادی ستاره با افکتی زیبا به اطراف پخش میشن و حالت زیبایی رو به وجود میارن. هدف اصلی این کد تست کردن انواع مختلف فیلترهای Canvas می باشد و میتونین با استفاده از تنظیمات موجود در سمت راست صفحه، فیلترهای Blur و Contrast و ... رو تغییر داده و تاثیر اونا رو در خروجی مشاهده کنید. برای مشاهده کدهای مربوط به این نمونه میتونین وارد بخش...

    ادامه مطلب
  • کدهای جذاب و دیدنی ( Jumping Balls ) : شبیه سازی حرکت توپ نورانی در محیط تاریک

  • نیلوبلاگ

    در این قسمت میخوام یک کد (xa0Jumping Balls ) جالب رو در اختیارتون بذارم. توضیحات مربوط به کد Jumping Balls همونطور که دیدید تعدادی حفره وجود داره و در هر حفره یک توپ نورانی قرار گرفته و بصورت تصادفی یکی از اونا به سمت بالا پرتاب می شود. با بالا اومدن هر توپ، یک نور زیبا به اطراف اون پخش میشه و حالت زیبایی رو به وجود میاره و خیلی نزدیک به واقعیت شبیه سازی شده است. برای مشاهده نحوه پیاده سازی این نمونه میتونین وارد بخش View Source بشید. این کد با استفاده از Three.js و TweenMax به وجود اومده است و...

    ادامه مطلب
  • انجام حرکت های کششی همراه با تردمیل

  • نیلوبلاگ

    تابلو اعلانات و تبلیغات حالت موضوعی | حالت خطی انجام حرکت های کششی همراه با تردمیلxa0xa0xa0()کاربرانِ درحال بازدید از این موضوع: 1 مهمان دیروز, 04:05 PM (آخرین ویرایش در این ارسال: دیروز 04:09 PM، توسط aniln.) ارسال: #1 انجام حرکت های کششی همراه با تردمیل همیشه در ...

    ادامه مطلب
  • کدهای جذاب و دیدنی ( Gravity ) : شبیه سازی حرکت گردابی زیبا

  • نیلوبلاگ

    در این قسمت میخوام یک کد ( Gravityxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید تعدادی ذره قرار داده شدند و با افکتی زیبا به سمت مرکز جذب میشن و حالت گردابی زیبایی رو به وجود میارن. با کلیک بر روی Open Controls در بالا و سمت راست میتونین تنظیمات مربوط به کد رو باز کرده و اونا رو تغییر بدین. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاد...

    ادامه مطلب
  • کدهای جذاب و دیدنی ( 3D Accelerometer Ball ) : شتاب زیبای توپها با حرکت ماوس

  • نیلوبلاگ

    در این قسمت میخوام یک کد ( 3D Accelerometer Ballxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید تعدادی توپ رنگارنگ در صفحه قرار داده شدن و زمانی که ماوستون رو جابجا میکنید، اون رو بصورت شتابدار و زیبا دنبال میکنن. میتونین از این کد ایده بگیرید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا ع...

    ادامه مطلب
  • کدهای جذاب و دیدنی ( Ribbon physics study ) : حرکت دادن روبان با درگ کردن ماوس

  • نیلوبلاگ

    در این قسمت میخوام یک کد ( Ribbon physics studyxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک روبان قرار داده شده و زمانی که ماوستون رو نگه میدارید و به قسمتهای مختلف درگ میکنید، روبان به دنبال ماوس شما حرکت میکنه و دنباله روبان متناسب با حرکت شما و قوانین فیزیکی و جاذبه، عکس العمل نشون میده و ...

    ادامه مطلب
  • کدهای جذاب و دیدنی ( Anaglyph 3D ) : برجسته کردن سه بعدی با حرکت ماوس

  • نیلوبلاگ

    در این قسمت میخوام یک کد ( Anaglyph 3Dxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک تصویر قرار داده شده و زمانی که ماوستون رو به اطراف حرکت میدید، متناسب با حرکت ماوستون برجسته میشه و حالت زیبایی رو به وجود میاره. هر چه ماوس از تصویر دورتر بشه، این حالت بیشتر خودشو نشون میده. بدلیل اینکه حجم ک...

    ادامه مطلب
  • کدهای جذاب و دیدنی ( SLOFISH CSS Logo Animation ) : انیمیشنی زیبا با حرکت ماهی

  • نیلوبلاگ

    در این قسمت میخوام یک کد ( SLOFISH CSS Logo Animationxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید انیمیشنی با استفاده از CSS ساخته شده که در اون ماهی ها بصورت زیبا در اون جرکت میکنن. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید...

    ادامه مطلب
  • curved-path-animations : حرکت در مسیری خمیده با CSS

  • نیلوبلاگ

    در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کلی آموزش داده شده که چطور انیمیشنی بر روی مسیر خمیده بسازیم و المنت مورد نظر رو در امتداد اون و با تابع زمانی خاص حرکت بدیم. برای شروع وارد سایتxa0curved-path-animationsxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید...

    ادامه مطلب
  • کدهای جذاب و دیدنی ( Mighty fish ) : انیمیشنی در مورد حرکت ماهی

  • نیلوبلاگ

    در این قسمت میخوام یک کد ( Mighty fishxa0) جالب رو در اختیارتون بزارم. همونطور کهxa0دیدین یک ماهی قرار داده شده که با حرکت ماوس جهت حرکت و سرعتش تغییر میکنه. زمانی که ماوستون رو به سمت راست ببرید سریعتر حرکت میکنه و با بردن ماوس به سمت چپ حرکتش کند میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان This entry passed through the Full-Text RSS service -...

    ادامه مطلب
  • کدهای جذاب و دیدنی ( Moving things Velocity.js ) : حرکت دادن المنتها با Velocity

  • نیلوبلاگ

    در این قسمت میخوام یک کد ( Moving things Velocity.jsxa0) جالب رو در اختیارتون بذارم. همونطور کهxa0دیدین یک انیمیشن زیبا قرار داده شده که قدرت Velocity.js رو نمایش داده. این ابزار میتونه بصورت زیبا و طبیعی المنتهای شما رو جابجا کنهو زیبایی خاصی به اونا ببخشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان This entry passed through the Full-Text RSS servi...

    ادامه مطلب