16.07.2014 Views

HTML5 Canvas. Receptury - Helion

HTML5 Canvas. Receptury - Helion

HTML5 Canvas. Receptury - Helion

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Spis treci<br />

Symulacja fizyki czstek 149<br />

Tworzenie mikroskopijnych yjtek 153<br />

Dziaanie w warunkach zwikszonego obcienia i prezentowanie liczby ramek na sekund 157<br />

Rozdzia 6. Interakcja z elementami canvas<br />

— doczanie procedur obsugi zdarze do ksztatów i regionów 163<br />

Wprowadzenie 164<br />

Tworzenie klasy Events 164<br />

Korzystanie ze wspórzdnych myszy w obszarze elementu canvas 172<br />

Doczanie procedur obsugi zdarze myszy do regionów 174<br />

Doczanie procedur obsugi zdarze dotyku do regionów na urzdzeniach przenonych 178<br />

Doczanie procedur obsugi zdarze do obrazków 181<br />

Przeciganie i upuszczanie ksztatów 185<br />

Przeciganie i upuszczanie obrazków 188<br />

Tworzenie powikszania fragmentu obrazka 190<br />

Tworzenie aplikacji graficznej 196<br />

Rozdzia 7. Tworzenie grafów i wykresów 203<br />

Wprowadzenie 203<br />

Tworzenie wykresu koowego 204<br />

Tworzenie wykresu supkowego 209<br />

Wizualizacja równa 216<br />

Rysowanie danych punktowych przy uyciu wykresu liniowego 221<br />

Rozdzia 8. Ratujemy wiat, piszc now gr 229<br />

Wprowadzenie 229<br />

Tworzenie arkuszy sprite’ów dla bohatera i jego przeciwników 232<br />

Tworzenie obrazów poziomów oraz map obszarów 234<br />

Tworzenie klasy Actor reprezentujcej bohatera i jego przeciwników 238<br />

Tworzenie klasy Level 243<br />

Klasa HealthBar 245<br />

Tworzenie klasy Controller 246<br />

Tworzenie klasy Model 251<br />

Tworzenie klasy View 260<br />

Przygotowanie dokumentu HTML i uruchamianie gry 265<br />

Rozdzia 9. Wprowadzenie do WebGL 267<br />

Wprowadzenie 267<br />

Tworzenie klasy upraszczajcej korzystanie z API WebGL 268<br />

Rysowanie trójkta 281<br />

Obracanie paskiego trójkta w przestrzeni trójwymiarowej 283<br />

Tworzenie obracajcego si szecianu 286<br />

Dodawanie tekstur i owietlenia 290<br />

Tworzenie trójwymiarowego wiata, który mona eksplorowa 296<br />

5

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!