HTML5_Canvas_Receptury_ht5cre.pdf

Tytuł oryginału: HTML5 Canvas Cookbook

Tłumaczenie: Piotr Rajca

ISBN: 978-83-246-5075-0

First published in the English language under the title ‘HTML5 Canvas Cookbook’.

electronic or mechanical, including photocopying, recording or by any information storage retrieval system,

without permission from the Publisher.

Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej

publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,

fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje

naruszenie praw autorskich niniejszej publikacji.

Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich

właścicieli.

Wydawnictwo HELION dołożyło wszelkich starań, by zawarte w tej książce informacje były kompletne

i rzetelne. Nie bierze jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym

ewentualne naruszenie praw patentowych lub autorskich. Wydawnictwo HELION nie ponosi również

żadnej odpowiedzialności za ewentualne szkody wynikłe

z wykorzystania informacji zawartych w książce.

Wydawnictwo HELION

ul. Kościuszki 1c, 44-100 GLIWICE

tel. 32 231 22 19, 32 230 98 63

e-mail: helion@helion.pl

WWW: http://helion.pl (księgarnia internetowa, katalog książek)

Pliki z przykładami omawianymi w książce można znaleźć pod adresem:

ftp://ftp.helion.pl/przyklady/ht5cre.zip

Drogi Czytelniku!

Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres

http://helion.pl/user/opinie/ht5cre

Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.

Printed in Poland.

• Kup książkę

• Poleć książkę

• Oceń książkę

• Księgarnia internetowa

• Lubię to! » Nasza społeczność

Spis treci

Zespó oryginalnego wydania

O autorze

O recenzentach

Wstp

Zagadnienia opisywane w tej ksice

Co jest potrzebne podczas lektury tej ksiki?

Dla kogo jest przeznaczona ta ksika?

Czym s elementy canvas wprowadzone w HTML5?

Stosowane konwencje

Pobieranie przykadowych kodów towarzyszcych ksice

Rozdzia 1. Wprowadzenie do operacji na ciekach i tekstach

Wprowadzenie

Rysowanie linii

Rysowanie uku

Rysowanie krzywej kwadratowej

Rysowanie krzywej Béziera

Rysowanie zygzaków

Rysowanie spirali

Praca z tekstem

Rysowanie trójwymiarowego tekstu z cieniem

Wyzwalanie potgi fraktali — rysowanie nawiedzonego drzewa

Rozdzia 2. Rysowanie ksztatów i elementów zoonych

Wprowadzenie

Rysowanie prostokta

Rysowanie okrgu

Tworzenie wasnych ksztatów i stosowanie stylów wypenienia

Zabawa z krzywymi Béziera — rysowanie chmurki

Spis treci

Rysowanie przezroczystych ksztatów

Korzystanie ze stosu stanu kontekstu w celu zapisywania i odtwarzania stylów

Stosowanie operacji zoonych

Wykorzystanie ptli do tworzenia wzorców — rysowanie koa zbatego

Stosowanie wartoci losowych we waciwociach ksztatów — rysowanie ki kwiatów

Tworzenie funkcji rysujcych niestandardowe ksztaty — talie kart

Poczenie wszystkich wiadomoci — rysowanie odrzutowca

Rozdzia 3. Praca z obrazami i klipami wideo

Wprowadzenie

Wywietlanie obrazu

Przycinanie obrazka

Kopiowanie i wklejanie fragmentów obszaru pótna

Korzystanie z klipów wideo

Pobieranie danych obrazu

Wprowadzenie do manipulowania danymi obrazu — odwracanie kolorów

Odwracanie kolorów w klipach wideo

Konwersja kolorów rysunku na skal szaroci

Przeksztacanie rysunku na posta danych URL

Zapisywanie rysunku w formie obrazu

Wczytywanie zawartoci rysunku przekazanej w formie danych URL

Wyostrzanie obrazka o powikszonych pikselach

Rozdzia 4. Stosowanie przeksztace

103

Wprowadzenie

103

Przesuwanie kontekstu pótna

104

Obrót kontekstu pótna

105

Skalowanie kontekstu pótna

107

Tworzenie odbicia lustrzanego

109

Tworzenie przeksztace niestandardowych

110

Pochylanie kontekstu pótna

112

Obsuga wielu przeksztace z wykorzystaniem stosu stanu

113

Przeksztacanie okrgu na owal

116

Obracanie obrazka

118

Rysowanie prostego logo i losowe okrelanie jego pooenia, obrotu i skali

119

Rozdzia 5. Oywianie pócien poprzez zastosowanie animacji

123

Wprowadzenie

124

Tworzenie klasy Animation

124

Tworzenie ruchu liniowego

128

Tworzenie przyspieszenia

130

Tworzenie oscylacji

133

Oscylujcy bbelek

135

Ruchome wahado

137

Animowane koa zbate

140

Animowany zegar

145

Spis treci

Symulacja fizyki czstek

149

Tworzenie mikroskopijnych yjtek

153

Dziaanie w warunkach zwikszonego obcienia i prezentowanie liczby ramek na sekund

157

Rozdzia 6. Interakcja z elementami canvas

— doczanie procedur obsugi zdarze do ksztatów i regionów

163

Wprowadzenie

164

Tworzenie klasy Events

164

Korzystanie ze wspórzdnych myszy w obszarze elementu canvas

172

Doczanie procedur obsugi zdarze myszy do regionów

174

Doczanie procedur obsugi zdarze dotyku do regionów na urzdzeniach przenonych

178

Doczanie procedur obsugi zdarze do obrazków

181

Przeciganie i upuszczanie ksztatów

185

Przeciganie i upuszczanie obrazków

188

Tworzenie powikszania fragmentu obrazka

190

Tworzenie aplikacji graficznej

196

Rozdzia 7. Tworzenie grafów i wykresów

203

Wprowadzenie

203

Tworzenie wykresu koowego

204

Tworzenie wykresu supkowego

209

Wizualizacja równa

216

Rysowanie danych punktowych przy uyciu wykresu liniowego

221

Rozdzia 8. Ratujemy wiat, piszc now gr

229

Wprowadzenie

229

Tworzenie arkuszy sprite’ów dla bohatera i jego przeciwników

232

Tworzenie obrazów poziomów oraz map obszarów

234

Tworzenie klasy Actor reprezentujcej bohatera i jego przeciwników

238

Tworzenie klasy Level

243

Klasa HealthBar

245

Tworzenie klasy Controller

246

Tworzenie klasy Model

251

Tworzenie klasy View

260

Przygotowanie dokumentu HTML i uruchamianie gry

265

Rozdzia 9. Wprowadzenie do WebGL

267

Wprowadzenie

267

Tworzenie klasy upraszczajcej korzystanie z API WebGL

268

Rysowanie trójkta

281

Obracanie paskiego trójkta w przestrzeni trójwymiarowej

283

Tworzenie obracajcego si szecianu

286

Dodawanie tekstur i owietlenia

290

Tworzenie trójwymiarowego wiata, który mona eksplorowa

296

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: