c3b1e1

به یک فریلنسر با تجربه در JavaScript (بدون فریم‌ورک) نیاز دارم برای بهبود و تکمیل یک پروژه‌ی موجود شبیه‌سازی فیزیکی.

پروژه با HTML, CSS, JS نوشته شده. الگوریتم‌ها بخشی به‌صورت دستی طراحی شده‌اند و بخشی هم با شبیه‌سازی Planck.js. خروجی فعلی قابل استفاده است اما نیاز به بهبود، رفع باگ و حرفه‌ای‌تر شدن دارد.

تکنولوژی و محدودیت‌ها

فقط HTML + CSS + Vanilla JS (بدون فریم‌ورک/TypeScript/jQuery، بدون سمت‌سرور).

خروجی روی Canvas 2D (Stage).

استفاده از موتورهای فیزیک 2D جاوااسکریپت آزاد است (مثل Planck.js یا مشابه)، به شرطی که کد ساده و خوانا باشد.

جریان اجرا

صفحه‌ی سیاه با دکمه‌ی Start.

با کلیک روی Start، یک Round آغاز می‌شود.

ورودی‌های Round:

configObjects: آرایه‌ی JSON از اشیای SVG (تولید با svgmaker.js – فایل موجود و قابل ویرایش)

autoDeployFrequency (به‌صورت ms، پیش‌فرض 1000)

defaultWallBounces (پیش‌فرض 3)

loop (true/false)

در هر autoDeployFrequency یک SVG جدید خارج از دید ایجاد می‌شود، با جهت حرکت به سمت Stage (نزدیک مرکز ±20%).

پس از ورود کامل شیء به استیج، برخورد با دیوارها فعال می‌شود.

هر شیء با دیوارها و اشیای دیگر برخورد دارد تا شمارنده‌ی برخورد با دیوار به حد مجاز برسد؛ سپس برخورد دیوار غیرفعال شده و شیء از استیج خارج می‌شود.

تمام وضعیت اشیاء باید در stageObjects ذخیره شود: داده‌ی اولیه، موقعیت، سرعت، چرخش/سرعت زاویه‌ای، مقیاس، تعداد بونس دیوار، فعال/غیرفعال بودن برخورد دیوار و… .

نیازمندی‌ها

رفع باگ‌ها و بهینه‌سازی عملکرد.

پیاده‌سازی برخورد و واکنش اشکال به صورت کاملاً هوشمندانه (چرخش، کشش، ضربه، فاصله دقیق).

اضافه کردن اشکال جدید: مثلث، لوزی، پنج‌ضلعی، اعداد و حروف (از فایل‌های SVG موجود).

دقت بالا در مختصات و واکنش هر شکل بر اساس ساختار هندسی خودش.

یک دکمه‌ی Collider Debug:

وقتی فعال شود، به‌جای نمایش مربع ساده دور شکل، کالایدر دقیق بر اساس ساختار هندسی واقعی SVG و ماتریس ترنسفورمش رسم شود. عکس رو گذاشتم اما اینطوری مربعی شکل نمیخوام

مثال: برای اعداد یا حروف، کالایدر باید دقیقاً روی خطوط SVG بیفتد، نه به‌صورت باکس مربعی.

خروجی ریسپانسیو و روان (هدف 60fps روی سیستم میان‌رده، افت کنترل‌شده تا 30fps).

مدیریت حافظه (حذف تمیز اشیای خارج‌شده).

کد ساده، ماژولار و خوانا (بدون وابستگی‌های سنگین).

ابزارهای دیباگ (اجباری)

نمایش مرزهای برخورد/کانتکت‌ها (Toggle).

لاگ ورود و خروج اشیا.

نمایش وضعیت جاری شیء هنگام هاور موس.

تحویل

مرحله اول: یک خروجی ویدیویی ~۲ دقیقه‌ای از عملکرد پروژه.

در صورت تأیید، کد کامل ارسال می‌شود و پرداخت انجام خواهد شد.

زمان‌بندی

اولین خروجی: امشب.

ددلاین نهایی بدون باگ: چهارشنبه عصر، 12 شهریور.

⚡ اگر در این حوزه حرفه‌ای هستید، این پروژه برای شما ساده خواهد بود.

من نیاز به تبدیل یک پروتوتایپ ۸ صفحه‌ای (8 در ده) وبسایت وردپرسی انگلیسی دارم که در حال حاضر در قالب پاورپوینت (خروجی گرفته شده از gamma.app) است. این پروتوتایپ باید به کدهای HTML5 همراه با CSS و JavaScript تبدیل شود. (برای این کار میتوانید از کانورتر زیر استفاده کنید) https://www.zamzar.com/convert/ppt-to-html/

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

سلام یه بازی آنلاین دو بعدی که هم بخش تعاملی داره و هم بازی با سیستم! بخشهای بازی با سیستم: پاسخ به سوال، حل معما، تماشای ویدیو، گوش دادن به پادکست بخشهای تعاملی: سکه انداختن، تاس انداختن

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

توضیحات دقیق بازی با فریم ورک به پیوست ارسال میشود

سلام میخوام قالب html, css, javascript از قالب وردپرس زیر ساخته بشه themeforest.net/item/nutreko-nutrition-supplement-woocommerce-theme/fullscreenpreview/54589508

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