Menu
97 35 94 66  info@samiaco.ir
17

استفاده از MorphSVGPlugin در طراحی سایت

استفاده از MorphSVGPlugin در طراحی سایت

 ما در این پست می خواهیم در مورد تکنیک مورفینگ در طراحی سایت صحبت کنیم اینکه چطور ترکیب کتابخانه های جاوا اسکریپتی و SVG این امکان را در اختیار کاربران قرار می دهد تا بتوانند یک انیمیشن جذاب با استفاده از تکنیک مورفینگ داشته باشند . مورفینگ تکنیکی است که در پردازش تصویری به منظور تغییر یک تصویر به تصویر دیگر مورد استفاده قرار می گیرد این کار در گذشته و حال بسیار رایج است به طوری که برای تبدیل و حرکت یک تصویر به تصویر دیگر در بین این دو تصویر تصاویری از تبدیل شدن و حرکت به تصویر نهایی قرار می گیرد تا یک انیمیشن جذاب از تبدیل صورت گیرد . این کار در گذشته سخت و دشوار بوده است اما با آمدن روش های نوین و تکنولوژی بسیار آسان شده است . طراحان نیز امروزه می توانند با پلاگین های مختلف این تکنیک را در طراحی سایت خود به کار ببرند . یکی از این پلاگین ها مورد استفاده در این زمینه MorphSVGPlugin می باشد ما برخی از نمونه کدهای آن را در این پست قرار می دهیم تا قابلیت استفاده آن برای خوانندگان به خوبی دیده شود . اولین نمونه یک شکل می باشد که به راحتی بهره گیری از دستورات جاوا اسکریپت و ترکیب آن با SVG به شکل نهایی که در زیر می بینید تبدیل می شود همچنین از حلقه ای بابت تبدیل از عکس اول به عکس آخر و سپس از عکس آخر به اول استفاده شده است .



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




مورد بعدی حرکت یک لامپ می باشد که وقتی با موس روی آن بروید لامپ شروع به حرکت می کند .



نمونه های دیگری را از این پلاگین در زیر مشاهده خواهید کرد .



تعداد امتيازات: (1) Article Rating
تعداد مشاهده خبر: (69)
کد خبر: 2623


  • استفاده از MorphSVGPlugin در طراحی سایت