Kurs JavaScript odc. 9: Własna gra platformowa

Video Description

Partner odcinka to Wydawnictwa Szkolne i Pedagogiczne - sprawdźcie sami bogatą ofertę wydawnictwa: 👉 Technik informatyk: https://bit.ly/oferta-informatyk 👉 Technik programista: https://bit.ly/oferta-programista 👉 Katalog dla branży IT: https://bit.ly/informatyka-katalog E-zadania egzaminacyjne dla kwalifikacji INF.02 i INF.03 od WSiP: 👉 Demo e-zadań: https://bit.ly/ezadania-demo 👉 Zakup e-zadań: https://bit.ly/ezadania-sklep Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji, a także do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage'u Pasji informatyki na Facebooku. 🔔 SUBSKRYBUJ NASZ KANAŁ - https://bit.ly/pasja-sub Dostarczamy dla Was tutoriale rozpalające pasję informatyki oraz inspirujące treści rozwojowo-filozoficzne. Utrzymujemy też pomocne witryny oraz dajemy szanse zasięgowe fajnym twórcom ze sceny. Jeśli masz ochotę wesprzeć to co robimy, to możesz: 🖐 Zostać Patronem - https://patronite.pl/pasja-informatyki ☕️ Ufundować nam wirtualną kawę - https://buycoffee.to/pasja-informatyki ✌️ Wpłacić donate - https://miroslawzelent.pl/donate/ 🔎 NASZE MIEJSCA W SIECI: 🧐 KURSY INF.02 i INF.03 - https://zdaj-informatyka.pl/ 📌 Fanpage na Facebooku - https://bit.ly/pasja-fb ❤️ Lista Patronów - https://pasja-informatyki.pl/patroni 📑 Harmonogram publikacji - https://bit.ly/pasja-harmonogram 📩 Kontakt z nami - https://pasja-informatyki.pl/kontakt/ 💡 Współpraca reklamowa - https://bit.ly/pasja-wspolpraca 👉 Darmowe kursy video dla technikum - https://pasja-informatyki.pl 👉 Blog informatyczny - https://miroslawzelent.pl 👉 Trenażer do egzaminu informatyka - https://egzamin-informatyk.pl 👉 Trenażer do egzaminu programisty - https://egzamin-programista.pl 👉 Forum dyskusyjne - https://forum.pasja-informatyki.pl/ 👉 Witryna podcastowa - https://podcast.pasja-informatyki.pl/ 👉 Profil Spotify - https://bit.ly/spotify-pasja 👉 Profil iTunes - https://apple.co/4nbK6QY 👉 Twitter MZ - https://twitter.com/MiroslawZelent 👉 Twitter DS - https://twitter.com/stelmach_damian 🕐 TIMESTAMPS (CHWILE CZASOWE): 00:00:00 Wstęp i opis jaką grę wykonamy 00:02:10 Partner odcinka - WSiP 00:03:52 Opis plików projektu 00:04:48 Obsługa kliknięć na canvasie 00:11:30 Liczby losowe i dolny pasek interfejsu gry 00:15:11 Czyszczenie stanu canvasu - clearRect 00:18:25 Zmiana kursora default na pointer na canvasie 00:20:24 Darmowe assety postaci albo na licencji CC 00:22:05 Wyrysowanie postaci na płótnie - drawImage 00:25:57 Animowanie klatek gry - requestAnimationFrame 00:30:46 Klasa postaci zamiast niepowiązanych zmiennych 00:36:09 Stworzenie instancji obiektu klasy Character 00:40:06 Animowanie sprite'ów postaci w stanie idle 00:43:01 Poruszanie się postaci w lewo i prawo 00:48:20 Granice (x, y) możliwego położenia postaci 00:49:29 Zmiana sprite'ów stanu chodzenia w lewo i prawo 00:55:24 Ustawienie tła dla całej rozgrywki 00:56:57 Klasa dla ośmiu przełączalnych przycisków 00:59:50 Tablica ośmiu obiektów klasy Button 01:02:22 Fizyka podskakiwania postaci i metoda jump 01:11:44 Przełączanie wartości bitu - switchButton 01:18:12 Warunek wygranej w grze - checkWin 01:21:16 Bieżąca wartość dwójkowa - poziom easy 01:22:43 Zakończenie, zaproszenie na forum 📚 Wpis blogowy i pliki: https://miroslawzelent.pl/kurs-javascript/canvas-gra-platformowa/ ‍💻 Wątek do zabawy na forum: https://bit.ly/canvas-wasze-gry 🎵 MUZYKA: Butterflies - Loafy Building - From Within (feat. Hoogway) Provided by lofigirl: https://lofigirl.com A Creative Commons Attribution License (CC BY) states that the material can be shared, remixed and used commercially: http://bit.ly/CCAttribution #pasjainformatyki #programowanie #kursjavascript