چگونه یک بازی سه‌بعدی را آخر هفته در Vercel منتشر کنیم (با مهارت‌های هوش مصنوعی)

ایده در روز جمعه، URL زنده در روز یکشنبه. راهنمای Three.js + Cursor + Vibe Skills + Vercel free tier برای انتشار یک بازی سه بعدی در 48 ساعت.

3D GamesVercelThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
9,623
چگونه یک بازی سه‌بعدی را آخر هفته در Vercel منتشر کنیم (با مهارت‌های هوش مصنوعی) - Vibe Skills preview
Vibe Skills
Vibe Skills

صدها مهارت آماده برای Claude، Cursor و موارد دیگر را مرور کنید.

انتشار یک بازی سه‌بعدی در Vercel تا شب یکشنبه: راهنمای استقرار ۴۸ ساعته

شما می‌توانید از غروب جمعه تا زمان شام یکشنبه، از یک صفحه خالی تا لینک your-game.vercel.app پیش بروید. پشته مورد استفاده Three.js، Cursor، یک مهارت هوش مصنوعی از Vibe Skills و پلن رایگان Vercel است. هزینه کل آخر هفته: ۰ دلار. کل زیرساخت که باید از آن مراقبت کنید: همچنین صفر.

این "ساختن یک نمونه اولیه روی لپ‌تاپ و پایان دادن به آن" نیست. این یک URL عمومی است که هر کسی در جهان می‌تواند در مرورگر باز کند، با HTTPS، کشینگ لبه و یک دامنه سفارشی اگر یکی را بخواهید. مهارت هوش مصنوعی داربست Three.js و یک vercel.json کارآمد را ارائه می‌دهد. Cursor حلقه تکرار را مدیریت می‌کند. Vercel استقرار را مدیریت می‌کند. شما طراحی را مدیریت می‌کنید.

این راهنما برای توسعه‌دهندگان مستقل، کدنویسان ویبر، شرکت‌کنندگان هکاتون و هر کسی که از تب‌های localhost:5173 نیمه‌کاره خسته شده است، می‌باشد. ما به این می‌پردازیم که چرا این پشته کار می‌کند، آناتومی استقرار ۴۸ ساعته، پنج مهارت بازی سه‌بعدی ساخته شده برای گردش کار، و گام به گام جمعه تا یکشنبه.


چگونه یک بازی سه‌بعدی را آخر هفته در Vercel منتشر کنیم (با مهارت‌های هوش مصنوعی) - Vibe Skills preview
Vibe Skills
Vibe Skills

صدها مهارت آماده برای Claude، Cursor و موارد دیگر را مرور کنید.

چرا Vercel + Three.js + مهارت‌های هوش مصنوعی پشته توسعه‌دهنده انفرادی است

Vercel کمترین هدف استقرار ممکن برای یک بازی Three.js است. به GitHub پوش کنید، Vercel متوجه می‌شود، پروژه را می‌سازد و در عرض ۶۰ ثانیه یک URL به شما بازمی‌گرداند. هیچ سروری برای تامین، هیچ فایل Docker، هیچ پیکربندی NGINX، هیچ راه‌اندازی SSL وجود ندارد. بسته Three.js فقط دارایی‌های ایستا HTML، JS و WebGL است، که دقیقاً همان چیزی است که شبکه لبه Vercel برای ارائه ساخته شده است.

پلن رایگان به راحتی یک راه‌اندازی آخر هفته را پوشش می‌دهد:

  • ۱۰۰ گیگابایت پهنای باند در ماه. یک بسته ۵ مگابایتی Three.js در ۱۰,۰۰۰ بازی ۵۰ گیگابایت است. شما قبل از اتمام پهنای باند، آخر هفته را به پایان خواهید رساند.
  • استقرارهای ایستا نامحدود با HTTPS و زیردامنه *.vercel.app.
  • پشتیبانی از دامنه سفارشی در پلن رایگان - اگر دامنه name-game.com خود را دارید، آن را بیاورید، در غیر این صورت URL رایگان vercel.app در هر پلتفرم اجتماعی قابل اشتراک‌گذاری است.
  • پیش‌نمایش استقرارها برای هر کامیت - هر پوش یک URL مخصوص به خود را دریافت می‌کند، بنابراین می‌توانید یک بیلد را با یک دوست به اشتراک بگذارید و بدون خراب کردن آن به تکرار ادامه دهید.

