Aller au contenu

Grasshopper & Rhino3D

Jeu Grasshopper : DragRace avec Firebase

Publié le

En bref

Une preuve de concept dans Grasshopper : grâce au plug-in FireHopper, des joueurs échangent des données en direct via une base de données Firebase. Le petit jeu DragRace montre le principe : qui atteindra le plus vite le score choisi ?

  • Échange de données en direct entre Grasshopper et le web, au format JSON
  • Scores enregistrés et partagés via Firebase
  • Une base pour partager des données géométriques dans des projets plus importants
  • Le script peut être téléchargé pour l’essayer vous-même

Le principe d’un échange de données en direct via le web, combiné à des applications géométriques comme dans Rhino, offre de nombreuses possibilités.

DragRace est un test simple avec le plug-in FireHopper. Le plug-in n’est plus développé depuis un certain temps, mais il reste pertinent et fonctionne avec l’API actuelle de Firebase, un système de base de données de Google (en partie) gratuit.

Grâce aux appels d’API que le plug-in FireHopper rend possibles depuis Grasshopper, des données peuvent être échangées en direct au format JSON.

Grasshopper game: DragRace with Firebase
Cette partie est incluse dans le script téléchargeable en bas de cette page. Vous pouvez bien sûr placer votre propre API dans cette partie du script, dans la version vierge proposée en bas de page.

Dans la base de données Firebase, les données peuvent ensuite être lues comme suit :

Grasshopper game: DragRace with Firebase

Le jeu DragRace

Dans cette vidéo, Friso explique quelques points de ce montage :

Un jeu comporte quelques éléments importants :

  • Un objectif clair
  • Différents niveaux de difficulté
  • Un élément de compétition

Tous ces éléments sont intégrés au script, à titre d’exercice.

  • Vous pouvez choisir le nombre de points à atteindre et saisir votre nom. (Étape 2 sur l’image ci-dessous)
  • Le but est de marquer les points le plus vite possible en faisant glisser le curseur d’avant en arrière. D’où le nom DragRace. (Étape 3)
  • Dès que la valeur est atteinte, elle est enregistrée dans la base de données Firebase.
  • Enfin, vous voyez votre score et celui des autres dans la base de données. C’est l’élément de compétition. (Étape 4)
Jeu Grasshopper : DragRace avec Firebase
En haut à gauche, vous pouvez réinitialiser le jeu en cliquant sur le X pour retenter votre chance.

Preuve de concept

Le jeu n’est évidemment pas destiné à l’utilisateur lambda : il faut le voir comme un exercice d’échange de données entre différents joueurs via Internet. Dans un projet plus important, il peut s’agir par exemple d’échanger des données géométriques.

Téléchargez et jouez !

Téléchargez le script ici pour découvrir vous-même comment il fonctionne.

Voici une version sans API ni données de base de données, pour y ajouter votre propre base.

Relier des données à votre projet ?

StudioFG relie Grasshopper à des bases de données, des services web et d’autres logiciels.

Vectorisation d’images avec motifs au choix

Grasshopper & Rhino3D

Vectorisation d’images avec motifs au choix

Grasshopper3D peut aussi servir au design graphique, c’est-à-dire à la conception graphique paramétrique pour des applications en deux dimensions. Cet article présente…

Un projet ou une formation en tête ?

Décrivez brièvement ce que vous souhaitez obtenir. Vous recevez sous deux jours ouvrés une réponse avec une première approche.