Aller au contenu

Sand : un simulateur de sable hyperréaliste à jouer dans le navigateur, et comment il fonctionne

abe ·

Sand est un jouet gratuit pour navigateur qui transforme l’écran de votre téléphone en un plateau de sable plus vrai que nature. Voici comment y jouer, ce qui le rend si réaliste et sa place dans la longue histoire des jeux de sable qui tombe.

Couverture VENO de Sand, simulateur de sable : deux captures inclinées avec une spirale de sable versé et un canal en zigzag dans du sable sombre, avec les mots « Inclinez et secouez »

Sand est un simulateur de sable gratuit qui tourne dans votre navigateur web. Il remplit l’écran de centaines de milliers de grains minuscules que vous pouvez pousser du doigt, faire glisser en inclinant le téléphone et disperser d’une secousse. Il est développé en WebGL2 et JavaScript, et fonctionne sur téléphone, tablette et ordinateur, sans rien télécharger.

Ce n’est pas un jeu avec des niveaux ou un score. C’est un jouet numérique apaisant, un peu comme un jardin zen miniature, et on a étonnamment du mal à le lâcher. Vous trouverez ci-dessous comment y jouer, à quoi sert chaque option, quelques astuces pour de plus jolis motifs et un rapide aperçu de ce qui le rend si réaliste.

Sand en bref

Ce que c’est Simulateur de sable hyperréaliste (jouet relaxant, sans niveaux)
Où jouer av.github.io/safe-sand dans n’importe quel navigateur récent
Prix Gratuit sur le web
Appareils Téléphones, tablettes et ordinateurs
Commandes sur mobile Glisser pour dessiner, incliner pour faire couler, secouer pour disperser
Commandes sur ordinateur Glisser à la souris pour pousser, flèches ou WASD pour incliner, maintenir Espace pour secouer
Technologie WebGL2 et JavaScript, simulation sur la puce graphique
Code source GitHub

Comment jouer à Sand

À l’ouverture de la page, une petite carte de démarrage s’affiche. Vous choisissez le sable, ce qui se trouve « dessous », puis vous appuyez sur Pour (verser).

La carte de démarrage de Sand avec cinq types de sable, River, Beach, Desert, Volcanic et Coral, trois fonds et un bouton Pour

  1. Choisissez un type de sable : River, Beach, Desert, Volcanic ou Coral (rivière, plage, désert, volcanique, corail). Chacun a son propre mélange de couleurs, du gravier gris de rivière au sable volcanique sombre en passant par le corail pâle.
  2. Choisissez ce qui se trouve sous le sable : Light, Lock screen ou Screen off (clair, écran verrouillé ou écran éteint). Cela change la surface sur laquelle reposent les grains.
  3. Appuyez sur Pour. Sur iPhone, autorisez l’accès aux mouvements quand on vous le demande, sinon l’inclinaison ne fonctionnera pas.
  4. Jouez. Passez le doigt dans le sable pour creuser un sillon, inclinez le téléphone pour le faire glisser, secouez-le pour projeter des grains, ou retournez le téléphone face contre terre et regardez le sable tomber.

Du sable de rivière tout juste versé forme une douce spirale sur une surface claire

Sur ordinateur, vous utilisez la souris à la place du doigt, les flèches ou WASD pour incliner le plateau virtuel, et vous maintenez Espace pour le secouer. Le sable réagit de la même façon, mais c’est pour la version mobile que le créateur l’a conçu, car les capteurs de mouvement font réagir le sable à votre vraie main.

Obtenir un vrai plein écran sur mobile

Les barres du navigateur prennent de la place. Pour un effet complet, ajoutez la page à l’écran d’accueil : Share → Add to Home Screen (Partager → Sur l’écran d’accueil) sur iOS, ou Install app (Installer l’application) sur Android. Elle s’ouvre alors comme une appli, d’un bord à l’autre.

Pourquoi ce simulateur de sable paraît si réel

