Décisions visuelles

[samuelhackwill]

Dans la zone de chat :

• les phrases du bot sont de la même couleur que le fond des cartes (a priori, beige)
• les cartes choisies par le joueur s’affichent ensuite sous forme de pastille centrées dans la colonne (sur le modèle de « +33 6 282 8282 a quitté le chat ») (genre tu cliques sur la carte, elle disparaît, puis apparaît une nouvelle bulle dans le chat qui reprend la carte à l’écrit)
• les phrases du joueur apparaissent en vert
• Les events des autres joueurs en live apparaissent à gauche et on peut éventuellement interagir avec : a priori y’a une bulle avec un bouton qui apparaît « lire la réponse de bob »
• Les cartes pour lesquelles la réponse est public sont des cartes « gold » avec un traitement visuel particulier
• Les phrases écrites par les joueurs qui ont un statut public sont également traitées visuellement de la même manière
• Les phrases choisies par les joueurs qui deviennent publiques sont également traitées visuellement de la même manière
• le conseiller peut s’exprimer en « stickers » avec des photos de samuel et mathilde et thomas.
• le conseiller peut s’exprimer avec des stickers qui ont des bras pour montrer des élements de l’UI.
• le conseiller peut s’exprimer sous forme de QCM
• le conseiller peut s’exprimer sous forme de fichier audio
• le joueur interagit principalement avec la partie basse de l’écran, qui peut contenir soit :
  — les tas de cartes (1, 2 ou 3) — Un QCM — Un bouton tour suivant
• les réponses aux questions se font dans un grand textarea full screen après avoir retourné les cartes.

[samuelhackwill]

•  on se prend pas le chou pour les flip de carte, on en choppe sur codepen ou quoi au pire -- https://codepen.io/bousahla-mounir/pen/xxRNEPR
• On se prend pas le chou avec les glyphes non plus a priori, sauf si ça a une utilité pour le lèche vitrines

[samuelhackwill]

Pour le traitement visuel des chansons, on a identifié trois entités

• la chanson douce avec ptet un effet lanterne magique ambiant dreamy
• Le rap trap avec un effet karaoke et une instu?
• Le manifesto court et cinglant que tu peux partager pour foutre à haine sur les rézo

[samuelhackwill]

Pour l’écran d’accueil

• si on fait le truc des noms de gens qui se balladent faut tester la performance. A priori on dessine une vingtaine de paths SVG et on créé de la variété en les flippant / en variant la vitesse d’animation, en créant une pseudo profondeur de champ avec la couleur la taille, etc.

[samuelhackwill]

pour la composition des poésies :

• on aimerait que tout se passe dans le chat et qu’on ait pas à aller dans une interface et manipuler du texte à la main. On se dit que aussi la poésie pourrait être pré-écrite a partir des réponses « gold » du joueur. Ou alors, qu’après avoir cliqué sur 5 phrases, le joueur a un aperçu de sa poésie et on lui demande de valider ou quoi.
• En principe on pourrait aussi donner des indications dans la partie basse pendant le choix des phrases composant la poésie (choisissez un mot étrange / choisissez un titre / choisissez une sorte de phrase conclusive)

[HamBistros]

Pour le traitement visuel des chansons, on a identifié trois entités

Qu'est-ce qu'il y a à faire pour la mise en forme des poésies/chansons :

Commun à toutes les poésies

• [ ] définir le type de phrases dont on aurait besoin (phrases longues, courtes, onomatopées, mots, statement…)
• [ ] réfléchir à la clarté de l'étape de sélection des vers (indiquer l'ordre de sélection, avoir un rappel en bas de l'écran de ce qu'on a déjà choisi…)

Spécifique à chaque type de poésie/chanson

* la chanson douce avec ptet un effet lanterne magique ambiant dreamy

• [ ] trouver comment faire défiler du texte ()
  [ ] construire une pièce en "3D" (three.js, css, p5,js) => aller à la simplicité
  [ ] trouver comment simuler un effet de projection (flou, déformation, changement de vitesse)
  [ ] construire des svgs ou des pngs pour faire les décos (nuages, étoiles)
  [ ] une bonne fonte un peu enfance/arrondie ou scripte ? (GT Maru, Rounded Gotich, Quicksand, Ax-28)
  [ ] trouver des couleurs nocturnes apaisantes
  [ ] se renseigner sur les lanternes magiques
  [ ] mobile first

  [ ] trouver un son d'ambiance ?

  • Le rap trap avec un effet karaoke et une instu?
  [ ] se renseigner sur karaoprint.js
  [ ] trouver une bonne fonte vénère style headline (Pressuru, Aileron/Archivo Black)
  [ ] trouver une grosse instru trap qui tape utilisable sans pb de droits d'auteur·ice
  [ ] trouver comment connaître les BPMs et les mesures d'une instru pour afficher les mots de manière un peu cohérente avec le rythme

  [ ] s'inspirer de clips de rap

  • Le manifesto court et cinglant que tu peux partager pour foutre à haine sur les rézo
  [ ] génerer une image avec ImageMagick avec une certaine fonte
  [ ] animation css minimale pour faire arriver le statement
  [ ] plutôt même/motivational quotes/Linkedin avec stock photo de paysage ou de qqn·e de connu·e (genre citation d'Elon Musk) en fond ?
  [ ] plutôt élégance et raffinement antique, gravé dans la roche ? (Sprat)
  HamBistros commented 1 year ago

  Pour les effets de cartes à jouer. quelques refs basiques :

  • animations diverses et variées
  • un jeu de rami
  • © Githubissues.
  • Githubissues is a development platform for aggregating issues.

[HamBistros]

Pour les effets de cartes à jouer. quelques refs basiques :

• animations diverses et variées
• un jeu de rami