গেম গ্রভিটি

কিছু গেমগুলিতে গেম এলাকাকে একটি দিকে আকর্ষণ করা একটি শক্তি রয়েছে, যেমন গ্রাভিটি বস্তুকে ভূমির দিকে আকর্ষণ করে。

গ্রাভিটি

আমাদের কম্পোনেন্ট নির্মাণ ফাংশনে এই বৈশিষ্ট্যটি যোগ করতে হলে, প্রথমে একটি gravity প্রতিভা, যা বর্তমান সংযোগকে নির্ধারণ করে।তারপর একটি gravitySpeed এই অপেরেশনগুলির মধ্যে, যখন আমরা ফ্রেমকে আপডেট করি, তখন তা বৃদ্ধি পাবে:

ইনস্ট্রাকশন

function component(width, height, color, x, y, type) {
  this.type = type;
  this.width = width;
  this.height = height;
  this.x = x;
  this.y = y;
  this.speedX = 0;
  this.speedY = 0;
  this.gravity = 0.05;
  this.gravitySpeed = 0;
  this.update = function() {
    ctx = myGameArea.context;
    ctx.fillStyle = color;
    ctx.fillRect(this.x, this.y, this.width, this.height);
  }
  this.newPos = function() {
    this.gravitySpeed += this.gravity;
    this.x += this.speedX;
    this.y += this.speedY + this.gravitySpeed;
  }
}

আপনার হাতে পরীক্ষা করুন

তাড়া দিয়ে নেওয়া

যাতে লাল ক্যার্ডকে অবশ্যই নিচে নেই, আমরা তা নিচে পৌঁছালে তাকে নিচে আসতে বন্ধ করতে হবে:

ইনস্ট্রাকশন

  this.newPos = function() {
    this.gravitySpeed += this.gravity;
    this.x += this.speedX;
    this.y += this.speedY + this.gravitySpeed;
    this.hitBottom();
  }
  this.hitBottom = function() {
    var rockbottom = myGameArea.canvas.height - this.height;
    if (this.y > rockbottom) {
      this.y = rockbottom;
    }
  }

আপনার হাতে পরীক্ষা করুন

ত্বরণ

গেমতে, যখন একটি শক্তি ক্যার্ডকে নিচে আটকে রাখবে, আপনাকে একটি পদ্ধতি ডিজাইন করতে হবে যাতে কম্পোনেন্টটি ত্বরণ করতে পারে。

যখন কেউ বাটন ক্লিক করবে, তখন একটি ফাংশন ট্রিগার হবে এবং লাল ক্যার্ডকে আকাশে পাঠাবে:

ইনস্ট্রাকশন

<script>
function accelerate(n) {
  myGamePiece.gravity = n;
}
</script>
<button onmousedown="accelerate(-0.2)" onmouseup="accelerate(0.1)">ত্বরণ</button>

আপনার হাতে পরীক্ষা করুন

একটি গেম

আমরা এখন শিখেছি এবং একটি গেম তৈরি করুন:

ইনস্ট্রাকশন

আপনার হাতে পরীক্ষা করুন

একটি উত্তোলন বাটন ক্লিক করে গেম শুরু করুন。

আপনি কতদিন বেঁচে থাকবেন? একটি উত্তোলন বাটন ব্যবহার করে আপনি আকাশে থাকতে রাখুন。