محاسبه گردش اجسام دور محیط دایره در جاوا اسکریپت

در این مطلب قرار هست محاسبه کردن top و left یک شیء در جاوا اسکریپت در زمان حرکت آن شیء در حول محور یک دایره را بیاموزیم.

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

با تغییرات کوچکی در کد و فرمول می توانید برای مثلا مکان شروع و جهت حرکت شیء را به آسانی تغییر دهید.

برای دیدن دمو روی لینک زیر کلیک کنید و برای دیدن فرمول و بقیه ماجرا به ادامه مطلب خیره شوید :

دمو " گردش جسم حول محور یک دایره "

در فرمول بالا m و n وجود دارد که در کد شما آن را نمیبینید. چون دایره فرضی ای که جسم حول محیط آن میچرخد مماس با مربع مادر اوست. پس m و n هر دو 0 میشوند و می توان آنها را از فرمول حذف کرد.

m و n نزدیک ترین فاصله بین مربع (مستطیل) و دایراه است.

با جا به جا کردن p و q و علامت های آنها در دو فرمول دوم می توان مکان شروع و جهت حرکت را تغییر داد.

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

توجه داشته باشین قسمت اصلی کد که مربوط به ریاضی و فرمول بالاست ، تابع math می باشد. بقیه قسمت های اسکریپت به منظور قالب بندی و حرکت دادن جسم می باشد.

دانلود اسکریپت محاسبه top و left جسم در زمان گردش به دور محور فرضی یک دایره