یک مهارت هوش مصنوعی از Vibe Skills اضافه کنید و کد اولیه نیز ناپدید می‌شود. راه‌اندازی صحنه Three.js، کنترلر بازیکن، خط لوله ساخت و vercel.json آماده Vercel در یک دستور تولید می‌شوند. سپس Cursor بقیه آخر هفته را به یک چت تبدیل می‌کند که در آن گیم‌پلی مورد نظر خود را توصیف می‌کنید و خروجی را تنظیم می‌کنید. این کل پشته است: یک مهارت بازار برای پایه، یک ویرایشگر هوش مصنوعی برای تکرار، و Vercel برای استقرار. انفرادی، رایگان و سریع.


چگونه یک بازی سه‌بعدی را آخر هفته در Vercel منتشر کنیم (با مهارت‌های هوش مصنوعی) - Vibe Skills preview
Vibe Skills
Vibe Skills

صدها مهارت آماده برای Claude، Cursor و موارد دیگر را مرور کنید.

آناتومی ۴۸ ساعته: مفهوم جمعه تا استقرار یکشنبه

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

مرحلهبازه زمانیکاری که انجام می‌دهیدآنچه در پایان مرحله منتشر می‌شود
مرحله ۱: مفهومجمعه ۶ بعدازظهر - ۱۰ شبسبک را انتخاب کنید، سند طراحی ۱ صفحه‌ای بنویسید، مهارت بازی سه‌بعدی Vibe Skills را نصب کنید، استارتر را به GitHub پوش کنید، به Vercel متصل شویدURL زنده name-game.vercel.app با صحنه اولیه
مرحله ۲: ساختشنبه ۹ صبح - ۸ شبجایگزینی جایگاه نگهدار با مکانیک اصلی شما، اضافه کردن ۱ سطح، کار کردن وضعیت برد/باختبیلد قابل بازی در همان URL Vercel، خودکار استقرار یافته در هر پوش
مرحله ۳: پرداختن به جزئیاتیکشنبه ۱۰ صبح - ۴ بعدازظهرصدا، جلوه‌های ویژه، پاپ‌آپ آموزش، بررسی اشکالات، بررسی عملکرد در موبایلبیلد که در ۶۰ ثانیه اول در هیچ دستگاهی خراب نشود
مرحله ۴: راه‌اندازییکشنبه ۴ بعدازظهر - ۸ شبتنظیم دامنه سفارشی (اختیاری)، ضبط GIF، نوشتن صفحه itch.io، پست کردن لینکURL عمومی + صفحه itch.io + پست راه‌اندازی در شبکه‌های اجتماعی

دلیل کارکرد این روش، پوش جمعه به Vercel است. پس از وجود URL، هر کامیت شنبه و یکشنبه به طور خودکار مستقر می‌شود. "وحشت استقرار شب یکشنبه" وجود ندارد زیرا استقرار در روز جمعه اتفاق افتاده است و در تمام آخر هفته با خلبان خودکار اجرا شده است.


"کدنویسی ویبر" یک بازی سه‌بعدی در Vercel چگونه به نظر می‌رسد

کدنویسی ویبر به معنای توصیف آنچه می‌خواهید به زبان انگلیسی ساده است و اجازه دادن به یک ویرایشگر هوش مصنوعی برای نوشتن کد، و سپس تکرار بر روی خروجی است. برای یک بازی Three.js در Vercel، حلقه به طور غیرمعمولی تمیز است: هر تغییر در Cursor با pnpm dev از بازخورد محلی فاصله دارد، سپس با git push از یک URL پیش‌نمایش زنده فاصله دارد، سپس به طور خودکار به تولید در main مستقر می‌شود.

یک آخر هفته بازی Vercel کدنویسی شده با ویبر به این صورت است:

