mouse hareketiyle ajax komut gönderme.

28-07-2015, 14:51:30

#1

loc

Aslında iş javascriptte ama yazılımı php ile yaptığım için burada bilen çıkacaktır diye düşünüyorum.

Bir adet kamera kontrol kumandası yaptım. Sağ sol yukarı aşağı ve yakınlaşma uzaklaşma gibi komutlar gönderiyorum. Kameranın görüntüsünü de vlc webplugin kullanarak alıyorum. Bunun yanında yapmak istediğim kamera görüntüsünün bulunduğu div katmanının içinde mouse hareket ettiği zaman mouse imleci neredeyse kamerayı o yöne çevirmek. Div dışında bunu yapmayacak tabi. Örnek verecek olursak eğer Sol 1, sağ 2 , yukarı 3, aşağı 4 şeklinde değerlerim var. link sonunda yazacağım birinci değer yönünü 2. değerde hızını belirtiyor.

command.xml?ctrl=00290000 komutundaki 2 (sağ) yönüne 9 hızında döneceği anlamına geliyor. Hız kısmı maximum 15 değerini alıyor.

hem sağ hem sol için yapacak olursak

command.xml?ctrl=19290000 1 (sol) ve 2 (sağ) yönüne 9 hızında döneceği anlamına geliyor. Video görüntü ekranının 16:9 dikdörtgen bir ekran olduğunu düşünürsek bu divi x, y koordinat düzeninde her iki yönde de -15 +15 yani toplam 30 birime ayırıp mouse hareketiyle bu noktayı yakaladıktan sonra komut göndermesi gerekiyor. Mesela kullanan kişi mouse hareketiyle divin sol en üst köşesine geldiyse command.xml?ctrl=1150031500 değerini komut olarak göndermem gerekiyor.

Bunu nasıl yapabilirim

28-07-2015, 16:38:35

<html>
	<head>
		<title> r10 - Alchalade :) </title>
		<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
	</head>
	<body>
	<div id="kare" style="background-color:#ccc; width:200px; height:200px; margin-left:400px;">klöä
	</div>
	</body>
</html>



<script>
$(function() {
  $('#kare').mousemove(function(e) {
        var offset = $(this).offset();
        console.log("x:" +(e.pageX - offset.left));
        console.log("y:" +(e.pageY - offset.top));
  });
});
</script>

f12 ile tarayicinin konsolu acarsan orada degerleri görebilirsin