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 />

Rysowanie przezroczystych ksztatów 47<br />

Korzystanie ze stosu stanu kontekstu w celu zapisywania i odtwarzania stylów 48<br />

Stosowanie operacji zoonych 51<br />

Wykorzystanie ptli do tworzenia wzorców — rysowanie koa zbatego 56<br />

Stosowanie wartoci losowych we waciwociach ksztatów — rysowanie ki kwiatów 59<br />

Tworzenie funkcji rysujcych niestandardowe ksztaty — talie kart 62<br />

Poczenie wszystkich wiadomoci — rysowanie odrzutowca 67<br />

Rozdzia 3. Praca z obrazami i klipami wideo 75<br />

Wprowadzenie 75<br />

Wywietlanie obrazu 76<br />

Przycinanie obrazka 77<br />

Kopiowanie i wklejanie fragmentów obszaru pótna 80<br />

Korzystanie z klipów wideo 82<br />

Pobieranie danych obrazu 84<br />

Wprowadzenie do manipulowania danymi obrazu — odwracanie kolorów 87<br />

Odwracanie kolorów w klipach wideo 89<br />

Konwersja kolorów rysunku na skal szaroci 91<br />

Przeksztacanie rysunku na posta danych URL 93<br />

Zapisywanie rysunku w formie obrazu 95<br />

Wczytywanie zawartoci rysunku przekazanej w formie danych URL 97<br />

Wyostrzanie obrazka o powikszonych pikselach 99<br />

Rozdzia 4. Stosowanie przeksztace 103<br />

Wprowadzenie 103<br />

Przesuwanie kontekstu pótna 104<br />

Obrót kontekstu pótna 105<br />

Skalowanie kontekstu pótna 107<br />

Tworzenie odbicia lustrzanego 109<br />

Tworzenie przeksztace niestandardowych 110<br />

Pochylanie kontekstu pótna 112<br />

Obsuga wielu przeksztace z wykorzystaniem stosu stanu 113<br />

Przeksztacanie okrgu na owal 116<br />

Obracanie obrazka 118<br />

Rysowanie prostego logo i losowe okrelanie jego pooenia, obrotu i skali 119<br />

Rozdzia 5. Oywianie pócien poprzez zastosowanie animacji 123<br />

Wprowadzenie 124<br />

Tworzenie klasy Animation 124<br />

Tworzenie ruchu liniowego 128<br />

Tworzenie przyspieszenia 130<br />

Tworzenie oscylacji 133<br />

Oscylujcy bbelek 135<br />

Ruchome wahado 137<br />

Animowane koa zbate 140<br />

Animowany zegar 145<br />

4

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

Saved successfully!

Ooh no, something went wrong!