به یک فریلنسر با تجربه در 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

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

ما به دنبال طراحی و بهبود رابط کاربری وب‌سایت موجود خود ( nedakalkatechi.com ) هستیم. هدف ما ایجاد تجربه‌ای مدرن‌تر، کاربرپسندتر و هماهنگ با ماهیت و کانسپت سایت است.

در فاز اول، انتظار داریم صفحات زیر طراحی و بازطراحی شوند:

صفحه اصلی صفحه «درباره من» صفحه نوشته تکی (Single Post) صفحه لیست نوشته‌ها (Blog Listing) صفحه محصول تکی (Single Product) صفحه لیست محصولات (Product Listing) صفحه سبد خرید (Cart) صفحه پرداخت (Chechout) صفحه تشکر پرداخت (Thankyou)

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