Pimp My Wall - À propos

Introduction

L'association Baleinev organise, depuis 30 ans, le festival de musique "Baleinev Festival" sur le campus de la HEIG-VD. Ce festival aime se démarquer par son originalité et propose, en 2014, pour la première fois, le concept de "Pimp My Wall". Les fenêtres orientées sur la cour sont utilisées comme écrans géants, affichant du contenu interactif, des animations visuelles et, surtout, la possibilité de dessiner à distance depuis les téléphones portables des festivaliers. En 2018, le concept a été repris à partir de zéro et a donné naissance à "BeeScreens". L’ambition du projet est de concevoir un système permettant le développement d’applications interactives diffusées en continu sur Internet. Sa première utilisation a remporté un certain succès lors du Baleinev Festival 2019. Ce nouveau système utilise diverses technologies qui permettent à plusieurs joueurs de dessiner en même temps sur un même canvas. Le code source de ce projet est entièrement accessible et est activement en développement pour le prochain Baleinev Festival qui aura lieu en avril 2024.

Outils

Différents outils permettent de dessiner sur le canvas et sont présentés ici.

  • DĂ©placer: Utilise cet outil pour te dĂ©placer dans le canvas
  • Annuler: Utilise cet outil pour annuler ton dernier trait
  • Pincer pour zoomer: Utilise deux doigts pour zoomer Ă  l'intĂ©rieur et Ă  l'extĂ©rieur du canvas
  • Dessiner: Utilise cet outil pour dessiner sur le canvas
  • Couleur: Utilise cet outil pour dĂ©finir la couleur du pinceau. Utilise ton doigt pour sĂ©lectionner la couleur que tu veux !
  • Taille: Utilise cet outil pour dĂ©finir la taille du pinceau. Utilise ton doigt pour dĂ©placer le curseur et dĂ©finir la taille que tu veux !
  • Fond: Utilise cet outil pour dĂ©finir la couleur de fond. Utilise ton doigt pour sĂ©lectionner la couleur que tu veux !

Derniers éléments

Le canvas est automatiquement effacé toutes les 3 minutes, te permettant de recommencer une nouvelle oeuvre. Sois respectueux des autres dessinateurs et laisse libre court à ton imagination ! Bon dessin !

Technologies utilisées

Le frontend est réalisé avec Next.js (un framework React) et le backend est réalisé avec NestJS. Le code source du projet est disponible sur GitLab à l'adresse suivante. Si tu es motivé-e, n'hésite pas à contribuer au projet !