۱. پوشه استارتر مهارت را در Cursor باز کنید. ۲. یک ویژگی را در چت توصیف کنید: "پرش دوگانه اگر کلید فضا دو بار در عرض ۲۰۰ میلی‌ثانیه فشرده شود". ۳. Cursor فایل کنترلر را ویرایش می‌کند. ذخیره کنید. pnpm dev دوباره بارگیری می‌کند. شما پرش را در مرورگر احساس می‌کنید. ۴. اگر خوب به نظر می‌رسد، git push کنید. Vercel یک URL پیش‌نمایش می‌سازد. آن را برای یک دوست ارسال کنید. ۵. هنگامی که احساسات قفل شد، به main ادغام کنید. URL تولید در عرض ۶۰ ثانیه به‌روز می‌شود.

هوش مصنوعی تایپ را انجام می‌دهد. Vercel استقرار را انجام می‌دهد. شما احساس و طراحی را انجام می‌دهید.


۵ مهارت بازی سه‌بعدی هوش مصنوعی که این را در Vibe Skills ممکن می‌سازند

این مهارت‌ها برای گردش کار آخر هفته Vercel + Three.js + Cursor ساخته شده‌اند. هر کدام با یک پروژه Three.js مبتنی بر Vite، یک vercel.json کارآمد، یک pnpm build که یک بسته ایستا را تولید می‌کند که Vercel می‌تواند از لبه ارائه دهد، و یک مسیر استقرار آزمایش شده، ارائه می‌شود. همه آنها در دسته بازی‌های سه‌بعدی در Vibe Skills قرار دارند.

۱. استارتر بازی Three.js + Vercel

انتخاب پیش‌فرض. صحنه Three.js را با یک کنترلر بازیکن، دوربین سوم شخص، تجهیزات نورپردازی، آسمان‌نما و یک صفحه زمین با برخوردها تولید می‌کند. همراه با یک vercel.json که هدرهای کشینگ مناسب را برای بسته‌های دارایی Three.js تنظیم می‌کند، ارائه می‌شود. pnpm dev به صورت محلی اجرا می‌شود؛ یک کلیک در داشبورد Vercel مخزن GitHub را متصل می‌کند و شما یک URL زنده دارید.

بهترین برای: هر سبکی به جز ۲ بعدی خالص. اگر هنوز نمی‌دانید چه چیزی می‌سازید، از این استفاده کنید.

۲. واکر اول شخص Vercel

یک کنترلر اول شخص پرداخت شده (WASD + قفل نشانگر ماوس + جاذبه + دویدن + پرش) با قلاب‌های صدای پا، لرزش سر، و یک vercel.json که هدرهای CSP قفل نشانگر را به درستی مدیریت می‌کند. این مورد بسیاری از توسعه‌دهندگان مستقل را در تولید با مشکل مواجه می‌کند. مهارت آن را برای شما حل می‌کند.

بهترین برای: شبیه‌سازهای پیاده‌روی، نمونه‌های اولیه ترسناک، بازی‌های روایی، نمایشگاه‌های موزه.

۳. کیت تیراندازی آرنا مرورگر

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

بهترین برای: تیراندازی‌های آرکید، جهنم گلوله، ورودی‌های جام که باید به سرعت در موبایل بارگیری شوند.

۴. سکو پازل Vercel

یک پلتفرمر سوم شخص (پرش متغیر، زمان کویوت، تشخیص لبه)، نقاط بازرسی، سه سطح خالی که می‌توانید در Blender یا کد ویرایش کنید، و یک حلقه بازگشت. vercel.json برای بارگذاری مجدد سطح کش شده با لبه با سرعت فوری پیکربندی شده است، بنابراین آزمایش بازی در تلفن احساس سرعت می‌کند.

بهترین برای: پلتفرمرهای پازل، نمونه‌های اولیه پارکور، آزمایش‌های طراحی سطح.

۵. سندباکس رانندگی Vercel

احساس رانندگی آرکید (منحنی شتاب، فیزیک دریفت، تاخیر دوربین، زمین پایه) با یک ماشین کم‌تعداد، یک قالب مسیر، و استقراری که برای مش‌های زمین بزرگ تنظیم شده است. هدرهای HTTP از پیش تعیین شده باعث می‌شوند زمینه WebGL در Safari سریع‌تر شروع شود، که به طور تاریخی کندترین مرورگر برای Three.js است.

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

