نحوه ساخت همچين لوگويي براي سايت

[farhad6169 10]

با سالم

دوستان لطفا به اين سايت نگاه بكنيد، لوگوي جالبي داره، كه هر چند ثانيه يكبار به سمت راست امواج ميفرسته. لوگو بصورت فايل فلش هم نيست

از دوستان كسي مي تونه بگه كه همچين كاري به چه صورت انجام ميشه

[texima 13]

فكر كنم فايل gif هست ميتوني تصوير متحرك با اين پسوند بسازي.

البته اينم عرضش زياده كه همه عكس توي سايتشون نيست

[farhad6169 10]

با سلام

جناب teximaي عزيز. انجمن شما رو به عنوان كاربر حرفه اي مي شناسه. فكر كنم كه بررسي نكرده گفتيد كه اين يك فايل gif هستش.

در هر صورت اين فايل، يك فايل png هستش به نام canvas.png و در دستوراتش چيزي شبيه js ديدم.

از دوستان اگر كسي مي تونه همچين كاري انجام بده ممنون مي شم راهنمايي بكنه.

با تشكر

[Vahid Taheri 74]

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

ایشون ساده ترین راه رو به شما گفتن. حالا اگر دقیقش میخواین من توضیح میدم.

یکی از تگ هایی که به HTML در HTML5 افزوده شد canvas بود. این کد این قابلیت رو به کاربران و طراحان وب داد تا با استفاده از یه سری کد های جاوا اسکریپت بتونن تصاویر متحرک بسازند. ولی از معایبش اینه که در مرورگر های قدیمی درست به نمایش در نمیان. مثل مشکلی که فایل های فلش دارند. ولی تصاویر gif بطور یکسان در همه ی سیستم ها اجرا میشن.

سایتی که شما گفتین از فریم ورک KineticJS استفاده کرده که یک فریم ورک برای ساخت انیمیشن با استفاده از canvas هست. برای اطلاعات بیشتر و دانلود این فریم ورک میتونید از این لینک استفاده کنید.

البته این هم بگم که کار با canvas خیلی هم ساده نیست و بعضی از سایت ها آموزش های اون رو میفروشند که میتونید در اینترنت عبارت "آموزش انیمیشن canvas" رو سرچ کنید تا به نتیجه ی مطلوب برسید.

موفق باشید

[farhad6169 10]

با سلام

از هر دو عزيز متشكرم

[jmahyar152 10]

با استفاده از css3 هم میتونیم این کارو بکنیم. اگه میخوای، پیشنهادت رو به من پ خ کن.

[blazhel 16]

بهترین عملکرد ترکیب html5 و css3 است وخخیلی راحت با keyframe میتونید این حالت رو پیاده کنید

[farhad6169 10]

با سلام

در صورت امكان يك توضيح اجمالي و كوتاه بدهيد تا يك درك درست از اين كار داشته باشم

با تشكر