Luke J. Li

Więc kontynujemy tutorial. Oto kolejna, długo wyczekiwana część. Poprzednie części: Krok 0 - przygotowania Krok 1 - ładowanie obrazków Krok 2 - wyświetlanie obrazków na Canvasie, podstawowa animacja Krok 3 - obsługa klawiatury Krok 4 - wystrzeliwanie pocisków Po ich zrobieniu powinniście widzieć coś takiego: Jeśli tego nie macie, możecie ściągnąć paczkę zip z przerobionymi 4 poprzednimi krokami. Czyli mamy statki ufo, mamy rakietę, możemy nią sterować strzałkami oraz strzelać za pomocą spacji. Brakuje jednak jeszcze czegoś. Efektu. Statki ufo powinny się rozwalać, inaczej nie ma to żadnego sensu. I teraz tak. Żeby rozwalać statki musimy jakoś wykryć zderzenie (ang. collision detection) między naszym pociskiem, a tak zwanym "ufem". Czyli w każdej klatce będziemy przelatywali przez obiekty i sprawdzali czy żaden z nich się nie zderza z innym. Jeśli się okazuje, że tak odpowiednio zaregujemy (np. zniszczymy statek kosmiczny). Jak jednak wykryć taką kolizję? Jes...

opublikowałem jedną z moich poprzednich gier - strzelanie do wiedźmy. Shoot the Witch jest to na razie pierwszy mój submit do Kongregate i pierwszy ogólnie na platformę grową. Zobaczymy co z tego wyjdzie.

Kolejna dawka screenów z nowej, niewrzuconej jeszcze do internetu wersji gry w orbitującego pingwina. Pojawiły się kryształki śniegu, które pojawiają się w miejscach trafionych przez lodowy pocisk.

Oto parę screenów z obecnej wersji gry. Zapewne w ukończonej grze grafika będzie nieco inna, bardziej dopracowana (nie wiem co z pingwinem zrobić - najpierw był w formie sprajta. Później przerobiłem na kulkę, ale też jakos dziwnie wygląda).

Robię grę o pingwinie w kosmosie. Trójwymiarową. Niewiele jeszcze widać, ot, Ziemia i orbitujący pingwin. I jak się kliknie to strzela. Ale nie ma efektu większego. http://hex13.org/penguin/ Jak chcecie to spójrzcie, będę dorabiał tę grę. EDIT 10 grudnia, 21:02 dorobiłem pociski antypingwinowe lecące z Ziemi. EDIT 12 grudnia, 17:56 uaktualniłem. tweekuję wygląd pocisków. zmieniłem postać pingwina na kulkę, wydaje mi się że bardziej realistycznie wygląda (na tyle, na ile pingwin w kosmosie może "realistycznie wyglądać" ;) inne rzeczy również pozmieniałem, ale ich nie widać na ekranie, gdyż są to zmiany w kodzie.

czy też was wkurza pisanie ciągłe console.log('tekst, który chcemy wyświetlić') jak debugujecie swoje skrypty? Można to obejść pewną sztuczką. Piszemy na początku naszego skryptu coś takiego: Object.defineProperty(window, 'cout', { set: function() { console.log.apply(console, arguments); } }); To nam stworzy właściwość "cout" (możecie inaczej nazwać) i przypisze do obiektu globalnego window . Kiedy ta właściwość będzie przypisywana, automatycznie przekażemy argumenty do funkcji console.log() . A potem wystarczy tylko pisać: cout = 'tekst, który chcemy wyświetlić'; tak jak na tym linku: http://jsfiddle.net/ax3sddL5/2/