تمام مهارت‌های بازی سه‌بعدی را در Vibe Skills مرور کنید →


گام به گام از جمعه تا یکشنبه

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

جمعه ۶ بعدازظهر - ۸ بعدازظهر: انتخاب مهارت، پوش به GitHub، اتصال Vercel

گام ۱: یک مهارت بازی سه‌بعدی در Vibe Skills انتخاب کنید. دسته بازی‌های سه‌بعدی را مرور کنید، موردی را که با سبک شما مطابقت دارد انتخاب کنید و استارتر را در یک پوشه جدید نصب کنید. آن را در Cursor باز کنید. باید تا ساعت ۷ بعدازظهر یک صحنه Three.js با یک بازیکن متحرک ببینید.

گام ۲: یک مخزن GitHub ایجاد کنید و پوش کنید. git init، git remote add، git push. از نام بازی خود به عنوان نام مخزن استفاده کنید (crystal-runner، lunar-fishing، هرچه). نام مخزن اغلب URL شما می‌شود.

گام ۳: مخزن را به Vercel متصل کنید. با GitHub وارد Vercel شوید (رایگان)، روی "Add New Project" کلیک کنید، مخزن را انتخاب کنید. Vercel Vite را به طور خودکار تشخیص می‌دهد و بیلد را پیکربندی می‌کند. روی Deploy کلیک کنید. در عرض ۶۰ ثانیه یک URL crystal-runner.vercel.app خواهید داشت. آن را روی تلفن خود باز کنید. با یک دوست به اشتراک بگذارید. نوار استقرار اکنون برای بقیه آخر هفته صفر است.

جمعه ۸ بعدازظهر - ۱۰ شب: سند طراحی را بنویسید

گام ۴: پنج سوال را به زبان انگلیسی ساده پاسخ دهید. یک صفحه Notion یا یک فایل markdown در داخل مخزن باز کنید و پاسخ دهید:

  • بازیکن هر ۵ ثانیه چه کاری انجام می‌دهد؟ (حلقه اصلی)
  • شرط برد و شرط باخت چیست؟
  • مدت زمان یک دور یا یک سطح چقدر است؟
  • قلاب بصری چیست؟ (پالت، نورپردازی، مرجع سبک)
  • تنها ویژگی که این را در ۳۰ ثانیه به یاد ماندنی می‌کند چیست؟

گام ۵: سند طراحی را کامیت کنید. آن را به مخزن پوش کنید. Vercel دوباره مستقر خواهد شد. نظم پوش کردن هر تغییر معنی‌دار، URL زنده را صادق نگه می‌دارد.

شنبه ۹ صبح - ۱ بعدازظهر: مکانیک اصلی را بسازید

گام ۶: مکانیک جایگزین را با ویژگی منحصر به فرد خود جایگزین کنید. این تنها ویژگی مهم است. از چت Cursor برای توصیف آن استفاده کنید ("وقتی بازیکن یک کریستال برمی‌دارد، دشمنان نزدیک را به مدت ۲ ثانیه منجمد کن و یک زنگ بنواز"). با pnpm dev به صورت محلی تکرار کنید. وقتی خوب به نظر می‌رسد، پوش کنید.

گام ۷: وضعیت برد/باخت را سیم‌کشی کنید. یک بیلد ۶۰ ثانیه‌ای با پایان واقعی مانند یک بازی احساس می‌شود. یک بیلد ۶۰ دقیقه‌ای بدون پایان مانند یک نمایش فنی احساس می‌شود. همیشه ابتدا صفحه برد را سیم‌کشی کنید، سپس همه چیز دیگر را.

شنبه ۱ بعدازظهر - ۸ شب: یک سطح اضافه کنید

گام ۸: یک سطح پرداخت شده بسازید. نه سه سطح نیمه پخته. از مکعب‌های جایگزین برای هندسه استفاده کنید. از شخصیت استوک مهارت استفاده کنید. تنظیم احساس - ارتفاع پرش، تاخیر دوربین، شدت ذرات.

