آفلاین
user-avatar

طراحی دایره شانس در وب

2 سال پیش
توسط حسان محمدی آپدیت شد
آفلاین
user-avatar
سید حسین رضوی ( 72392 تجربه )
2 سال پیش
تخصص : برنامه نویس وب و طراح رابط کاربری

سلام دوستان عزیز من توی پروژه ام یه بخش دارم به نام دایره شانس یعنی کاربر طی یک روالی وارد این بخش میشه چطوری یه دایره شانس طراحی کنم که کاربر با کلیک روی استارت دایره شروع به چرخیدن کنه و یک نقطه هم به عنوان مرکز داشته باشه که هربخش از دایره که روبروی اون قرار گرفت رو بتونم دریافت کنم و اینکه این دایره از طرف پنل مدیریت می خوام مدیریت بشه یعنی مدیر میاد دایره رو به چهار یا ده قسمت میکنه و برای هر قسمت یه جایزه ای در نظر میگیره.
پروژه با لاراوله (شاید مهم باشه)

آفلاین
user-avatar
حسین حسین پور ( 9366 تجربه )
2 سال پیش
تخصص : طراح رابط کاربری، برنامه‌نویس

دوست عزیز این چیزی که مدنظرته باید با javascript پیاده بشه و خیلی هم کار داره قطعا نمیشه روندش رو در یک کامنت توضیح داد. ولی کلی بخوام بگم یک سرعت چرخش باید مشخص بشه یک زمان چرخش. زمان رو میتونی یک بازه مثلا 5 تا 10 ثانیه رو به صورت رندوم در تابع setTimeout استفاده کنی .
برای پیاده سازی سرعت چرخش هم باید از خصوصیت transform:rotate یا matrix در css و تابع setinterval جاوااسکریپت استفاده کنی.
اگرم میبینی از این موارد زیاد داری تو پروژت بهتره بری کتابخونه gsap رو یاد بگیری یا webGL که خیلی روون تره .

آفلاین
user-avatar
حسان محمدی ( 9854 تجربه )
2 سال پیش

سلام افزونه وردپرسش هست به صورت اماده اگرم خودت بخوای بنویسی این خیلی میی تونه بهت کمک کنه

https://codepen.io/szsoma/pen/bYEXGx
آفلاین
user-avatar
سید حسین رضوی ( 72392 تجربه )
2 سال پیش
تخصص : برنامه نویس وب و طراح رابط کاربری

@Hessan مرسی عالی بود این پن
همونی بود که دنبالش بودم

آفلاین
user-avatar
حسان محمدی ( 9854 تجربه )
2 سال پیش

خواهش می کنم افزونه وردپرسشم هست با پنل مدیریت همه چیزش امادست

برای ارسال پاسخ باید وارد سایت شوید