Zum Inhalt springen

Grasshopper & Rhino3D

Grasshopper-Spiel: DragRace mit Firebase

Veröffentlicht am

Kurz gesagt

Ein Proof of Concept in Grasshopper: Mit dem Plug-in FireHopper tauschen Spieler live Daten über eine Firebase-Datenbank aus. Das kleine Spiel DragRace zeigt, wie das funktioniert: Wer erreicht die gewählte Punktzahl am schnellsten?

  • Live-Datenaustausch zwischen Grasshopper und dem Web, im JSON-Format
  • Punktestände werden über Firebase gespeichert und geteilt
  • Eine Grundlage für den Austausch geometrischer Daten in größeren Projekten
  • Das Skript steht zum Ausprobieren zum Download bereit

Das Konzept des Live-Datenaustauschs über das Web bietet in Kombination mit geometrischen Anwendungen wie Rhino viele Möglichkeiten.

DragRace ist ein einfacher Test mit dem Plug-in FireHopper. Das Plug-in wird seit einiger Zeit nicht mehr weiterentwickelt, ist aber weiterhin relevant und funktioniert mit der aktuellen API von Firebase, einem (in gewissem Umfang) kostenlosen Datenbanksystem von Google.

Über die API-Aufrufe, die das Plug-in FireHopper in Grasshopper ermöglicht, lassen sich Daten live im JSON-Format austauschen.

Grasshopper game: DragRace with Firebase
Dieser Teil ist in dem Skript enthalten, das Sie unten auf dieser Seite herunterladen können. In der leeren Version (ganz unten) können Sie an dieser Stelle natürlich Ihre eigene API eintragen.

In der Firebase-Datenbank lassen sich die Daten dann so auslesen:

Grasshopper game: DragRace with Firebase

Das Spiel DragRace

In diesem Video erklärt Friso einiges zu diesem Aufbau:

Ein Spiel enthält einige wichtige Elemente:

  • Ein klares Ziel
  • Verschiedene Schwierigkeitsgrade
  • Ein Wettbewerbselement

All diese Elemente sind als Übung in das Skript eingebaut.

  • Sie können die zu erreichende Punktzahl wählen und Ihren Namen eingeben. (Schritt 2 im Bild unten)
  • Ziel ist es, die Punkte so schnell wie möglich zu erreichen, indem Sie den Schieberegler hin und her ziehen. Daher der Name DragRace. (Schritt 3)
  • Sobald der Wert erreicht ist, wird er in der Firebase-Datenbank gespeichert.
  • Zum Schluss sehen Sie Ihren eigenen Punktestand und den der anderen in der Datenbank. Das ist das Wettbewerbselement. (Schritt 4)
Grasshopper-Spiel: DragRace mit Firebase
Oben links setzen Sie das Spiel mit einem Klick auf das X für einen neuen Versuch zurück.

Proof of Concept

Natürlich ist das Spiel nicht für den durchschnittlichen Nutzer gedacht, sondern als Übung im Datenaustausch über das Internet zwischen verschiedenen Beteiligten. In einem größeren Projekt kann das zum Beispiel der Austausch geometrischer Daten sein.

Herunterladen und spielen!

Laden Sie das Skript hier herunter und probieren Sie selbst aus, wie es funktioniert.

Hier eine Version ohne API- und Datenbankdaten, in die Sie Ihre eigene Datenbank eintragen können.

Daten mit Ihrem Entwurf verbinden?

StudioFG verbindet Grasshopper mit Datenbanken, Webdiensten und anderer Software.

Bild-Tracer mit Musteroptionen

Grasshopper & Rhino3D

Bild-Tracer mit Musteroptionen

Grasshopper3D eignet sich auch für Grafikdesign, also parametrisches Grafikdesign für zweidimensionale Anwendungen. In diesem Beitrag geht es um einen Bild-Tracer auf Basis…

Ein Projekt oder eine Schulung geplant?

Beschreiben Sie kurz, was Sie erreichen möchten. Innerhalb von zwei Werktagen erhalten Sie eine Antwort mit einem ersten Lösungsansatz.