گیم کینواس

عنصر <canvas> HTML در صفحه وب به عنوان یک شکل مستطیل نمایش داده می‌شود:

پلٹی جائس

<canvas> عنصر برای توسعه بازی‌ها در HTML بسیار مناسب است.

<canvas> عنصر تمامی امکانات مورد نیاز برای ساخت بازی را فراهم می‌کند.

لطفاً از JavaScript در <canvas> برای نقاشی، نوشتن متن، وارد کردن تصاویر و غیره استفاده می‌شود.

.getContext("2d")

<canvas> عنصر یک شیء داخلی دارد که نام دارد getContext("2d") اشیاء، روش‌ها و ویژگی‌هایی برای نقاشی، نوشتن متن و وارد کردن تصاویر و غیره را پیدا کنید.

شما می‌توانید در آموزش کانواس در <canvas> عناصر و getContext("2d") اطلاعات بیشتری در مورد اشیاء

پس، شروع کنید

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

مثال

function startGame() {
  myGameArea.start();
}
var myGameArea = {
  canvas : document.createElement("canvas"),
  start : function() {
    this.canvas.width = 480;
    this.canvas.height = 270;
    this.context = this.canvas.getContext("2d");
    document.body.insertBefore(this.canvas, document.body.childNodes[0]);
  }
}

آزماش کنید

در بخش‌های بعدی این آموزش، اشیاء myGameArea بیشتر ویژگیات و روش‌ها را حاصل خواهد کرد.

فانکشن startGame() کال myGameArea آبجیکٹ کا start() مزیدار

start() مزیدار <canvas> عنصر، اور پہلے بیٹی نمبر میں داخل کیا جاتا ہے <body> عنصر میں。