aplikacje/klienckie_stefanczyk
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rzucanie kostką i wyszukiwanie dziury w ścieżce

Browse Source
This commit is contained in:
floriano committed 2026-09-23 11:10:37 +02:00
1 parent 058e5718a6
commit cbe12f41d3
1 file changed
+112 -11
Download Patch File Download Diff File Expand all files Collapse all files
Lekcja_03/z1.html
+112 -11
View File
@@ -130,20 +130,62 @@
#gracz2 { #gracz2 {
background-color: orange; background-color: orange;
} }
.ustawienie {
height: 4em;
display: flex;
justify-content: space-evenly;
align-items: center;
}
label {
color: white;
font-weight: bold;
width: 50%;
}
#kostka {
width: 3em;
height: 3em;
color: black;
background-color: azure;
}
select {
padding: .25em;
background-color: azure;
border: none;
}
</style> </style>
<script src="lib/jquery.js"></script> <script src="lib/jquery.js"></script>
<script> <script>
$(document).ready(function () { $(document).ready(function () {
const wiersze = 5
const kolumny = 5
let started = false let started = false
let tura_g1 = true let tura_g1 = true
let licznik_g1 = 0 let licznik_g1 = 0
let licznik_g2 = 0 let licznik_g2 = 0
let dice_thrown = false
let dice_score = 1
let wspolrzedne = new Array() let wspolrzedne = new Array()
function utworz_plansze(wiersze, kolumny) {
// wyczysc diva
/*
<div id="gracz1" class="gracz">1</div>
<div id="gracz2" class="gracz">2</div>*/
$("#plansza").empty()
const gracz1div = $("<div>")
.addClass("gracz")
.attr("id", "gracz1")
.text("1")
const gracz2div = $("<div>")
.addClass("gracz")
.attr("id", "gracz2")
.text("2")
$("#plansza").append(gracz1div)
$("#plansza").append(gracz2div)
for (let i = 0; i < wiersze; i++) { for (let i = 0; i < wiersze; i++) {
for (let j = 0; j < kolumny; j++) { for (let j = 0; j < kolumny; j++) {
const pole = $("<div>").addClass("pole") const pole = $("<div>").addClass("pole")
@@ -159,14 +201,17 @@
let pass = false let pass = false
if (wspolrzedne.length == 0) { pass = true } else { if (wspolrzedne.length == 0) { pass = true } else {
if (wspolrzedne[wspolrzedne.length - 1].i == i) { if (wspolrzedne[wspolrzedne.length - 1].j == j && wspolrzedne[wspolrzedne.length - 1].i == i) {
if (wspolrzedne[wspolrzedne.length - 1].j - 1 == j | wspolrzedne[wspolrzedne.length - 1].j + 1 == j) {
pass = true pass = true
} }
} else if (wspolrzedne[wspolrzedne.length - 1].j == j) { else if (wspolrzedne[wspolrzedne.length - 1].j == j) {
if (wspolrzedne[wspolrzedne.length - 1].i - 1 == i | wspolrzedne[wspolrzedne.length - 1].i + 1 == i) { if (wspolrzedne[wspolrzedne.length - 1].i - 1 == i | wspolrzedne[wspolrzedne.length - 1].i + 1 == i) {
pass = true pass = true
} }
} else if (wspolrzedne[wspolrzedne.length - 1].i == i) {
if (wspolrzedne[wspolrzedne.length - 1].j - 1 == j | wspolrzedne[wspolrzedne.length - 1].j + 1 == j) {
pass = true
}
} }
} }
@@ -174,8 +219,11 @@
let deleted = false let deleted = false
for (let k = 0; k < wspolrzedne.length; k++) { for (let k = 0; k < wspolrzedne.length; k++) {
if (wspolrzedne[k].id == id) { if (wspolrzedne[k].id == id) {
// usuwanie tylko od końca
if(k == wspolrzedne.length - 1) {
$(this).css("background-color", "gray") $(this).css("background-color", "gray")
wspolrzedne.splice(k, 1) wspolrzedne.splice(k, 1)
}
deleted = true deleted = true
break break
} }
@@ -190,10 +238,19 @@
} else { } else {
$("#wiadomosc").text(`Dziura w ścieżce!`) $("#wiadomosc").text(`Dziura w ścieżce!`)
} }
if(wspolrzedne.length > 0) {
$("#rozmiar").attr("disabled", "true")
} else {
$("#rozmiar").removeAttr("disabled")
}
}) })
$("#plansza").prepend(pole) $("#plansza").prepend(pole)
} }
} }
}
utworz_plansze(5, 5)
$("#start").on("click", function () { $("#start").on("click", function () {
if (!started) { if (!started) {
@@ -201,6 +258,7 @@
$("#wiadomosc").text("Musisz wybrać co najmniej 3 pola!") $("#wiadomosc").text("Musisz wybrać co najmniej 3 pola!")
} else { } else {
started = true started = true
$(this).attr("disabled", "true")
licznik_g2 = wspolrzedne.length - 1; licznik_g2 = wspolrzedne.length - 1;
@@ -216,29 +274,47 @@
}) })
$("#ruch").on("click", function () { $("#ruch").on("click", function () {
if(!dice_thrown) {
$("#wiadomosc").text("Najpierw rzuć kostką!")
} else {
if (started) { if (started) {
if (tura_g1) { if (tura_g1) {
if (licznik_g1 >= wspolrzedne.length - 1) { if (licznik_g1 >= wspolrzedne.length - 1) {
$("#wiadomosc").text("Koniec gry dla gracza 1!") $("#wiadomosc").text("Koniec gry dla gracza 1!")
} else { } else {
licznik_g1++ licznik_g1 += dice_score
if(licznik_g1 > wspolrzedne.length - 1) { licznik_g1 = wspolrzedne.length - 1 }
$("#gracz1").css("left", wspolrzedne[licznik_g1].posX) $("#gracz1").css("left", wspolrzedne[licznik_g1].posX)
$("#gracz1").css("top", wspolrzedne[licznik_g1].posY) $("#gracz1").css("top", wspolrzedne[licznik_g1].posY)
if(licznik_g1 == wspolrzedne.length - 1) {
$("#wiadomosc").text("Gracz 1 wygrał!")
$("#ruch").attr("disabled", "true")
} else {
$("#wiadomosc").text("Ruch gracza 1. Teraz ruch gracza 2.") $("#wiadomosc").text("Ruch gracza 1. Teraz ruch gracza 2.")
} }
}
} else { } else {
if (licznik_g2 <= 0) { if (licznik_g2 <= 0) {
$("#wiadomosc").text("Koniec gry dla gracza 2!") $("#wiadomosc").text("Koniec gry dla gracza 2!")
} else { } else {
licznik_g2-- licznik_g2 -= dice_score
if(licznik_g2 < 0) { licznik_g2 = 0 }
$("#gracz2").css("left", wspolrzedne[licznik_g2].posX) $("#gracz2").css("left", wspolrzedne[licznik_g2].posX)
$("#gracz2").css("top", wspolrzedne[licznik_g2].posY) $("#gracz2").css("top", wspolrzedne[licznik_g2].posY)
if(licznik_g2 == 0) {
$("#wiadomosc").text("Gracz 2 wygrał!")
$("#ruch").attr("disabled", "true")
} else {
$("#wiadomosc").text("Ruch gracza 2. Teraz ruch gracza 1.") $("#wiadomosc").text("Ruch gracza 2. Teraz ruch gracza 1.")
} }
} }
}
tura_g1 = !tura_g1 tura_g1 = !tura_g1
} }
dice_thrown = false
}
}) })
$("#reset").on("click", function () { $("#reset").on("click", function () {
@@ -252,10 +328,26 @@
licznik_g1 = 0 licznik_g1 = 0
licznik_g2 = 0 licznik_g2 = 0
started = false started = false
$("#rozmiar").removeAttr("disabled")
$("#ruch").removeAttr("disabled")
$("#start").removeAttr("disabled")
$(".pole").css("background-color", "gray") $(".pole").css("background-color", "gray")
$("#wiadomosc").text("Wybierz co najmniej 3 pola i naciśnij START GRY") $("#wiadomosc").text("Wybierz co najmniej 3 pola i naciśnij START GRY")
}) })
$("#rozmiar").on("change", function() {
$("#plansza").css("width", `${20*((3*$(this).val()) + 1)}px`).css("height", `${20*((3*$(this).val()) + 1)}px`)
utworz_plansze($(this).val(), $(this).val())
})
$("#kostka").on("click", function() {
if(!dice_thrown) {
dice_score = Math.floor(Math.random() * 6) + 1
$("#kostka").text(dice_score)
dice_thrown = true
}
})
}) })
</script> </script>
</head> </head>
@@ -268,10 +360,19 @@
<button id="ruch">RUCH GRACZA</button> <button id="ruch">RUCH GRACZA</button>
<button id="reset">RESETUJ</button> <button id="reset">RESETUJ</button>
</nav> </nav>
<div id="plansza"> <div class="ustawienie">
<div id="gracz1" class="gracz">1</div> <label for="kostka">Kostka</label>
<div id="gracz2" class="gracz">2</div> <button id="kostka">1</button>
</div> </div>
<div class="ustawienie">
<label for="rozmiar">Rozmiar planszy</label>
<select name="rozmiar" id="rozmiar">
<option value="5" selected>5x5</option>
<option value="10">10x10</option>
<option value="15">15x15</option>
</select>
</div>
<div id="plansza"></div>
<div id="wiadomosc">Wybierz co najmniej 3 pola i naciśnij START GRY</div> <div id="wiadomosc">Wybierz co najmniej 3 pola i naciśnij START GRY</div>
</main> </main>
</body> </body>