La plupart des jeux de sable pour navigateur que vous connaissez peut-être utilisent une grille : chaque pixel est une « cellule » qui peut être du sable, de l’eau ou du vide, et des règles simples la font descendre d’une case à la fois. Ce style est parfait pour construire et mélanger, mais le sable ressemble à des pixels. Sand prend une autre voie et cherche à imiter le vrai sable.

Un canal en zigzag tracé au doigt dans une couche de sable gris de rivière, avec des grains amassés sur les bords

D’après la description du projet sur GitHub :

  • Chaque grain est simulé. Environ 100 000 à 460 000 grains individuels se déplacent en même temps sur la puce graphique (GPU).
  • Des unités réelles. La simulation travaille en millimètres avec une gravité réelle (9,81 m/s²), si bien que la vitesse et le léger temps de retard du sable correspondent à ce qu’on attend du vrai.
  • Chaque grain est différent. Les grains ont leur propre taille, couleur minérale et friction. Les grains isolés roulent et sautillent, tandis qu’un gros tas reste en place jusqu’à ce que vous dépassiez son angle de talus naturel, la pente maximale qu’un tas peut tenir avant de glisser.
  • Lumière et ombre. L’appli calcule à chaque image une carte des hauteurs des tas, ce qui donne des pentes, des ombres propres et un ombrage doux dans les creux. La direction de la lumière suit l’inclinaison du téléphone : les ombres s’étirent et les grains de quartz scintillent quand vous bougez.
  • Un son qui vient du sable lui-même. Le chuintement est fait de milliers de petits clics par seconde, selon la quantité de sable réellement en mouvement. Les cailloux produisent des clics plus graves. Quand rien ne bouge, le silence est total.

Sable volcanique sombre avec une rainure en zigzag bien nette et des grains plus foncés le long des bords

Un détail de plus montre jusqu’où va le réalisme : faire pivoter le téléphone ne fait pas tourner l’image. Le sable reste fixé à la vitre, comme du vrai sable dans un plateau.

Types de sable et fonds comparés

Type de sable Aspect Idéal pour
River Gravier gris-brun avec de petits cailloux Sillons profonds et nets
Beach Beige clair et chaud Motifs doux et calmes
Desert Grains rouge orangé Fort contraste de couleur sur une surface claire
Volcanic Gris foncé à noir Lignes nettes et ombres marquées
Coral Très pâle, presque blanc Volutes subtiles et délicates

L’option « sous le sable » change la surface sur laquelle reposent les grains : Light, Lock screen ou Screen off. Essayez chacune avec le même type de sable pour voir le rendu que vous préférez.

Sable de corail pâle versé en une spirale lâche sur un fond clair

7 astuces pour de plus beaux motifs de sable

  1. Versez, puis attendez une seconde. Laissez les grains se poser avant de dessiner, sinon vos lignes se rempliront à nouveau.
  2. Dessinez lentement pour des bords nets. Un doigt lent laisse un sillon net aux parois propres ; un geste rapide projette le sable sur les côtés.
  3. Inclinez peu. Inclinez juste au-delà du point où le sable commence à bouger, puis remettez le téléphone à plat. Vous pouvez ainsi guider des dunes entières.
  4. Secouez pour repartir de zéro. Une forte secousse étale le sable en une couche neuve et régulière pour le dessin suivant.
  5. Choisissez le sable volcanique pour dessiner. Un sable sombre sur une surface claire fait le mieux ressortir les lignes et les ombres.
  6. Activez le son avec un casque. L’audio vient des grains en mouvement : vous entendez la différence entre un glissement lent et une avalanche soudaine.
  7. Vérifiez le Low Power Mode (mode économie d’énergie) si ça saccade. Sur iPhone, ce mode limite les navigateurs à 30 images par seconde. L’appli le détecte et ne réduit pas le sable pour autant, mais le désactiver rend la fréquence d’images complète.

Du sable de rivière poussé d’un côté de l’écran après inclinaison, laissant une bande vide de l’autre côté

Si ça rame

