HTML5 oyun Notları
Collision (çarpışma)
İki nesnein çarpışıp hata vermesini gösterecğim.
crafty.js kütüphanesini kullanarak yapacağız.
http://craftyjs.com/ (js libary burdan ulaşabilirsiniz).
----- ------------- ------
//Js ekliyoruz.
<script src="crafty-min.js"></script>
//burda içeriğin alanını bellirtiyoruz.
Crafty.init(200, 200);
//burda kutuların boyut ve x,y kordinatlarını bellirtiyoruz
var dim1 = {
x: 5,
y: 5,
w: 50,
h: 50
};
var dim2 = {
x: 100,
y: 100,
w: 60,
h: 40
};
//kutuların renk bellirtiyoruz.
var rect1 = Crafty.e("2D, Canvas, Color").attr(dim1).color("red");
var rect2 = Crafty.e("2D, Canvas, Color, Keyboard, Fourway").fourway(2).attr(dim2).color("blue");
//burda if ile mavi kutu ile kırmızı kutu çarpışınca olan olayı bellirtiyoruz function her çarpışma olayı oldununda çalışıyor.
rect2.bind("EnterFrame", function () {
if (rect1.x < rect2.x + rect2.w && rect1.x + rect1.w > rect2.x && rect1.y < rect2.y + rect2.h && rect1.h + rect1.y > rect2.y) {
// collision detected!
this.x = 100;
this.y = 100;
} else {
// no collision
this.color("blue");
}
});
</script>
<p>Mavi kutu kırmızı kutuya çarpınca x,y 100 kordinatında başlayıcak.</p>
HTML5 Game Collision (çarpışma) JS
4/
5
Oleh
Adsız
