Slice It bringt Spaß und Interaktivität zu deinem Publikum mit einer modernen Variante eines klassischen Arcade-Spiels.
Zudem hast du die Flexibilität, jeden Aspekt des Spiels anzupassen, um es auf deine Kampagnenphase und Markenstimme abzustimmen.

1. Spielformat hinzufügen 🎰

Der erste Schritt ist das Hinzufügen einer Spiel-Seite. Wähle das Spielformat „Slice it“ aus und ziehe es per Drag & Drop auf die Seite.

2. Layout auswählen 📱

Du kannst ein Layout aus bereits erstellten Layouts auswählen.

3. Preise festlegen 🏆

Denke daran, die Preise vorab einzurichten, bevor du den weiteren Spielablauf anpasst.
Die Preise müssen zuerst erstellt werden, damit du das Spiel vollständig einrichten kannst.

4. Einstellungen konfigurieren ⚙️

• Aktion zum Starten des Spiels festlegen (z. B. Knopfdruck oder automatische Startzeit)

• Geschwindigkeit der Objekte einstellen

Danach richtest du die Zeit / Punkte ein:

• Lege ein Zeitlimit fest und bestimme das Ziel für Punkte

• Entscheide, ob das Spiel endet, wenn das Punktziel erreicht wurde

• Wenn du den Countdown anzeigen möchtest, kannst du auch die Wording-Optionen anpassen (z. B. Text vor Spielbeginn).

• Teste den Countdown und passe Hintergrund, Farben und Schriftarten an.

5. Inhalte konfigurieren 🖥️

• Wähle das Template: „Slice it – Reach points“ oder „Slice it – Collect points“

• Lege das Hintergrundbild fest und passe Größe, Position, Anheftung, Breite und Höhe an

Danach passt du die Items an:

• Wähle die Anzahl der Items aus, deren Bild, Breite und Höhe

• Diese Items müssen im Spiel zerschnitten werden

Unter jedem Item legst du fest, wie viele Punkte du erhältst, wenn du es zerschneidest. Setze ein Minuszeichen vor die Punkteanzahl, wenn du Punkte abziehen möchtest.

Jedes Item wird einzeln gestaltet.

Wähle dann den Cursor, der als Schneidewerkzeug dient.

6. Design anpassen 🎨

Beim Gestalten kannst du:

• Layout-Abstände (Margin und Padding) anpassen

• Item-Einstellungen bearbeiten: Breite, Rotation, Geschwindigkeit und Bewegungsrichtung der Items einstellen. Du kannst jederzeit einen Testlauf machen.

Passe das Punkte-Splash an, um Übergänge, Hintergrundfarbe, Rahmen, Schriftarten und Schatten zu gestalten.

Lege Schatten für Items fest und passe die Bewegungswege der Items an. Du kannst beliebig viele Wege hinzufügen, die bestimmen, wie die Items im Spiel erscheinen und sich bewegen.

Bearbeite Pfadname, Eintritt, Kurve und Items – teste auch diese Konfiguration.

Optional kannst du ein zusätzliches Bild hinzufügen, das in Position und Breite angepasst werden kann.

7. Effekte hinzufügen 🎤

Verleihe dem Spiel zusätzlichen Stil, indem du verschiedene Animationen einrichtest und Übergänge, Verzögerungen und Einstellungen anpasst.

8. Erweiterte Einstellungen 🕹️

Klicke auf erweiterte Einstellungen, um:

• Eigenes CSS hinzuzufügen und das Design weiter anzupassen

• Event-Listener zu erstellen, um benutzerdefinierte Interaktionen zu ermöglichen

9. Fertig für den nächsten Schritt 🥳

Gut gemacht! Dein Spielformat ist nun vollständig eingerichtet.
Du kannst jetzt die Spielseite weiter bearbeiten und den restlichen Spielablauf auf den anderen Seiten gestalten.

Unsere Demo findest du übrigens hier. – DEMO Slice-It