Drugą wersję węża zrobiłam już przy wykorzystaniu elementu canvas. Sami oceńcie, która wersja podoba Wam się bardziej 🙂

Gra snake wersja 2  – kod: github , wersja z wykorzystaniem canvas

Zaraz po memory zabrałam się do zrobienia innej, równie znanej mini-gry: snake. Popularny wąż to gra, która królowała na telefonach jakieś 15 lat temu, ale i teraz lubię w nią zagrać od czasu do czasu. Wersję pierwszą można obejrzeć tu: Gra snake  – kod: github .

Wersja ta została zaprojektowana przy wykorzystaniu tabeli.

Druga wersja gry memory posiada efekt obracający się kart, co sprawia, że gra nieco się ożywia. W grę można pograć tu: Gra memory wersja 2 . Kod można zobaczyć tu: github

Nowa gra – memory, dostępna jest tutaj: memory

Do gry wykorzystany został html, css i javascript.

Tablica gry rysuje się za pomocą javascript, nie ma jej więc w kodzie html.

Kod gry można podejrzeć tutaj: kod gry

See the Pen Simple memory game in javascript by Joanna (@JoannaEl) on CodePen.

Mój pierwszy slider można zobaczyć tu: slider

Slider działa na 3 sposoby:

• slajdy przewijają się automatycznie co 3 sekundy (po najechaniu myszką na slider automatyczne przewijanie zostaje wstrzymane)
• można przewijać slajdy klikając w kropki
• można przewijać slajdy klikając w strzałki boczne

Całkiem fajny ten slider 🙂

Jest! Ulepszona wersja gry kółko i krzyżyk: zagraj

Niedopracowana pod względem wyglądu, ale nie o to chodziło. Dodałam opcję gry z komputerem (poziom trudności: low) oraz możliwość wyboru tego, czy chce się zagrać kółkiem czy krzyżykiem. Poza tym, wprowadziłam jeszcze kilka drobnych zmian, jak resetowanie gry, komunikat o remisie i informację o tym, który gracz wygrał grę.

Lista To Do – drugie w kolejności, zaraz po kalkulatorze polecane zadanie do zrobienia dla początkujących. No to zrobiłam. Nie skupiałam się na wyglądzie, lecz na funkcjonalności. Efekt można zobaczyć tutaj: lista to do

Lista posiada możliwość  Read More TO DO List

Pierwsza stworzona przeze mnie wersja gry kółko i krzyżyk (podobnie jak w przypadku kalkulatora) była trochę zagmatwana i nie działała do końca poprawnie – głównie dlatego, że jej nie skończyłam. A nie skończyłam jej, bo nie wiedziałam jak ją skończyć (tak, wiem jak to brzmi 🙁 ).

Po kilkutygodniowej przerwie, kiedy zaczynałam pisać drugą wersję, podeszłam do zagadnienia nieco inaczej i…

…druga wersja może już służyć jako źródło rozrywki dla dwojga graczy 😉

Kolejna wersja zostanie rozbudowana o moduł sztucznej inteligencji, aby można było rozegrać partię z komputerem 🙂

W grę można zagrać tutaj: gra kółko i krzyżyk

Kod można zobaczyć tutaj: kod

Misja kalkulator podejście I

Przeglądając w sieci blogi i fora, na których osoby uczące się java scriptu pytają: „Od czego zacząć?” najczęściej natykałam się na odpowiedź: napisz coś własnego, jakiś kalkulator albo listę zadań. Pomyślałam więc: ok, napiszę ten kalkulator. Skoro polecają go początkującym to znaczy, że nie nie jest to trudne. Ojjj… jak ja się myliłam.

Read More Misja kalkulator