Upiększamy stronę za pomocą CSSa
W dzisiejszym poście poznamy podstawy CSS (ang. Cascading Style Sheets) czyli języka, za pomocą którego sprawimy, że strona internetowa naszej gry Szybkie Palce! będzie wyglądać dużo lepiej niż obecnie.
Git w praktyce
Od zawsze uważałem że najlepszą rzeczą jaką możemy zrobić żeby przyswoić wiedzę to zacząć jej używać w praktyce. W poście Podstawy GITa. poznaliśmy podstawowe pojęcia i komendy Gita. Dziś przejdziemy od słów do czynów i użyjemy systemu kontroli wersji Git do pracy nad bardzo prostą stroną internetową.
Podstawy Gita.
Git to “darmowy i publiczny rozproszony system kontroli wersji” (https://git-scm.com/). Służy do śledzenia zmian w kodzie w projekach programistycznych. W tym poście poznamy podstawy pracy z tym narzędziem.
Jak śledzić zmiany w kodzie, część 1
Systemy kontroli wersji oprogramowania są jednym z podstawowych narzędzi programisty. Dlatego już na samym początku dobrze jest się z nimi zapoznać. Główną funkcją systemów kontroli wersji (ang. Version Control Systems – VCS) jest umożliwienie śledzenia zmian w naszym kodzie.
Gra Szybkie Palce! Wyłonienie zwycięzcy
Tworzenie gry Szybkie Palce! wchodzi w decydującą fazę. W poprzednich postach zaprojektowaliśmy ją, stworzyliśmy logikę rozpoczynania gry i pojedynku graczy. W dzisiejszym poście zaimplementujemy funkcje, w których wyłonimy zwycięzcę.
Programiści – dresiarze internetu
Wieczorne rozważania programisty przy kubku gorącej kawy, czyli jak zostałem dresiarzem.
Gra Szybkie Palce! Obsługa pojedynku.
W tym poście zajmiemy się główną częścią logiki gry Szybkie Palce! czyli obsługą pojedynku na refleks pomiędzy dwoma Graczami. O samej grze możesz poczytać w poście Piszemy grę. Dotychczas stworzyliśmy strukturę gry oraz napisaliśmy funkcję rozpoczynającą rozgrywkę (Gra Szybkie Palce! Funkcja RozpocznijGre.). Dziś dodamy obsługę zdarzeń w przeglądarce takich jak: naciśnięcie klawisza oraz upłynięcie określonego czasu.
Gra Szybkie Palce! Funkcja RozpocznijGre.
W poście Piszemy grę opisaliśmy pomysł na przeglądarkową grę Szybkie Palce! oraz wykonaliśmy analizę jej przebiegu. Rozpisaliśmy prosty algorytm mechaniki gry, wypisaliśmy zmienne jakich będziemy potrzebować oraz to jakie wartości początkowe będą one przyjmować. W tym poście przechodzimy do implementacji ustawień tych początkowych wartości. Za inicjalizację zmiennych będzie odpowiedzialna funkcja “RozpocznijGre” .
Piszemy grę
Na “Drodze programisty” nauczyliśmy się już wiele. Wiemy czym jest program komputerowy, co to są zmienne i funkcje. Wiemy jak sterować logiką naszego programu. Nadeszła chwila, aby wykorzystać naszą wiedzę i stworzyć coś bardziej praktycznego niż podawane przeze mnie przykłady. Dziś zaczniemy pisać grę. Taką prostą, przeglądarkową. Jest to pierwszy post z tej serii a na jej końcu będziemy mieli własną grę, w którą można zagrać na domówce ze znajomymi 😉
Funkcje
W poprzednim poście dowiedzieliśmy się, jak za pomocą instrukcji warunkowych sterować logiką naszego programu. Dziś zrobimy kolejny krok i poznamy funkcje. Dzięki nim możemy ładnie grupować sobie nasz kod w mniejsze, bardziej zrozumiałe i łatwiejsze do zarządzania części, które będziemy mogli wykorzystywać wielokrotnie.
Dzięki za ciekawy komentarz. Są różne podejścia...April 7, 2021 - 8:41 am by creyn
Była taka opcja w gicie by móc zamrażać pliki, gdzieś...April 5, 2021 - 7:35 am by Samu
- […] Gra Szybkie Palce! Wyłonienie zwycięzcy...August 11, 2018 - 1:26 pm by Upiększamy stronę za pomocą CSSa – Droga programisty
- […] Gra Szybkie Palce! Obsługa pojedynku. [̷...August 11, 2018 - 1:26 pm by Upiększamy stronę za pomocą CSSa – Droga programisty