Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

Odtwarzanie bloków Sound and Fire Confetti w AppMasterze

Odtwarzanie bloków Sound and Fire Confetti w AppMasterze

W AppMasterze możesz dodawać do aplikacji internetowych interaktywne elementy, takie jak efekty wizualne, dźwięki i inne. W tym artykule pokażemy jak wykorzystać zarówno bloki Fire Confetti jak i Play Sound w połączeniu ze sobą.

Przykład opisany w tym artykule jest bardzo prosty, tak aby czytelnik o dowolnym poziomie znajomości pracy z platformą AppMaster mógł zrozumieć istotę korzystania z tych bloków i dostosować je do swojej aplikacji.

Powiedzmy, że nasza aplikacja internetowa musi jakoś zareagować na zdarzenie logowania użytkownika. Mianowicie, przy udanym logowaniu na ekranie strzela konfetti i odgrywana jest pewna melodia. Wygląda to tak jak na obrazku poniżej (ponieważ jest to animacja, nie ma możliwości zintegrowania dźwięku, ale można samemu przetestować efekt):

Confetti visual effects no codePrzede wszystkim przyjrzyjmy się bliżej samym blokom procesów biznesowych Play Sound i Fire Confetti.

1. Play Sound - blok procesu biznesowego, który odtwarza dźwięk z pliku znajdującego się pod danym linkiem.
URL (mp3) [string] - ścieżka do pliku. Dobrą praktyką jest podanie ścieżki do pliku z magazynu plików aplikacji, wtedy URL będzie wyglądał jak /api/_pliki/<ID>/download/, gdzie ID to ID pliku w backendzie aplikacji.

no-code2. Fire Confetti - blok procesu biznesowego, który odpala konfetti dla aktualnego użytkownika.

  • Preset [vmodel] - pozwala wybrać animację dla wystrzeliwania konfetti

- Działo
- Fajerwerki
- Realistyczny
- Śnieg
- Duma szkoły

  • Duration (ms) [integer] - czas trwania animacji w ms
  • Position top (%) [integer] - odchylenie punktu wyzwalania od góry ekranu
  • Position left (%) [integer] - odchylenie punktu spustowego od lewej strony ekranu
  • Particle count [integer] - liczba cząstek konfetti
  • Kąt [integer] - kąt
  • Colors [string array] - kolory cząsteczek konfetti

Fire Confetti no-codePrzejdźmy do ustawienia samego procesu biznesowego. W naszym przykładzie konfetti jest odpalane po udanym zalogowaniu się użytkownika. Zatem wszystkie niezbędne modyfikacje zostaną wprowadzone w procesie biznesowym związanym z przyciskiem Login.

no-codeKonieczne jest znalezienie momentu w procesie biznesowym, który przekierowuje użytkownika na kolejną stronę po udanym logowaniu, czyli bloku Navigate. Nasza modyfikacja procesu biznesowego wygląda następująco:

no-codeUstawienia bloku Fire Confetti, który jest tutaj wykorzystywany:

  • Preset = Armata;
  • Duration (ms) = 1;
  • Particle Count = 500;
  • Angle = 30.

Na wejście bloku Play Sound otrzymujemy ścieżkę do pliku muzycznego, który został wcześniej załadowany na serwer aplikacji.

W tym artykule opisaliśmy więc możliwości wykorzystania bloków interaktywnych Play Sound i Fire Confetti. Po zrozumieniu, jak działają, możesz je samodzielnie wykorzystać do bardziej złożonych scenariuszy.

Powiązane posty

Klucz do odblokowania strategii monetyzacji aplikacji mobilnych
Klucz do odblokowania strategii monetyzacji aplikacji mobilnych
Dowiedz się, jak odblokować pełny potencjał przychodów swojej aplikacji mobilnej dzięki sprawdzonym strategiom zarabiania, obejmującym reklamy, zakupy w aplikacji i subskrypcje.
Kluczowe kwestie do rozważenia przy wyborze twórcy aplikacji AI
Kluczowe kwestie do rozważenia przy wyborze twórcy aplikacji AI
Wybierając twórcę aplikacji AI, należy wziąć pod uwagę takie czynniki, jak możliwości integracji, łatwość obsługi i skalowalność. W tym artykule omówiono najważniejsze kwestie umożliwiające dokonanie świadomego wyboru.
Wskazówki dotyczące skutecznych powiadomień push w PWA
Wskazówki dotyczące skutecznych powiadomień push w PWA
Odkryj sztukę tworzenia skutecznych powiadomień push dla progresywnych aplikacji internetowych (PWA), które zwiększają zaangażowanie użytkowników i zapewniają, że Twoje wiadomości będą wyróżniać się w zatłoczonej przestrzeni cyfrowej.
ROZPOCZNIJ BEZPŁATNIE
Zainspirowany do samodzielnego wypróbowania?

Najlepszym sposobem na zrozumienie mocy AppMaster jest zobaczenie tego na własne oczy. Stwórz własną aplikację w ciągu kilku minut z bezpłatną subskrypcją

Wprowadź swoje pomysły w życie