Komponent Arkusz sprite

Tego komponentu nie można używać w reklamach AMP HTML, reklamach wideo ani reklamach graficznych.

Za pomocą komponentu Arkusz sprite możesz tworzyć animacje złożone ze sprite’ów oraz wyświetlać z osobna różne sprite’y graficzne zapisane w pojedynczym graficznym pliku źródłowym.

  

Arkusz sprite z 8 sprite’ami użytymi do utworzenia animacji. Każdy z tych sprite’ów można też wyświetlać osobno, niezależnie od animacji.

Aby dodać do projektu komponent Arkusz sprite:

1. Otwórz panel Komponenty, a potem folder Grafika i efekty.
2. Przeciągnij komponent Arkusz sprite  na scenę.
3. W panelu Właściwości przejdź do sekcji właściwości komponentu Arkusz sprite i wpisz w polu Źródło adres URL pliku graficznego z arkuszem sprite. Jeśli plik źródłowy znajduje się na komputerze lokalnym, kliknij w tym polu przycisk Przeglądaj , aby wybrać plik w systemie plików komputera.
4. Wpisz właściwości Odsunięcie X, Odsunięcie Y, Szerokość klatki, i Wysokość klatki konkretnego sprite’a, który chcesz wyświetlić. Jeśli tworzysz animację, ten sprite będzie widoczny w jej pierwszej klatce.
5. Zależnie od sposobu użycia arkusza sprite wykonaj poniższe czynności, by wyświetlić inne sprite’y lub utworzyć animację złożoną ze sprite’ów.

   Aby wyświetlić inne sprite’y:

   1. Umieść na scenie dodatkowy komponent Arkusz sprite.
   2. Skonfiguruj nowy komponent, korzystając z tego samego pliku źródłowego, ale podając odsunięcia i wymiary klatki odpowiadające sprite’owi, który chcesz wyświetlać w tym komponencie.

   Aby utworzyć animację złożoną ze sprite’ów:

   1. W panelu Właściwości komponentu Arkusz sprite rozwiń Właściwości zaawansowane.
   2. Wpisz Liczbę klatek animacji. Komponent wyświetla jeden sprite na klatkę i zakłada, że każdy sprite ma ten sam rozmiar.
   3. Zaznacz pole wyboru Autoodtwarzanie, jeśli chcesz, aby odtwarzanie animacji rozpoczynało się automatycznie. Możesz ją też wyświetlać po skonfigurowaniu zdarzenia powiązanego z działaniem Arkusz sprite > Odtwórz lub Włącz/wyłącz animację (zgodnie z opisem poniżej).

Właściwości

Właściwość	Opis
Nazwa	Nazwa komponentu.
Źródło	Adres URL obrazu używanego jako arkusz sprite. Może być powiązana z danymi dynamicznymi.
X Offset (Odsunięcie X)	Odsunięcie (w pikselach) danego sprite’a od lewej krawędzi arkusza sprite.
Y Offset (Odsunięcie Y)	Odsunięcie (w pikselach) danego sprite’a od górnej krawędzi arkusza sprite.
Szerokość klatki	Szerokość sprite’a (w pikselach).
Wysokość klatki	Wysokość sprite’a (w pikselach).
Wyrównanie	Położenie sprite’a w obrębie komponentu: center (środek) bottom (dół) bottom left (dół po lewej) bottom right (dół po prawej) left (lewo) right (prawo) top (góra) top left (góra po lewej) top right (góra po prawej)
Skalowanie	Sposób wyświetlania sprite’ów o innym rozmiarze niż komponent: Zmień rozmiar obrazu, by dopasować Przytnij obraz, by wypełnić Brak Rozciągnij obraz, by wypełnić

Właściwości zaawansowane

Właściwości zaawansowane służą do konfigurowania animacji złożonej ze sprite’ów. Kliknij ikonę rozwinięcia  obok opcji Właściwości zaawansowane w panelu właściwości komponentu, aby edytować te właściwości:

