2016-04-06 5 views
0

So mache ich Text-basierte Browser-Spiel. Ich habe eine Karte erstellt, auf der Sie sich bewegen können, ohne die Seite zu aktualisieren und sie mit Javascript zu aktualisieren. Ich habe hinzugefügt, dass es zufällig Bots von der Datenbank erzeugt, die Sie angreifen können, aber keine Möglichkeit finden, es zu aktualisieren, wenn Sie sich auf der Karte bewegen.PHP while loop array daten dispay in javascript

Dies ist die PHP ich gemacht, um die Bots aus der Datenbank zu laden und dann nach dem Zufallsprinzip zu generieren.

$sql3 = "SELECT * FROM monsters WHERE botworld='$world'"; 
$result3 = mysqli_query($conn,$sql3); 
$row3=mysqli_fetch_array($result3,MYSQLI_ASSOC); 
$rowsbot = array(); 
while ($rowbot = mysqli_fetch_assoc($result3)) { 
    $rowsbot[] = $rowbot; 
} 
for($i=0;$i<count($rowsbot);$i++) { 
    $a = rand(0,10); 
    if($a > 5) { 
     echo "<div class='botres$i'>"; 
     echo "<div class='panel panel-default bot$i'><div class='panel-body bot1$i'>"; 
     echo $i . ". " . $rowsbot[$i]['name']; 
     echo "<div class='pull-right'><button class='btn btn-default' botid='" . $rowsbot[$i]['id'] ."' botnr='" . $i . "'>Attack</button></div>"; 
     echo "</div></div>"; 
     echo "</div>"; 
    } 
} 

Ich fügte hinzu, dann aktualisiert es automatisch den Div-Block, wenn Sie Bot angreifen. Aber ich möchte Bots aktualisieren, wenn du dich bewegst.

Ich habe das Array mit Daten, aber ich weiß nicht, wie man es benutzt.

var myArray = jQuery.parseJSON('<?php print json_encode($row3); ?>'); 
console.log(myArray) 
+1

könnte sagen Sie mehr über das, was Sie meinen „update, wenn Sie rund um die Karte bewegen?“ Meinst du nur, dass du willst, dass sie in einer festen Position relativ zur Karte bleiben, während sich ihre Position relativ zu deiner ändert? Oder möchten Sie, dass sie auf der Karte navigieren, indem Sie einen zufälligen Spaziergang machen oder so? – Atlas

+0

was Sie wollen, rufen Sie eine JavaScript-Funktion und machen eine Ajax-Anfrage, um die Zeile in der Datenbank zu aktualisieren? Post your javascript – cmnardi

Antwort

0

Geschehen

var rowsbot = <?php echo json_encode($rowsbot) ?>; 
for(i=0; i<rowsbot.length; i++) { 

var a = Math.floor((Math.random() * 10) + 1); 
if(a>5) { 
    $(".monsters").append("<div class='botres" + i + "'><div class='panel panel-default bot" + i + "'><div class='panel-body bot1 " + i + "'>" + i + ". " + rowsbot[i].name + "<div class='pull-right'><button class='btn btn-default' botid='" + rowsbot[i].id + "' botnr='" + i + "'>Attack</button></div></div></div></div>"); 
    } 
} 
+0

können Sie Ihre Antwort MrEnergy akzeptieren, so dass wir wissen, dass Sie Ihr Problem gelöst haben :). – niceman