• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Tic Tac Toe w Javascript- ocena

VPS Starter Arubacloud
+4 głosów
348 wizyt
pytanie zadane 14 marca 2016 w Nasze projekty przez Adam Jakś Dyskutant (8,940 p.)
Witam, stworzyłem prostą grę na stronie opartą na języku javascript, korzystając głównie z biblioteki jQuery. Na razie można grać tylko player vs player. W przyszłości planuję dodać opcję gry przeciwko komputerowi.

Prosiłbym o jej ocenę, szczególnie właśnie pod względem kodu js. Jakieś porady co do mechaniki, typu "tu mogłeś zrobić tak", "tutaj wystarczy to i to" czy "ten fragment kodu jest kompletnie bez sensu".

http://wbm-blog.pl/tictactoe/

Z góry dziękuję i pozdrawiam.

5 odpowiedzi

+2 głosów
odpowiedź 14 marca 2016 przez Ivan Maniak (60,650 p.)

Pominę, że mogłeś to zrobić obiektowo to:
Mogłeś krócej zapisać wybieranie pola np.

// HTML
<ul id="fields">
  <li data-field-number="0"></li>
  <li data-field-number="1"></li>
  <li data-field-number="2"></li>
  <li data-field-number="3"></li>
  <li data-field-number="4"></li>
  <li data-field-number="5"></li>
  <li data-field-number="6"></li>
  <li data-field-number="7"></li>
  <li data-field-number="8"></li>
</ul>

// JS

var current_player = x; // Aktualny gracz x lub o
// null - puste | x - X | o - O
var fields = [
null, null, x,
null, null, null,
x, null, null
];

$("#fields li").click(function(){
  field-number = $(this).attr('data-field-number'); // Pobranie, które pole zostało kliknięte
 
  // Sprawdzanie czy jest już coś położone
  // Jezeli nie zmień i zrób sobie co chcesz :)
  if(fields[field-number] == null){
    fields[field-number] = current_player;
    current_player = "x" ? "o" : "x"; // Zmiana gracza [Nie wiem czy istnieje takie coś w JS]
 }
});

To tylko przykład i mogą być w nim błędy [Kod niesprawdzany]

0 głosów
odpowiedź 14 marca 2016 przez KubenQPL Maniak (62,820 p.)
Bardzo fajnie zrobione, nawet z ładną grafiką ;)
0 głosów
odpowiedź 14 marca 2016 przez saliwan22 Gaduła (3,110 p.)
Fajny prosty design dobrze dobrane kolory podoba mi się ale osobiście dodałbym taką stopkę w kolorze z górnego paska (ten granatowy). Piękno tkwi w prostocie.
0 głosów
odpowiedź 14 marca 2016 przez Mateusz11 Pasjonat (22,910 p.)
Zapomniałeś dodać, tylko że po trzech zwycięstwach, wygrywa player x

 

Ale strona ładna

 

Pozdrawiam
komentarz 14 marca 2016 przez Adam Jakś Dyskutant (8,940 p.)
Jeśli będę jeszcze kontynuował ten projekt, to w planach mam m.in. właśnie dodanie takiej lub podobnej funkcjonalności. Pozdrawiam.
komentarz 14 marca 2016 przez Mateusz11 Pasjonat (22,910 p.)
Ale kod mógłbyś (po skończeniu) wstawić na jakiś hosting z domeną .pl.
komentarz 14 marca 2016 przez Adam Jakś Dyskutant (8,940 p.)
Masz na myśli sam kod? Ten zawsze można podejrzeć klikając PPM na stronę i wybierając "Pokaż źródło strony". Niżej jest odnośnik do pliku tictactoe.js, w którym zawarty jest cały skrypt.
komentarz 15 marca 2016 przez Mateusz11 Pasjonat (22,910 p.)
Oprócz kodu samą gre, bo wydaje mi się iż mało jest takich stron

 

Pozdrawiam
0 głosów
odpowiedź 14 marca 2016 przez MetGang Nałogowiec (34,360 p.)
Szczerze powiedziawszy wygląda to wybornie od strony graficznej - wyszukany minimalizm. Od strony kodowej za dużo nie mogę powiedzieć, bo nie mam jak.

Jedyna rzecz do jakiej bym się przyczepił i pokazywanie od razu napisu i przycisku po skończonej grze i usunięcie wszystkich znaków. Lepiej byłoby pokazać jaka kombinacja wygrała, podświetlić ją czy coś w tym stylu, a napis i przycisk umieścić pod spodem.

Ale ogólnie dobra robota.
komentarz 14 marca 2016 przez Adam Jakś Dyskutant (8,940 p.)
Trafna uwaga, dopisałem ją do listy "do zrobienia". Pozdrawiam.

Podobne pytania

+4 głosów
5 odpowiedzi 412 wizyt
+3 głosów
2 odpowiedzi 216 wizyt
0 głosów
0 odpowiedzi 94 wizyt

92,452 zapytań

141,262 odpowiedzi

319,079 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...