खेल ध्वनि
आवाज बढ़ा दो। जब लाल वर्ग बाधा से टकराता है तो क्या आपको "डंक" सुनाई देता है?
ध्वनियाँ कैसे जोड़ें?
अपने गेम में ध्वनि और संगीत जोड़ने के लिए HTML5 <ऑडियो> तत्व का उपयोग करें।
हमारे उदाहरणों में, हम ध्वनि वस्तुओं को संभालने के लिए एक नया ऑब्जेक्ट कंस्ट्रक्टर बनाते हैं:
उदाहरण
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();
}
}
एक नई ध्वनि वस्तु बनाने के लिए soundकंस्ट्रक्टर का उपयोग करें, और जब लाल वर्ग एक बाधा से टकराए, तो ध्वनि बजाएं:
उदाहरण
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;
}
}
...
}
पार्श्व संगीत
अपने गेम में बैकग्राउंड म्यूजिक जोड़ने के लिए, एक नया साउंड ऑब्जेक्ट जोड़ें, और जब आप गेम शुरू करें तो खेलना शुरू करें:
उदाहरण
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();
}