monochromes / case-study · v1.0 — 2026
portfolio · projet personnel
FR concept mécanique tech liens ← arqova
2026 / projet personnel / art × web

monochromes.

Une plateforme expérimentale qui transforme les chefs-d'œuvre de la peinture en grilles de pixels collectionnables. Chaque parcelle est une enchère, chaque œuvre un terrain de jeu partagé.

Rôle · design + dev Stack · React, Canvas, WebSocket Live · monochromes.art
type
art-game / web3
durée
4 mois
parcelles
100 048 / œuvre
statut
● en ligne
01 / aperçu

Le site, en l'état.

Une seule page, dense, qui assume sa nature de tableau de bord. Au centre : la grille. Sur les côtés : les outils, le chat, les méta-données. Aucun fioriture, aucune fausse profondeur.

monochromes.art
Capture du site monochromes.art
fig.01 — vue principale, état initial résolution native · 1920×991
02 / concept

Posséder un pixel d'un chef-d'œuvre.

« Et si La Nuit étoilée n'appartenait à personne — et à tout le monde, un pixel à la fois ? »
art classique propriété fractionnée jeu collaboratif temps réel

monochromes reproduit en haute densité de pixels des œuvres iconiques — Van Gogh, Vermeer, Hokusai — puis découpe chaque toile en parcelles unitaires qu'on peut acheter, échanger, et signer.

Le résultat est volontairement austère : un fond noir, une grille, une typographie monospace. Toute l'attention va à l'œuvre et à l'écosystème social qui se construit autour.

L'objectif n'est pas la spéculation. C'est un terrain d'expérimentation sur la propriété, la curation collective et la patience — il faut des heures pour parcourir une seule toile.

03 / mécanique

Trois boucles imbriquées.

Le système repose sur trois mécaniques qui s'alimentent l'une l'autre.

01 — explorer

Naviguer la toile

Molette pour zoomer, clic droit + glisser pour panner. La grille s'affiche de manière adaptative pour conserver des perfs lisibles, jusqu'à 1px par parcelle.

02 — enchérir

Acquérir des parcelles

Sélection rectangulaire, prix dynamique selon la rareté visuelle (luminance, contraste local). Validation on-chain via wallet connecté.

03 — habiter

Discuter & signer

Chat global par toile, signatures visibles au survol des parcelles d'un même propriétaire, historique des transactions par cellule.

Le premier monochrome de l'histoire

AuteurVan Gogh
TitreThe Starry Night
Année1889
Estimation$10,000,000
Parcelles100,048
Vendues14,206
zoom · 17.4% col · 168, row · 142 sélection · 0

légende

non acquis
à vous
autres propriétaires
en vente
molette pour zoomer
clic-gauche + glisser
clic pour sélectionner
04 / chiffres

Les contraintes techniques.

Afficher 100 000+ cellules interactives à 60fps, avec sélection multiple, chat synchrone et transactions on-chain — le tout sans framerate qui s'écroule.

100 048
parcelles · toile 1
60 fps
rendu canvas garanti
~ 8 ms
latence chat (ws)
zoom adaptatif
05 / stack

Choix techniques.

Le défi central : faire cohabiter une grille de cent mille cellules individuellement adressables avec une couche temps-réel et une couche on-chain. La réponse a été de séparer chaque préoccupation dans une primitive dédiée.

  • rendu via Canvas 2D + tile cache
  • état grille en SharedArrayBuffer
  • chat WebSocket (rooms par toile)
  • wallet → signature off-chain, batch on-chain
  • i18n FR / EN, déploiement edge

technologies

React 18 TypeScript Canvas 2D WebSocket Solidity wagmi viem TailwindCSS Vite Cloudflare Workers Postgres Drizzle ORM

process

wireframes papier prototype perf art system wallet flow beta privée
VAN GOGH · STARRY NIGHT · 1889 VERMEER · GIRL WITH A PEARL EARRING · 1665 HOKUSAI · GREAT WAVE · 1831 MUNCH · THE SCREAM · 1893 KLIMT · THE KISS · 1908 VAN GOGH · STARRY NIGHT · 1889 VERMEER · GIRL WITH A PEARL EARRING · 1665 HOKUSAI · GREAT WAVE · 1831 MUNCH · THE SCREAM · 1893 KLIMT · THE KISS · 1908
06 / liens

Voir le projet en vrai.

Le site est en ligne et fonctionnel. La meilleure façon de juger un projet interactif, c'est encore de l'ouvrir.