À propos
Les raisons pour la création de ce guide, l'équipe derrière, et les difficultés rencontrées lors de la création du guide.
Pourquoi un guide Wplace ?
Créé en juillet 2025 par le développeur brésilien Murilo Matsubara, Wplace est une plateforme de pixel-art collaborative en ligne qui s'inspire du concept de r/place du réseau-social Reddit : la Pixel War (guerre des pixels). Le site propose une immense toile représentant la carte du monde, avec une surface total de plus de 67 billions de pixels, que les utilisateurs peuvent modifier en temps réel. Chaque utilisateur dispose d'un nombre limité de pixels et en gagne progressivement, il peut progresser dans un système de niveaux pour augmenter son nombre maximal de pixels et débloquer de nouvelles couleurs grâce une monnaie virtuelle appelée "droplets".
Le site repose sur l'interaction sociale et la compétition entre communautés. Plusieurs classements sont mis à disposition, ce qui incite des groupes d'utilisateurs à collaborer ensemble pour dessiner des pixels-art complexes. La destruction d'autres pixels-art n'étant pas autorisée, cette dynamique a entrainée l'arrivée de milliers de créations liées à la culture populaire, notamment des personnages de jeux vidéo, ainsi que des hommages à des personnalités disparues.
Malgré des débuts marqués par des problèmes techniques dus à une affluence massive, le site a su devenir un espace majeur d'expression collective sur le web.
Toutefois, beaucoup d'utilisateurs rencontrent des difficultés pour réaliser de gros pixels-art et ne savent pas utiliser les scripts de calque.
Les ressources disponibles en lignes ne sont pas en français et n'expliquent pas toujours clairement les étapes à suivre.
C'est pourquoi nous avons donc décidé de créer ce guide afin d'aider chacun à réaliser ses propres créations sur Wplace.
Présentation de l'équipe
Ce guide a été réalisé par X et Y dans le cadre de la ressource R1.02 Internet et Web.
Nous avons décidé du design ensemble en nous inspirant d'autres sites web similaires. Par la suite, nous avons répartis les différentes sections du guide entre nous deux pour la création du site et la rédaction du contenu. Les technologies utilisées pour la réalisation du site sont le HTML, CSS avec le framework Tailwind et Javascript.
Difficultés rencontrées
- Design Responsive : Adapter l'entiereté du guide pour qu'il soit lisible et accessible sur mobile a été un défi majeur, nous obligeant à revoir la structure CSS (Tailwind) plusieurs fois. Heureusement, Tailwind a été conçu avec le responsive en tête, ce qui a grandement facilité le processus.
- Documentation technique : Nous avons du chercher par nous-mêmes afin de comprendre le fonctionnement de Wplace et avons dû rendre nos explications aussi claires que possible pour les utilisateurs ne s'y connaissant pas.
Nous contacter
Message envoyé
Merci de nous avoir contactés. Nous vous répondrons dans les plus brefs délais.