HTML5 Canvas. Receptury (ebook)(audiobook)(audiobook)
- Autor:
- Eric Rowell
- Promocja Przejdź
- Wydawnictwo:
- Helion
- Wydawnictwo:
- Helion
- Ocena:
- 5.0/6 Opinie: 3
- Stron:
- 328
- Druk:
- oprawa miękka
- 3w1 w pakiecie:
-
PDFePubMobi
Opis książki
Czytaj fragment
Ponad 80 receptur prezentujących użycie elementu canvas, które zrewolucjonizują strony WWW!
HTML5 szturmem zdobywa rynek stron (a w zasadzie już aplikacji) WWW. Co sprawia, że tak się dzieje? Ogrom nowych funkcji, które otwierają przed projektantami nowe możliwości. Usługi geolokalizacyjne, lokalne przechowywanie plików lub obsługa plików multimedialnych to tylko niektóre z nich. Wśród nowości jest również ta jedna wzbudzająca najwięcej emocji — canvas (płótno). Jest to element, który rewolucjonizuje grafikę i wizualizację na stronach WWW.
Dzięki tej książce błyskawicznie zaczniesz korzystać z potencjału elementu canvas. W trakcie lektury poznasz podstawowe możliwości API tego elementu, a wraz z kolejnymi stronami zaczniesz wykorzystywać coraz bardziej zaawansowane techniki tworzenia animacji, wykonywania operacji na obrazach i pisania gier. Rysowanie łuków, przekształcenia i obroty nie będą stanowiły dla Ciebie żadnego problemu. Ponadto w mgnieniu oka opanujesz zasady tworzenia wykresów oraz wizualizacji przestrzennych. Ta książka zasługuje na Twoją szczególną uwagę. Sięgnij po nią i twórz oszałamiające strony w sieci!
Element canvas to:
- nowość w języku HTML5
- nowe możliwości graficzne na Twojej stronie
- efektowna wizualizacja danych
- baza do tworzenia gier dla przeglądarek
Gotowe przepisy do wykorzystania na Twojej stronie!
Podobne produkty
-
HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. P... HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front-End Developera
Jon Duckett
-
Biblia copywritingu Biblia copywritingu
Dariusz Puzyrkiewicz
-
Vue.js 2. Wprowadzenie dla profesjonalistów Vue.js 2. Wprowadzenie dla profesjonalistów
Adam Freeman
-
Uczenie maszynowe z językiem JavaScript. Rozwią... Uczenie maszynowe z językiem JavaScript. Rozwiązywanie złożonych problemów
Burak Kanber
-
JavaScript i jQuery. Interaktywne strony WWW dl... JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Jon Duckett
-
PHP, MySQL i JavaScript. Wprowadzenie. Wydanie V PHP, MySQL i JavaScript. Wprowadzenie. Wydanie V
Robin Nixon
Recenzje (2)
-
altcontroldelete.pl Jerzy Piechowiak, 2013-04-18
Jak już nie raz podkreślałem w swoich tekstach, żywot programisty nie należy do najłatwiejszych. Można tutaj co prawda podobno solidnie zarobić (przynajmniej takie są pogłoski;-), ale trzeba włożyć w tą robotę sporo wysiłku, a hasło "samorozwój" napisać na kartce wielkimi literami i powiesić sobie nad łóżkiem. Ogólnie rzec biorąc osoby, które polegają na wiedzy zdobytej na studiach, nie osiągną w tym biznesie raczej zbyt wiele.
Jeśli ktoś nie do końca ufa mojej opinii, muszę powiedzieć, że mam twarde argumenty. Jednym z nich jest oczywiście tytułowy HTML, który od początku lat 90-siątych przeszedł kolosalną transformację i z języka znaczników przeznaczonego do sklejania prostych stron wizytówek, stał się podstawowym budulcem potężnych aplikacji webowych, które zalewają dzisiejszy Internet. HTML zmienił się na tyle, że obecnie trafia nawet na desktopy jako składnik aplikacji systemowych - choćby tych napisanych dla Modern UI z Windows 8.
Dzieje się tak, ponieważ HTML5 to coś więcej niż język znaczników. To zlepek wielu różnych technologii, które dają olbrzymie możliwości. Jedną z nich jest tytułowy Canvas, który najogólniej rzec biorąc sam w sobie jest zwyczajnym znacznikiem. Magia pojawia się gdzie indziej i trzeba przyznać, że jest jej w tym przypadku naprawdę sporo, bo dało się z niej wycisnąć ponad 300 stron naprawdę przyzwoitej książki.
O co chodzi z tym całym Canvasem?
Pisanie o tym, że Canvas to HTML5 to duże generalizowanie tematu, ponieważ nie jest do końca prawdą. Wspomniany znacznik to oczywiście ważny element języka, ale w tym przypadku jest to najogólniej mówiąc "puste płótno" pod obraz, który namalujemy kodem JavaScript. Cała magia, o której wspominałem we wstępie, dzieje się właśnie w tym języku skryptowym i warto o tym pamiętać.
Dla kogo jest ta książka?
W tym akapicie mógłbym odpowiedzieć krótko "dla webmasterów", ale nie do końca byłaby to prawda. Pozycją powinny się przede wszystkim zainteresować osoby siedzące w webmasterce i mające względne pojęcie o co w tym HTMLu i JavaScripcie w ogóle chodzi. Warto również wspomnieć, że w Canvasie rozchodzi się głównie o rysowanie, dlatego też temat będzie z pewnością mniej interesujący dla osób, które na co dzień robią np. proste strony firmowe.
Zawartość
Zawartość książki to 9 tematycznych rozdziałów, w których umieszczono ponad 80 receptur prezentujących użycie elementu canvas. Sama struktura książki jest dość nietypowa. Słowo receptury w tytule sugeruje, że jest to zbiór konkretnych rozwiązań, po których w praktyce można skakać wedle własnego uznania. I tak rzeczywiście jest.
Z drugiej jednak strony, czytając książkę od deski do deski mamy wrażenie, że jest to kompletny podręcznik po kanwach. Szczególnie początkowe rozdziały dość szczegółowo tłumaczą same znaczenie kanw i ich użycie. Tak naprawdę to czytałem na temat tej technologii kilka różnych pozycji i jeszcze nigdzie nie widziałem tak szczegółowego wprowadzenia do tematu.
I choć w teorii wydaje się, że oba opisane podejścia są sobie przeciwstawne, to w przypadku tej książki naprawdę całkiem dobrze współgrają razem.
Opis poszczególnych receptur przebiega dość podobnie. Z reguły najpierw zapoznajemy się z opisem określonego problemu, który praktycznie zawsze okraszone jest stosownym zrzutem ekranu. Następnie autor pisze jak określone rozwiązanie należy wykonać, by na samym końcu opisać jak to właściwie działa. Bardzo przyjemne podejście do tematu, które mi osobiście przypadło do gustu.
Podsumowanie
HTML5 Canvas. Receptury to dość niszowa pozycja. Mimo faktu że sam HTML5 dość mocno zyskuje na znaczeniu, to element Canvas jest wciąż traktowany jako swego rodzaju ciekawostka, której głównym hamulcem jest jeszcze nadal stosunkowo kiepskie wsparcie przeglądarek (szczególnie tych starszych - Got dammit IE!).
Książka skupia się na konkretnym zagadnieniu, dlatego w tym konkretnym przypadku niezwykle ważna będzie wcześniejsza znajomość HTMLa, JavaScriptu oraz w mniejszym stopniu CSSa. Zdecydowanie nie jest to również podręcznik po samym HTMLu5 (jeśli szukasz literatury na ten temat, to osobiście polecam książkę HTML5 i CSS3. Standardy przyszłości), jeśli natomiast rzeczywiście jesteś zainteresowany kanwami (np. w kontekście projektowania gier w HTML5) to jest to pozycja, po którą zdecydowanie warto sięgnąć. Być może czasem będzie trzeba coś wygooglać, ale jeśli nie piszesz stron od wczoraj, to z pewnością dasz sobie z tym radę;-) -
blog.rbenkel.me Radosław Benkel, 2013-04-15
Tematyka
Na okładce możemy przeczytać:
"Ponad 80 receptur prezentujących użycie elementu canvas, które zrewolucjonizują strony WWW."
I jest tak faktycznie. W książce znajdziemy 9 rozdziałów, od podstaw rysowania, poprzez tworzenie animacji a na wprowadzeniu do WebGL kończąc. Po ok. 20 stronach poznawania materiału wiemy już jak korzystać z podstawowych elementów (linie, krzywe, tekst) i dokładnie na 34 stronie piszemy kod rysujący fraktale – moim zdaniem całkiem niezłe tempo.
Jednakże jeden fragment wydał mi się śmieszny – na początku książki napisane jest, że pozycja przeznaczona jest dla programistów aplikacji internetowych znających HTML i JavaScript. Ale akapit wcześniej słowa, że do pracy wystarczy zwykły Notatnik. Ta… już to widzę, jak programista (!) aplikacji internetowych używa Notatnika na codzień – chyba jakiś masochista :P
Mamy osobne rozdziały poświęcone pracy z elementami video, obsłudze eventów (dzięki tej książce dowiedziałem się, że nie jest to takie hop-siup) czy też pisaniu własnej gry. I nie jest to kółko i krzyżyk, ale platformówka z detekcją krawędzi czy też miejsc o specjalnym znaczeniu.
Jeśli chodzi o treść książki i poruszone w niej tematy, to jako osoba która o Canvas API ma bardzo nikłe pojęcie nie zauważyłem jakiś rażących braków.
Treść
Praktycznie każde opisywane zastosowanie opatrzone jest przykładem w postaci kodu i screenów, który to kod podzielony jest najczęściej na kilka części, opatrzonych stosownym komentarzem. Dzięki temu nie ma problemu ze zrozumieniem kodu, który zajmuje np. 4 strony, a i takie się zdarzają.
Jakość wydania
Książka posiada miękką oprawę, wydana została na grubym białym papierze (żadne EKO). Kod jest drukowany czcionką o stałej szerokości (jednakże komentarze w nim już nie), czcionka normalnego tekstu jest czytelna, ważne rzeczy są odpowiednio zaznaczone. Tutaj absolutnie bez zastrzeżeń.
Tłumaczenie
Do tłumaczenia nie mam zarzutów. Naprawdę! Sam byłem zaskoczony. Komentarze do kodu są po polsku, jednak wszelakie nazwy zmiennych czy też funkcji są w „jedynym słusznym języku”.
Aczkolwiek screeny wolałbym wycentrowane, tym bardziej że nie posiadają podpisów bezpośrednio pod sobą :)
Podsumowanie
Podsumowując, jest to naprawdę interesująca pozycja, którą z punktu widzenia początkującego w tematach Canvas API mogę spokojnie polecić.
Szczegóły książki
- Tytuł oryginału:
- HTML5 Canvas Cookbook
- Tłumaczenie:
- Piotr Rajca
- ISBN Książki drukowanej:
- 978-83-246-5075-0, 9788324650750
- Data wydania książki drukowanej:
- 2013-01-28
- ISBN Ebooka:
- 978-83-246-6900-4, 9788324669004
- Data wydania ebooka:
-
2013-02-20
Data wydania ebooka często jest dniem wprowadzenia tytułu do sprzedaży i może nie być równoznaczna z datą wydania książki papierowej. Dodatkowe informacje możesz znaleźć w darmowym fragmencie. Jeśli masz wątpliwości skontaktuj się z nami sklep@helion.pl.
- Format:
- 170x230
- Numer z katalogu:
- 11931
- Rozmiar pliku Pdf:
- 5.2MB
- Rozmiar pliku ePub:
- 5.0MB
- Rozmiar pliku Mobi:
- 5.0MB
- Pobierz przykładowy rozdział PDF
- Przykłady na ftp
Ebook zawiera materiały dodatkowe, które możesz pobrać z serwera FTP - link znajdziesz na stronie redakcyjnej.
- Zgłoś erratę
- Kategorie:
Technologie webowe » HTML i XHTML - Programowanie
Spis treści
- Zagadnienia opisywane w tej książce (11)
- Co jest potrzebne podczas lektury tej książki? (13)
- Dla kogo jest przeznaczona ta książka? (13)
- Czym są elementy canvas wprowadzone w HTML5? (13)
- Stosowane konwencje (14)
- Pobieranie przykładowych kodów towarzyszących książce (15)
- Wprowadzenie (17)
- Rysowanie linii (18)
- Rysowanie łuku (21)
- Rysowanie krzywej kwadratowej (23)
- Rysowanie krzywej Béziera (25)
- Rysowanie zygzaków (26)
- Rysowanie spirali (28)
- Praca z tekstem (30)
- Rysowanie trójwymiarowego tekstu z cieniem (31)
- Wyzwalanie potęgi fraktali - rysowanie nawiedzonego drzewa (33)
- Wprowadzenie (37)
- Rysowanie prostokąta (38)
- Rysowanie okręgu (40)
- Tworzenie własnych kształtów i stosowanie stylów wypełnienia (42)
- Zabawa z krzywymi Béziera - rysowanie chmurki (45)
- Rysowanie przezroczystych kształtów (47)
- Korzystanie ze stosu stanu kontekstu w celu zapisywania i odtwarzania stylów (48)
- Stosowanie operacji złożonych (51)
- Wykorzystanie pętli do tworzenia wzorców - rysowanie koła zębatego (56)
- Stosowanie wartości losowych we właściwościach kształtów - rysowanie łąki kwiatów (59)
- Tworzenie funkcji rysujących niestandardowe kształty - talie kart (62)
- Połączenie wszystkich wiadomości - rysowanie odrzutowca (67)
- Wprowadzenie (75)
- Wyświetlanie obrazu (76)
- Przycinanie obrazka (77)
- Kopiowanie i wklejanie fragmentów obszaru płótna (80)
- Korzystanie z klipów wideo (82)
- Pobieranie danych obrazu (84)
- Wprowadzenie do manipulowania danymi obrazu - odwracanie kolorów (87)
- Odwracanie kolorów w klipach wideo (89)
- Konwersja kolorów rysunku na skalę szarości (91)
- Przekształcanie rysunku na postać danych URL (93)
- Zapisywanie rysunku w formie obrazu (95)
- Wczytywanie zawartości rysunku przekazanej w formie danych URL (97)
- Wyostrzanie obrazka o powiększonych pikselach (99)
- Wprowadzenie (103)
- Przesuwanie kontekstu płótna (104)
- Obrót kontekstu płótna (105)
- Skalowanie kontekstu płótna (107)
- Tworzenie odbicia lustrzanego (109)
- Tworzenie przekształceń niestandardowych (110)
- Pochylanie kontekstu płótna (112)
- Obsługa wielu przekształceń z wykorzystaniem stosu stanu (113)
- Przekształcanie okręgu na owal (116)
- Obracanie obrazka (118)
- Rysowanie prostego logo i losowe określanie jego położenia, obrotu i skali (119)
- Wprowadzenie (124)
- Tworzenie klasy Animation (124)
- Tworzenie ruchu liniowego (128)
- Tworzenie przyspieszenia (130)
- Tworzenie oscylacji (133)
- Oscylujący bąbelek (135)
- Ruchome wahadło (137)
- Animowane koła zębate (140)
- Animowany zegar (145)
- Symulacja fizyki cząstek (149)
- Tworzenie mikroskopijnych żyjątek (153)
- Działanie w warunkach zwiększonego obciążenia i prezentowanie liczby ramek na sekundę (157)
- Wprowadzenie (164)
- Tworzenie klasy Events (164)
- Korzystanie ze współrzędnych myszy w obszarze elementu canvas (172)
- Dołączanie procedur obsługi zdarzeń myszy do regionów (174)
- Dołączanie procedur obsługi zdarzeń dotyku do regionów na urządzeniach przenośnych (178)
- Dołączanie procedur obsługi zdarzeń do obrazków (181)
- Przeciąganie i upuszczanie kształtów (185)
- Przeciąganie i upuszczanie obrazków (188)
- Tworzenie powiększania fragmentu obrazka (190)
- Tworzenie aplikacji graficznej (196)
- Wprowadzenie (203)
- Tworzenie wykresu kołowego (204)
- Tworzenie wykresu słupkowego (209)
- Wizualizacja równań (216)
- Rysowanie danych punktowych przy użyciu wykresu liniowego (221)
- 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 reprezentującej 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)
- Wprowadzenie (267)
- Tworzenie klasy upraszczającej korzystanie z API WebGL (268)
- Rysowanie trójkąta (281)
- Obracanie płaskiego trójkąta w przestrzeni trójwymiarowej (283)
- Tworzenie obracającego się sześcianu (286)
- Dodawanie tekstur i oświetlenia (290)
- Tworzenie trójwymiarowego świata, który można eksplorować (296)
- Treść zastępcza dla elementów canvas (309)
- Elementy canvas a efekty przejść i animacje CSS3 (315)
- Wydajność elementów canvas na urządzeniach przenośnych (316)
Zespół oryginalnego wydania (7)
O autorze (8)
O recenzentach (9)
Wstęp (11)
Rozdział 1. Wprowadzenie do operacji na ścieżkach i tekstach (17)
Rozdział 2. Rysowanie kształtów i elementów złożonych (37)
Rozdział 3. Praca z obrazami i klipami wideo (75)
Rozdział 4. Stosowanie przekształceń (103)
Rozdział 5. Ożywianie płócien poprzez zastosowanie animacji (123)
Rozdział 6. Interakcja z elementami canvas - dołączanie procedur obsługi zdarzeń do kształtów i regionów (163)
Rozdział 7. Tworzenie grafów i wykresów (203)
Rozdział 8. Ratujemy świat, pisząc nową grę (229)
Rozdział 9. Wprowadzenie do WebGL (267)
Dodatek A. Wykrywanie obsługi elementów canvas (309)
Dodatek B. Bezpieczeństwo korzystania z elementów canvas (313)
Dodatek C. Dodatkowe zagadnienia (315)
Skorowidz (317)
Oceny i opinie klientów (3)
(0)
(3)
(0)
(0)
(0)
(0)
5 oceniona przez: Arkadiusz, Web master 2015-09-05
5 oceniona przez: 2013-06-27
5 oceniona przez: 2013-06-16
więcej opinii