گام ۹: یک پوشش آموزشی اضافه کنید. یک پاپ‌آپ "WASD برای حرکت، کلیک برای شلیک" دو جمله‌ای در اولین راه‌اندازی، راه‌اندازی شما را از بازیکنان گیج شده که در ۸ ثانیه تسلیم می‌شوند، نجات می‌دهد. Cursor می‌تواند پوشش React (یا DOM ساده) را در ۳۰ ثانیه تولید کند.

گام ۱۰: هر ساعت پوش کنید. هر پوش یک URL پیش‌نمایش Vercel دریافت می‌کند. هر کدام را برای یک دوست ارسال کنید. حلقه بازخورد سلاح مخفی این پشته است.

یکشنبه ۱۰ صبح - ۴ بعدازظهر: پرداختن به جزئیات

گام ۱۱: سه صدا اضافه کنید. حلقه صدای پا، پد محیطی، نت برد. حتی سه صدا نیز یک نمونه اولیه آخر هفته را به طور چشمگیری ارتقا می‌دهد. منابع رایگان: freesound.org، opengameart.org.

گام ۱۲: جلوه‌های ویژه اضافه کنید. ذرات هنگام برخورد، لرزش صفحه هنگام ضربه، نمایش اعداد هنگام امتیاز. جلوه‌های ویژه چیزی است که باعث می‌شود یک بیلد ۴۸ ساعته در یک GIF مانند یک بیلد ۶ ماهه به نظر برسد. از Cursor بخواهید "یک لرزش صفحه با شدت ۰.۳ به مدت ۱۵۰ میلی‌ثانیه هنگام آسیب دیدن بازیکن" اضافه کند - این قلاب لرزش دوربین را در پنج ثانیه می‌نویسد.

گام ۱۳: یک پاس Lighthouse اجرا کنید. URL Vercel را روی تلفن باز کنید و Lighthouse ابزارهای توسعه‌دهنده Chrome را اجرا کنید. بسته‌های Three.js معمولاً حدود ۴۰۰ کیلوبایت تا ۱.۵ مگابایت هستند. اگر بیش از ۳ مگابایت هستید، از Cursor بخواهید تقسیم کد را روی ماژول‌های سنگین فعال کند. gzip و brotli Vercel بقیه را مدیریت خواهند کرد.

گام ۱۴: پاس اشکال‌زدایی. URL زنده خود را پنج بار پشت سر هم بازی کنید. هر چیزی که دو بار خراب شد را برطرف کنید. هر چیزی که یک بار خراب شد را نادیده بگیرید.

یکشنبه ۴ بعدازظهر - ۸ شب: راه‌اندازی

گام ۱۵: (اختیاری) یک دامنه سفارشی تنظیم کنید. اگر از قبل یک name-game.com خریده‌اید، آن را در تنظیمات پروژه Vercel اضافه کنید. SSL خودکار است. در غیر این صورت URL *.vercel.app خوب است - دارای HTTPS است، قابل اشتراک‌گذاری است و در همه جا بارگیری می‌شود.

گام ۱۶: یک GIF ۱۵ ثانیه‌ای از بهترین لحظه ضبط کنید. از URL زنده استفاده کنید، نه localhost. GIF چیزی است که در Twitter، Bluesky و Reddit کلیک می‌شود.

گام ۱۷: یک صفحه itch.io ایجاد کنید (اختیاری اما با اهرم بالا). عنوان، یک خط شعار، سه اسکرین‌شات، GIF، کنترل‌ها، اعتبارنامه‌ها، و یک جاسازی iframe *.vercel.app شما (itch.io از جاسازی iframe برای بازی‌های HTML5 پشتیبانی می‌کند). اکنون دو URL دارید - یکی برای اشتراک‌گذاری معمولی و دیگری برای مخاطبان گیمر.

گام ۱۸: لینک را پست کنید. Twitter، Bluesky، دیسکورد جامعه توسعه‌دهندگان شما، r/IndieDev، r/threejs، r/WebGames. همیشه با GIF شروع کنید. همیشه URL را شامل شوید. اگر از یک مهارت Vibe Skills استفاده کردید، در پست گزارش توسعه آن را ذکر کنید - توسعه‌دهندگان دیگر که در حال مطالعه هستند، همین استارتر را می‌خواهند.


چگونه از سه رایج‌ترین شکست استقرار Vercel جلوگیری کنیم

سه چیز تقریباً هر آخر هفته Three.js + Vercel انفرادی را خراب می‌کنند. هر سه در صورت یافتن در شب جمعه، اصلاحات ۵ دقیقه‌ای هستند و اگر در یکشنبه ساعت ۷ بعدازظهر کشف شوند، مسیرهای طولانی ۵ ساعته هستند.

  • دایرکتوری خروجی ساخت اشتباه. Vite به طور پیش‌فرض dist/ است. Vercel Vite را به طور خودکار تشخیص می‌دهد و از dist/ استفاده می‌کند. اگر خروجی را سفارشی کردید، outputDirectory را در vercel.json یا تنظیمات پروژه تنظیم کنید وگرنه استقرار شما یک ۴۰۴ خواهد بود.
  • مسیرهای دارایی که به صورت محلی کار می‌کنند اما در تولید ۴۰۴ می‌شوند. از مسیرهای نسبی یا دستیار import.meta.env.BASE_URL Vite برای هر فایل GLB، بافت یا صوتی که در زمان اجرا بارگیری می‌شود، استفاده کنید. مسیرهای assets/... ثابت معمولاً کار می‌کنند، اما مسیرهای مطلق ویندوز کپی شده قطعاً کار نخواهند کرد.
  • هدرهای CSP که قفل نشانگر یا زمینه صوتی را مسدود می‌کنند. بازی‌های اول شخص به قفل نشانگر نیاز دارند. صدا نیاز به فعال‌سازی با رفتار کاربر دارد. هر مهارت از دسته بازی‌های سه‌بعدی با بلوک headers مناسب در vercel.json برای مدیریت این مورد ارائه می‌شود. اگر خودتان از ابتدا نوشتید، پیکربندی را از مخزن مهارت کپی کنید.

استقرار در روز جمعه کار می‌کند، بنابراین وقتی در روز یکشنبه خراب می‌شود، همیشه به دلیل یک تغییر اخیر است. git bisect دوست شماست. حتی بهتر: هر ۳۰ دقیقه پوش کنید تا کامیت خراب کوچک باشد.


سوالات متداول

آیا پلن رایگان Vercel واقعاً دوام می‌آورد اگر بازی من ترافیک بگیرد؟

بله، برای راه‌اندازی آخر هفته و چند هفته اول. پلن رایگان به شما ۱۰۰ گیگابایت پهنای باند در ماه می‌دهد، که تقریباً معادل ۲۰,۰۰۰ بازی از یک بسته ۵ مگابایتی Three.js است. اگر به این سقف برسید، پلن Pro ماهانه ۲۰ دلار است و شما را به ۱ ترابایت ارتقا می‌دهد. برای یک کشتی آخر هفته، رایگان بیش از کافی است. مهارت‌ها در Vibe Skills با پیکربندی‌های ساخت که اندازه بسته را به حداقل می‌رسانند، ارائه می‌شوند، که پلن رایگان را بیشتر گسترش می‌دهد.

آیا می‌توانم از دامنه سفارشی در پلن رایگان Vercel استفاده کنم؟

بله. پلن رایگان از دامنه‌های سفارشی با HTTPS خودکار پشتیبانی می‌کند. یک دامنه بخرید (Namecheap، Cloudflare Registrar، Porkbun)، آن را به Vercel هدایت کنید، و Vercel گواهی SSL را مدیریت می‌کند. راه‌اندازی حدود ۱۰ دقیقه طول می‌کشد. اگر دامنه ندارید، URL name-game.vercel.app به اندازه کافی کوتاه است که در هر پلتفرمی به اشتراک گذاشته شود.

آیا این پشته برای ارسال بازی جام مناسب است؟