L’appli ajuste la qualité toute seule. Si les images ralentissent pendant deux secondes, elle baisse d’abord la netteté de l’écran par paliers, et seulement ensuite le nombre de grains. Elle mémorise le niveau pour votre prochaine visite. Sur un vieux téléphone ou un portable sans puce graphique puissante, le sable peut donc paraître un peu plus flou, mais il restera fluide. Les captures de cet article ont été prises dans un navigateur de bureau avec un rendu graphique logiciel, d’où l’aspect un peu pixelisé de certaines zones.

Petite histoire des jeux de sable qui tombe

Les jouets de sable ont du succès dans les navigateurs depuis une vingtaine d’années :

  • 2005 : une applet Java sur un blog japonais a popularisé le genre. Une version enrichie plus tardive, le « Falling Sand Game », a donné son nom à tout le genre.
  • 2007 : Powder Game a ajouté la simulation des liquides à la formule.
  • 2010 : The Powder Toy a apporté les liquides et la gravité newtonienne aux joueurs sur ordinateur.
  • 2019 : Sandspiel a montré qu’un jouet de sable pouvait tourner vite dans le navigateur grâce à Rust compilé en WebAssembly et à WebGL. Son créateur a expliqué dans son article que chaque élément suit des règles très simples sur une grille ; le plaisir vient de la façon dont les voisins interagissent.
  • 2020 : Noita, de Nolla Games, est sorti de l’accès anticipé le 15 octobre : un roguelite d’action dans lequel, selon le studio, « chaque pixel est simulé physiquement ».

Sand est une autre branche de cette famille. Au lieu de nombreux éléments sur une grille de pixels, il se concentre sur une seule matière, de vrais grains mesurés en millimètres, et sur la sensation de tenir un plateau entre ses mains.

Ce que les développeurs de jeux web peuvent en retenir

  • WebGL2 suffit pour une simulation lourde. Des centaines de milliers de particules tournent dans un simple onglet de navigateur, sans appli native.
  • Exploitez les capteurs. Incliner et secouer grâce aux mouvements de l’appareil rend un jouet plus physique. N’oubliez pas qu’iOS demande une autorisation : lancez les capteurs depuis l’appui sur un bouton.
  • Adaptez la qualité, ne la devinez pas. Mesurez le temps par image, vérifiez si le navigateur plafonne simplement la fréquence d’images, puis baissez la qualité par petits paliers et mémorisez le résultat.
  • Le son doit suivre la simulation. Un audio généré à partir de ce qui bouge vraiment sonne plus naturel qu’un échantillon en boucle.
  • Restez simple à héberger. Le projet n’a pas d’étape de build : n’importe quel serveur de fichiers statiques peut l’héberger.

FAQ

Le simulateur de sable Sand est-il gratuit ?

Oui. La version web sur av.github.io/safe-sand se joue gratuitement dans le navigateur, sans téléchargement ni compte.

Sand fonctionne-t-il sur PC ?

Oui. Glissez à la souris pour pousser le sable, utilisez les flèches ou WASD pour incliner et maintenez Espace pour secouer. La version mobile est plus naturelle car elle utilise les capteurs de mouvement.

Pourquoi l’inclinaison ne marche pas sur mon iPhone ?

iOS a besoin de votre autorisation pour partager les données de mouvement avec une page web. Appuyez sur Pour et autorisez l’accès aux mouvements quand la demande s’affiche.

Sand est-il un jeu avec des niveaux ?

Non. C’est un jouet bac à sable relaxant. Il n’y a ni score, ni chrono, ni objectif : vous dessinez, inclinez et secouez, tout simplement.

C’est quoi un jeu de sable qui tombe (falling-sand) ?

C’est un type de jeu de simulation où de nombreuses petites particules, comme du sable, de l’eau ou du feu, suivent des règles physiques simples et interagissent entre elles. Powder Game, The Powder Toy et Noita en sont des exemples connus.

Combien de grains Sand simule-t-il ?

Son créateur annonce environ 100 000 à 460 000 grains, selon votre appareil.

Articles associés

Chargement du jeu…

VENOGAME / PLAYBOOK

Mon arène

Sur cet appareil. Aucun compte requis.

Touchez un cœur pour créer votre collection.