Właściwość	Opis
Number of Frames (Liczba klatek)	Liczba klatek tworzących animację. Jeśli wprowadzisz wartość większą niż liczba sprite’ów w arkuszu, na końcu animacji będą występować puste klatki.
Duration (Czas trwania)	Czas wyświetlania każdej klatki (w milisekundach).
Number of Loops (Liczba powtórzeń)	Liczba powtórzeń animacji. Aby animacja była powtarzana w nieskończoność, ustaw wartość 0.
Autoodtwarzanie	Po zaznaczeniu tej opcji animacja odtwarza się automatycznie.
End on frame one (Koniec na pierwszej klatce)	Jeśli zaznaczysz tę opcję, po ostatniej pętli animacja zatrzyma się na pierwszej klatce.
Reverse (Wstecz)	Po zaznaczeniu tej opcji animacja odtwarza się wstecz.

Zdarzenia i działania

Zdarzenia wysyłane przez komponent Arkusz sprite

Na podstawie tych zdarzeń komponentu Arkusz sprite możesz wywoływać inne działania:

Zdarzenie	Opis
Wstrzymano	Wysyłane, gdy animacja zostanie wstrzymana.
Zakończono	Wysyłane, gdy animacja się zakończy.
Odtwarzanie rozpoczęte	Wysyłane, gdy animacja zacznie się odtwarzać.
Odtwarzany ponownie	Wysyłane, gdy animacja zostanie uruchomiona ponownie.

Aby wybrać jedno z tych zdarzeń w oknie dialogowym Zdarzenie, ustaw komponent Arkusz sprite jako element docelowy.

Działania wykonywane przez komponent Arkusz sprite

W odpowiedzi na zdarzenia komponent Arkusz sprite może uaktywniać te działania:

Działanie	Opcje konfiguracji
Utwórz nową animację	Odsunięcie X – odsunięcie (w pikselach) danego sprite’a od lewej krawędzi arkusza sprite. Odsunięcie Y – odsunięcie (w pikselach) danego sprite’a od górnej krawędzi arkusza sprite. Szerokość klatki – szerokość sprite’a (w pikselach). Wysokość klatki – wysokość sprite’a (w pikselach). Frames (Klatki) – liczba klatek tworzących animację. Duration (Czas trwania) – czas wyświetlania każdej klatki (w milisekundach). Loops (Powtórzenia) – liczba powtórzeń animacji. Aby animacja była powtarzana w nieskończoność, ustaw wartość 0. Autoodtwarzanie – po zaznaczeniu tej opcji animacja odtwarza się automatycznie. Reverse (Wstecz) – po zaznaczeniu tej opcji animacja odtwarza się wstecz.
Odtwórz	Powoduje rozpoczęcie odtwarzania animacji od miejsca, w którym zostało ono zatrzymane lub wstrzymane.
Wstrzymaj	Powoduje wstrzymanie odtwarzania bieżącej animacji.
Włącz/wyłącz animację	Powoduje rozpoczęcie lub wstrzymanie odtwarzania animacji.
Odtwórz ponownie	Powoduje rozpoczęcie odtwarzania animacji od pierwszej klatki.
Przejście do tyłu	Powoduje wyświetlenie poprzedniej klatki animacji.
Przejście do przodu	Powoduje wyświetlenie następnej klatki animacji.
Przejdź do klatki	Powoduje wyświetlenie określonej klatki.

Gdy w oknie Zdarzenie wybierzesz jedno z tych działań, ustaw komponent Arkusz sprite jako odbiornik.

Dowiedz się, jak konfigurować zdarzenia.

Podgląd

Po określeniu źródła, odsunięć i wymiarów klatki Google Web Designer wyświetli statyczny podgląd komponentu Arkusz sprite na scenie. Dzięki temu możesz sprawdzić, czy został przez Ciebie wskazany właściwy sprite.

Podglądu animacji złożonych ze sprite’ów nie można wyświetlać w interfejsie Web Designera. Aby odtworzyć taką animację, wyświetl podgląd dokumentu w wybranej przeglądarce, klikając przycisk Podgląd w prawym górnym rogu.