BG Development


  Reply to this topicStart new topicStart Poll

> Vanilla JavaScript - 8 puzzle Game - Помощ?!?
Георги_33
Публикувано на: 09-03-2019, 23:08
Quote Post



Име: Георги
Група: Потребител
Ранг: Новопостъпил

Мнения: 3
Регистриран на: 09.03.19



[SIZE=7]Здравейте! Искам да Ви попитам бихте ли ми помогнали в разработката на играта на javascript - 8 puzzle game. Професора ни не иска да има jQuerry което е тъпо но.... да. Благодаря Ви предварително! Имам Прикачени HTML и CSS[, но не знам как да го направя само с Дом манипулации /SIZE]

Прикачен файл ( Брой сваляния: 21 )
Прикачен файл  8puzzle_game.html
PMEmail Poster
Top
thrawn
Публикувано на: 10-03-2019, 09:14
Quote Post



Име:
Група: Потребител
Ранг: Почетен член

Мнения: 2100
Регистриран на: 17.01.17



Добре че не знаеш и как се ползва ббкоде.
PMEmail Poster
Top
Антон Яначков
Публикувано на: 10-03-2019, 22:10
Quote Post



Име: Антон Яначков
Група: Потребител
Ранг: Почетен член

Мнения: 1039
Регистриран на: 27.07.16



Професорът се бъзика с теб, твоите колеги програмисти също се ослушват и бъзикат, а помощ не иде . На мен не ми е ясно условието на тоя пъзел, но предполагам, че искаш да разместваш клетки в тази таблица и то само, ако са съседни. Ако е така то нещата са елементарни и изглеждат по този начин:
CODE

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
var red=3;
var col=3;
function move(коiR,koiC){
  var suma=Number(коiR)+Number(koiC);
  var suma0=Number(red)+Number(col);
  var Razlika=Math.abs(suma0-suma);
      if (Razlika==1){
         id0=red.toString()+col.toString();
         id1=коiR.toString()+koiC.toString();
          document.getElementById(id0).innerText=document.getElementById(id1).innerText;
          document.getElementById(id1).innerText="";
         red=коiR;
         col=koiC
      }else{
          //alert("Неразрешено преместване");
       }
}
</script>
<style type = "text/css">
body{
 background-color:#A4A4A4;
 font-family:sans-serif;
}
td{
 color:#000000;
 height:100px;
 width:100px;
 padding:12px;
 border: 3px solid black;
 border-radius:5px;
 text-align:center;
 font-size:20px;
}
table{
 margin-top:60px;
 margin-bottom:80px;
 background:rgba(1,1,1,0);
 border-radius:5px;
 background:#58D3F7;
}
h1{
 margin:40px;
 text-shadow: -5px 5px 2px rgba(11,11,11,0.5);
 color:white;
 font-weight:bold;
 font-size:36px;
}
  </style>
 </head>
<body>
<center>
       <h1>8 Puzzle Problem Game</h1>
         <table id="tbl" >
           <tr>
             <td id="11" onclick='move("1","1")' style="font-size:50px;">1</td>
             <td id="12" onclick='move("1","2")' style="font-size:50px;">4</td>
             <td id="13" onclick='move("1","3")' style="font-size:50px;">3</td>    
           </tr>
           <tr>
             <td id="21" onclick='move("2","1")' style="font-size:50px;">2</td>
             <td id="22" onclick='move("2","2")' style="font-size:50px;">6</td>
             <td id="23" onclick='move("2","3")' style="font-size:50px;">8</td>    
           </tr>
           <tr>
             <td id="31" onclick='move("3","1")' style="font-size:50px;">5</td>
             <td id="32" onclick='move("3","2")' style="font-size:50px;">7</td>
             <td id="33" onclick='move("3","3")' style="font-size:50px;"> </td>    
           </tr>
         </table>
       </center>
<center>

<p><input type = "button" id="Shuffle"  value = "Shuffle"></p>

 
<p> <strong>Number of clicks: </strong> <a id="clicks">56870</a></p>


</body>

</html>


Ето и линк за изпробване:
http://instrumenti.bivaood.com/interesni/Dev/table.html
Хайде, че непрограмистите ходят и нощес на работа.
PMEmail PosterUsers Website
Top
Георги_33
Публикувано на: 13-03-2019, 18:42
Quote Post



Име: Георги
Група: Потребител
Ранг: Новопостъпил

Мнения: 3
Регистриран на: 09.03.19



Благодаря ти много!!
PMEmail Poster
Top
0 потребители преглеждат тази тема в момента (0 гости, 0 анонимни потребители)
Потребители, преглеждащи темата в момента:

Topic Options Reply to this topicStart new topicStart Poll

 


Copyright © 2003-2019 | BG Development | All Rights Reserved
RSS 2.0