গেম সাউন্ড

আপনাকে শব্দকে বেশি করে নিন। যখন লাল বক্স বাধা সহজ্ঞে চলে যায়, আপনি হতে শব্দ শুনতে পারেন কি?

সঙ্গীত যোগ করা কিভাবে?

গেমকে সঙ্গীত এবং মাঝের সঙ্গীত যোগ করতে, আপনাকে HTML5 <audio> ইলেকট্রন ব্যবহার করতে হবে。

নিচের উদাহরণে, আমরা একটি নতুন অবজেক্ট কন্সট্রাক্টর তৈরি করি, যার মাধ্যমে সঙ্গীত অবজেক্ট প্রক্রিয়াকরণ করা হয়:

ইনস্ট্যান্স

function sound(src) {
  this.sound = document.createElement("audio");
  this.sound.src = src;
  this.sound.setAttribute("preload", "auto");
  this.sound.setAttribute("controls", "none");
  this.sound.style.display = "none";
  document.body.appendChild(this.sound);
  this.play = function(){
    this.sound.play();
  }
  this.stop = function(){
    this.sound.pause();
  }
}

নতুন সঙ্গীত অবজেক্ট তৈরি করতে, ব্যবহার করুন: সঙ্গীত বানানোর ফাংশন, যখন লাল বাক্স অবকাঠামোকে সংঘাত করলে, সঙ্গীত প্লে করুন:

ইনস্ট্যান্স

var myGamePiece;
var myObstacles = [];
var mySound;
function startGame() {
  myGamePiece = new component(30, 30, "red", 10, 120);
  mySound = new sound("bounce.mp3");
  myGameArea.start();
}
function updateGameArea() {
  var x, height, gap, minHeight, maxHeight, minGap, maxGap;
  for (i = 0; i < myObstacles.length; i += 1) {
    if (myGamePiece.crashWith(myObstacles[i])) {
      mySound.play();
      myGameArea.stop();
      return;
    }
  }
...
}

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

পটভূমি সঙ্গীত

গেমকে পটভূমি সঙ্গীত যোগ করতে, একটি নতুন sound অবজেক্ট যোগ করুন এবং গেম শুরু করার সময় প্লে করুন:

ইনস্ট্যান্স

var myGamePiece;
var myObstacles = [];
var mySound;
var myMusic;
function startGame() {
  myGamePiece = new component(30, 30, "red", 10, 120);
  mySound = new sound("bounce.mp3");
  myMusic = new sound("gametheme.mp3");
  myMusic.play();
  myGameArea.start();
}

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