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

عنوان پروژه: توسعه وب‌سایت مرجع صادرات مشتقات نفتی (قیر، گازوئیل و...)

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

ویژگی‌های مورد نیاز:

1. طراحی کاربرپسند: وب‌سایت باید از نظر بصری جذاب و آسان برای استفاده باشد تا کاربران به راحتی به اطلاعات مورد نظر خود دسترسی پیدا کنند.
2. محتوای غنی: وب‌سایت باید شامل مقالات، اخبار، قیمت‌ها، اطلاعات B2B و تحلیل‌های مرتبط با بازارهای جهانی مشتقات نفتی باشد.
3. امکان جستجوی پیشرفته: کاربران باید قادر باشند با استفاده از فیلترهای مختلف، محصولات را جستجو کرده و به نتایج دلخواه خود دست یابند.
4. نسخه موبایل: طراحی وب‌سایت باید به گونه‌ای باشد که در دستگاه‌های موبایل نیز به نحو مناسب نمایش داده شود.
5. به‌روزرسانی آسان: سیستم مدیریت محتوای وب‌سایت باید به گونه‌ای طراحی شود که به سادگی قابل به‌روزرسانی و مدیریت باشد.

محبوبیت مرجع‌های موجود:

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

دسته‌بندی پروژه:

این پروژه در حوزه توسعه نرم‌افزار و آی‌تی قرار دارد و به متخصصانی با تجربه در طراحی و توسعه وب‌سایت نیاز دارد.

نیازمندی‌ها:

• توانایی کار با ابزارهای طراحی وب
• تسلط بر زبان‌های برنامه‌نویسی مرتبط (HTML, CSS, JavaScript و...)
• آشنایی با سیستم‌های مدیریت محتوا (مانند WordPress یا سایر CMS)
• تجربه در ایجاد وب‌سایت‌های مرجع و اطلاعاتی

از تمامی افرادی که تمایل به همکاری در این پروژه دارند، خواهشمندیم پیشنهادات خود را ارسال نمایند و نمونه کارهای مرتبط خود را به نمایش بگذارند.