بله، و این یکی از بهترین پشته‌ها برای ارسال بازی جام است. اکثر جام‌ها (Ludum Dare، GMTK، js13k، GitHub Game Off) هر URL قابل بازی وب را می‌پذیرند. یک لینک *.vercel.app دقیقاً مانند یک URL itch.io برای داوران کار می‌کند. بسیاری از برندگان جام به هر دو ارسال می‌کنند - itch.io برای مخاطبان گیمر، Vercel به عنوان URL اصلی سریع.

آیا قبل از شروع باید Three.js را بدانم؟

شما به جاوا اسکریپت کافی برای خواندن آنچه Cursor می‌نویسد و تنظیم مقادیر نیاز دارید. شما نیازی به نوشتن Three.js از ابتدا ندارید. مهارت‌ها در Vibe Skills راه‌اندازی موتور، دوربین، کنترلر و پیکربندی ساخت را تولید می‌کنند. Cursor کد گیم‌پلی را از توضیحات شما مدیریت می‌کند.

اگر ساخت Vercel من در یکشنبه ساعت ۷ بعدازظهر شکست بخورد چه اتفاقی می‌افتد؟

شایع‌ترین علت خطای TypeScript یا متغیر محیطی از دست رفته است. Vercel گزارش ساخت را با خط ناکام برجسته شده نشان می‌دهد. یک کلیک در داشبورد به آخرین بیلد کارآمد برمی‌گردد و آن را به تولید ارتقا می‌دهد. از آنجایی که هر پوش یک استقرار پیش‌نمایش است، شما هرگز بیش از یک کامیت با یک بیلد کارآمد فاصله ندارید. به همین دلیل است که پوش کردن هر ۳۰ دقیقه در شنبه و یکشنبه مهم است.

آیا می‌توانم کد مهارت بازی سه‌بعدی Vibe Skills را بفروشم یا تغییر دهم؟

بله. مهارت‌ها در Vibe Skills با یک مجوز تجاری دوستانه عرضه می‌شوند که به شما امکان می‌دهد کد را در بازی خود در Vercel، itch.io، Steam یا هر جای دیگر منتشر کنید. خالقان مالکیت معنوی مهارت را حفظ می‌کنند، شما مالکیت معنوی بازی ساخته شده بر روی آن را حفظ می‌کنید.

اگر نمی‌خواهم از Cursor استفاده کنم چه؟

هر ویرایشگر هوش مصنوعی که بتواند فایل‌های پروژه را ویرایش کند، کار می‌کند. Claude Code، Cursor، Windsurf، GitHub Copilot Chat، Cline - هر کدام می‌توانند داربست Three.js را از یک مهارت Vibe Skills تکرار کنند. خود مهارت مستقل از ویرایشگر است.


همین آخر هفته منتشرش کنید

دلیل اینکه اکثر توسعه‌دهندگان مستقل هرگز یک بازی سه‌بعدی منتشر نمی‌کنند، نه موتور، سبک، یا سقف مهارت است. این شب جمعه است که آنها "فقط کمی بیشتر تحقیق می‌کنند" و هرگز شروع نمی‌کنند. آخر هفته آزاد بعدی که دارید، برنامه چهار مرحله‌ای را دنبال کنید: یک مهارت بازی سه‌بعدی Vibe Skills نصب کنید، به GitHub پوش کنید، Vercel را متصل کنید، تا جمعه ۸ شب مستقر کنید، سپس شنبه و یکشنبه را صرف تکرار بر روی یک URL زنده کنید.

مجموعه ده بازی آخر هفته منتشر شده شما در Vercel، ارزشمندتر از پروژه فرضی موتور رویای شش ماهه شما است. مورد منتشر شده همیشه برنده است. URL رایگان Vercel اثبات آن است.

مهارت‌های بازی سه‌بعدی را در Vibe Skills مرور کنید →


از ماراتن کد اولیه Three.js صرف نظر کنید. یک مهارت بازی سه‌بعدی در Vibe Skills نصب کنید، به Vercel پوش کنید و تا شب یکشنبه یک URL زنده داشته باشید.

چگونه یک بازی سه‌بعدی را آخر هفته در Vercel منتشر کنیم (با مهارت‌های هوش مصنوعی) - Vibe Skills preview
Vibe Skills
Vibe Skills

صدها مهارت آماده برای Claude، Cursor و موارد دیگر را مرور کنید.