Javascript ödevim lütfen yardım edinN!!

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI Javascript ödevim lütfen yardım edinN!!

Bu konudaki kullanıcılar: 1 misafir

27
Cevap 737
Tıklama 0
Öne Çıkarma

1. sayfa

Javascript ödevim lütfen yardım edinN!!

Cevap Yaz

Emrecanxx

13 yıl

Onbaşı

Konu Sahibi

Merhabalar benim bir ödevim var biz yılan oyununa benzer birşey yaptık hocamız bizden SETINTERVAL kodunu kullanarak yön tuşlarından birine basınca yılanın sürekli o yöne doğru durmadan hareket etmesini istiyor sonra başka bir yön tuşuna basınca bu seferde o yöne doğru sürekli hareket edecek yardım edermisiniz İŞTE KODLAR;

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>yılan doyurma</title>
<script>
var yemL;
var yemT;
var puan=0;
var hamle=0;
var git;
function git(yon) {

hamle++;
var top=document.getElementById("gezici").offsetTop;
var left=document.getElementById("gezici").offsetLeft;

if (yon.keyCode == 38){
top=top-10;
if(top < 113) top = 403;
document.getElementById("gezici").style.top = top+"px";
}else if(yon.keyCode == 40) {
top=top+10;
if(top > 403) top = 113;
document.getElementById("gezici").style.top = top+"px";
}
else if(yon.keyCode == 39) {
left=left+10;
if(left > 499) left = 9;
document.getElementById("gezici").style.left = left+"px";
}
else if(yon.keyCode == 37) {
left=left-10;
if(left < 9) left = 499;
document.getElementById("gezici").style.left = left+"px";
}
if ((top == yemT) && (left == yemL)){
yemle();
puan = puan + (100 - hamle);
document.getElementById("puan").innerHTML = puan;
hamle = 0;
}
document.getElementById("hamle").innerHTML = 1100-hamle;
document.getElementById("kordinat").innerHTML="("+top+","+left+")";

}
function yemle() {
var top= Math.floor(Math.random()*300);
var left= Math.floor(Math.random()*500);

top = top - (top%10);
left = left - (left%10);

top = top + 113;
left = left + 9;

document.getElementById("yem").style.left = left+"px";
document.getElementById("yem").style.top = top+"px";

yemL=left;
yemT=top;
}
</script>
<style>
body{
font-family:Jokerman;
color:#333;
font-size:24px;

}

.cerceve{
width:500px;
height:300px;
border:1px solid #000;

}
#gezici{
width:10px;
height:10px;
background-color:#000;
position:absolute;
box-shadow:0 0 10px #00FF00;
border-radius:10px;
}
#yem{
width:10px;
height:10px;
background-color:#00F;
position:absolute;

}
h1{
float:left;
}
</style>
</head>
<h2>Yılancık</h2>
<body onLoad="yemle()" onKeyPress="git(event)">
<div class="cerceve">
<div id="gezici"></div>
<div id="yem"></div>
</div>

<div id="kordinat"></div>
hamle<div id="hamle"></div>
puan<div id="puan"></div>

</body>
</html>

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

< Bu mesaj bu kişi tarafından değiştirildi Emrecanxx -- 9 Ocak 2013; 18:10:28 >

Emrecanxx

13 yıl

Onbaşı

Konu Sahibi

quote:

Orijinalden alıntı: AYHANSARI

Denemedim bu kodları ama sorun ne?

Bu kodlarda bi sorun yok sadece yılan yön tuşlarından birine bastığımızda sürekli o yöne hareket etmesi lazım setInterval kullanarak yapmamız lazımmış yardım edermisiniz.
Şu sitedeki gibi yön tuşuna basınca hep oyöne gidecek:http://patorjk.com/games/snake/

< Bu mesaj bu kişi tarafından değiştirildi Emrecanxx -- 8 Ocak 2013; 16:29:33 >
Bu mesaja 1 cevap geldi.

ayhan_sr

13 yıl

Yüzbaşı

http://www.mehmetduran.com/files/javascript_tuslar/keycode.htm

burada bir örnek var. Tuşları algılıyor. Ama kaynağı görüntüleyince renkli olan satıra bak.. Bu satır olmayınca çalışmıyor..

<script type="text/javascript" src="http://mehmetduran.com/media/js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
var x = 200, y = 200;
$(document).ready(function(){

}).keydown(function(event){
var keys = new Array(37, 38, 39, 40);
var code = (event.which) ? event.which : event.keyCode;
if(code == keys[0]){ x = x - 3; $("#kutu").css("left", x+"px")}
if(code == keys[1]){ y = y - 3; $("#kutu").css("top", y+"px");}
if(code == keys[2]){ x = x + 3; $("#kutu").css("left", x+"px");}
if(code == keys[3]){ y = y + 3; $("#kutu").css("top", y+"px");}
});
</script>

Bu mesaja 1 cevap geldi.

Emrecanxx

13 yıl

Onbaşı

Konu Sahibi

quote:

Orijinalden alıntı: Kod_Dünyası

http://www.mehmetduran.com/files/javascript_tuslar/keycode.htm

burada bir örnek var. Tuşları algılıyor. Ama kaynağı görüntüleyince renkli olan satıra bak.. Bu satır olmayınca çalışmıyor..

<script type="text/javascript" src="http://mehmetduran.com/media/js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
var x = 200, y = 200;
$(document).ready(function(){

}).keydown(function(event){
var keys = new Array(37, 38, 39, 40);
var code = (event.which) ? event.which : event.keyCode;
if(code == keys[0]){ x = x - 3; $("#kutu").css("left", x+"px")}
if(code == keys[1]){ y = y - 3; $("#kutu").css("top", y+"px");}
if(code == keys[2]){ x = x + 3; $("#kutu").css("left", x+"px");}
if(code == keys[3]){ y = y + 3; $("#kutu").css("top", y+"px");}
});
</script>

Son bir ricada bulunsam benim kodlarımın üzerinde yapıp yollarmısınız

Bu mesaja 1 cevap geldi.

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI Javascript ödevim lütfen yardım edinN!!