راکت

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

4 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

4
حسین حسین پور
حسین حسین پور
@hhp14111

تخصص: طراح رابط کاربری، برنامه‌نویس

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

حسان محمدی
حسان محمدی
@Hessan

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

https://codepen.io/szsoma/pen/bYEXGx

شاید پاسخ شما همین‌جا باشد

سید حسین رضوی
سید حسین رضوی
@hossein.r.1442

تخصص: برنامه نویس وب و طراح رابط کاربری

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

حسان محمدی
حسان محمدی
@Hessan

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

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

ورود یا ثبت‌نام