Saltar al contenido

Sand: un simulador de arena hiperrealista para jugar en el navegador, y cómo funciona

abe ·

Sand es un juguete gratuito para el navegador que convierte la pantalla de tu móvil en una bandeja de arena que parece real. Te contamos cómo se juega, por qué se ve tan realista y qué lugar ocupa en la larga historia de los juegos de arena que cae.

Portada de VENO sobre Sand, simulador de arena: dos capturas inclinadas con una espiral de arena vertida y un canal en zigzag en arena oscura, con las palabras «Inclina y agita»

Sand es un simulador de arena gratuito que funciona en tu navegador web. Llena la pantalla con cientos de miles de granos diminutos que puedes empujar con el dedo, deslizar inclinando el móvil y esparcir con una sacudida. Está hecho con WebGL2 y JavaScript, y funciona en móviles, tabletas y ordenadores sin descargar nada.

No es un juego con niveles ni puntuación. Es un juguete digital tranquilo, algo así como un jardín zen de arena, y cuesta muchísimo soltarlo. A continuación verás cómo se juega, qué hace cada opción, algunos trucos para lograr dibujos más bonitos y un vistazo rápido a por qué se siente tan real.

Sand de un vistazo

Qué es Simulador de arena hiperrealista (juguete relajante, sin niveles)
Dónde jugar av.github.io/safe-sand en cualquier navegador moderno
Precio Gratis en la web
Dispositivos Móviles, tabletas y ordenadores
Controles en el móvil Arrastra para dibujar, inclina para deslizar, agita para esparcir
Controles en el ordenador Arrastra con el ratón para empujar, flechas o WASD para inclinar, mantén Espacio para agitar
Hecho con WebGL2 y JavaScript, con la simulación en el chip gráfico
Código fuente GitHub

Cómo jugar a Sand

Al abrir la página aparece una pequeña tarjeta de inicio. Eliges la arena, eliges qué hay «debajo» de ella y pulsas Pour (verter).

Tarjeta de inicio de Sand con cinco tipos de arena, River, Beach, Desert, Volcanic y Coral, tres fondos y el botón Pour

  1. Elige un tipo de arena: River, Beach, Desert, Volcanic o Coral (río, playa, desierto, volcánica y coral). Cada una tiene su propia mezcla de colores, desde la grava gris de río hasta la arena volcánica oscura y el coral pálido.
  2. Elige qué hay debajo de la arena: Light, Lock screen o Screen off (claro, pantalla de bloqueo o pantalla apagada). Esto cambia la superficie sobre la que reposan los granos.
  3. Pulsa Pour. En un iPhone, permite el acceso al movimiento cuando te lo pida; si no, inclinar no funcionará.
  4. Juega. Pasa el dedo por la arena para abrir un surco, inclina el móvil para que se deslice, agítalo para lanzar granos por todas partes o pon el móvil boca abajo y mira cómo cae la arena.

Arena de río recién vertida que forma una espiral suave sobre una superficie clara

En el ordenador usas el ratón en lugar del dedo, las flechas o WASD para inclinar la bandeja virtual y mantienes pulsado Espacio para agitarla. La arena reacciona igual, pero la versión para móvil es para la que la diseñó su creador, porque los sensores de movimiento hacen que la arena responda a tu mano de verdad.

Pantalla completa de verdad en el móvil

Las barras del navegador ocupan espacio. Para disfrutar del efecto completo, añade la página a la pantalla de inicio: Share → Add to Home Screen (Compartir → Añadir a pantalla de inicio) en iOS, o Install app (Instalar aplicación) en Android. Así se abre como una app, de borde a borde.

Por qué este simulador de arena parece tan real

La mayoría de los juegos de arena para navegador que quizá conozcas usan una cuadrícula: cada píxel es una «celda» que puede ser arena, agua o estar vacía, y unas reglas sencillas la mueven hacia abajo paso a paso. Ese estilo es genial para construir y mezclar, pero la arena parece hecha de píxeles. Sand toma otro camino e intenta imitar la arena real.

Un canal en zigzag dibujado con el dedo en una capa de arena gris de río, con granos amontonados en los bordes

Según la propia descripción del proyecto en GitHub:

  • Se simula cada grano. Entre unos 100 000 y 460 000 granos individuales se mueven a la vez en el chip gráfico (GPU).
  • Unidades reales. La simulación trabaja en milímetros con gravedad real (9,81 m/s²), así que la velocidad y el ligero retraso de la arena coinciden con lo que esperas de la arena de verdad.
  • Cada grano es distinto. Los granos tienen su propio tamaño, color mineral y fricción. Los granos sueltos ruedan y saltan, mientras que un montón grande se queda quieto hasta que inclinas más allá de su ángulo de reposo, la pendiente máxima que aguanta un montón antes de deslizarse.
  • Luz y sombra. La app crea un mapa de alturas de los montones en cada fotograma, lo que da pendientes, sombras propias y un sombreado suave en los pliegues. La dirección de la luz sigue la inclinación del móvil, así que las sombras se alargan y los granos de cuarzo brillan al moverte.
  • Sonido que sale de la propia arena. El siseo se genera con miles de pequeños chasquidos por segundo, según cuánta arena se esté moviendo de verdad. Los guijarros producen chasquidos más graves. Cuando nada se mueve, el silencio es total.

Arena volcánica oscura con un surco en zigzag muy marcado y granos más oscuros en los bordes del corte

Un detalle más demuestra hasta dónde llega el realismo: girar el móvil no mueve la imagen. La arena se queda fija al cristal, como lo haría la arena real en una bandeja.

Tipos de arena y fondos comparados

Tipo de arena Aspecto Ideal para
River Grava gris parda con piedrecitas Surcos profundos y nítidos
Beach Tono canela claro y cálido Dibujos suaves y tranquilos
Desert Granos rojo anaranjado Fuerte contraste de color sobre una superficie clara
Volcanic De gris oscuro a negro Líneas nítidas y sombras marcadas
Coral Muy pálida, casi blanca Remolinos sutiles y delicados

La opción «debajo de la arena» cambia la superficie sobre la que reposan los granos: Light, Lock screen o Screen off. Prueba cada una con el mismo tipo de arena para ver qué aspecto te gusta más.

Arena de coral pálida vertida en una espiral suelta sobre un fondo claro

7 trucos para dibujar mejor en la arena

  1. Vierte y espera un segundo. Deja que los granos se asienten antes de dibujar o tus líneas se volverán a rellenar.
  2. Dibuja despacio para bordes limpios. Un dedo lento deja un surco nítido con paredes bien definidas; un gesto rápido lanza la arena hacia los lados.
  3. Inclina poco. Inclina justo hasta el punto en que la arena empieza a moverse y luego vuelve a nivelar el móvil. Así puedes guiar dunas enteras.
  4. Agita para empezar de nuevo. Una sacudida fuerte reparte la arena en una capa nueva y uniforme para el siguiente dibujo.
  5. Elige arena volcánica para dibujar. La arena oscura sobre una superficie clara es la que mejor muestra líneas y sombras.
  6. Activa el sonido con auriculares. El audio sale de los granos en movimiento, así que notarás la diferencia entre un deslizamiento lento y una avalancha repentina.
  7. Revisa el Low Power Mode (modo de bajo consumo) si va a tirones. En iPhone, el modo de bajo consumo limita los navegadores a 30 fotogramas por segundo. La app lo detecta y no reduce la arena por ello, pero al desactivarlo recuperas la tasa de fotogramas completa.

Arena de río empujada hacia un lado de la pantalla tras inclinar el móvil, dejando una franja vacía al otro lado

Si va lento

La app ajusta la calidad por sí sola. Si los fotogramas van lentos durante dos segundos, primero baja la nitidez de la pantalla por etapas y solo después reduce el número de granos. Recuerda el nivel para tu próxima visita. Así, en un móvil antiguo o en un portátil sin un chip gráfico potente, la arena puede verse algo más suave, pero seguirá moviéndose con fluidez. Las capturas de este artículo se tomaron en un navegador de escritorio con gráficos por software, por eso algunas zonas se ven un poco pixeladas.

Breve historia de los juegos de arena que cae

Los juguetes de arena llevan unos veinte años triunfando en los navegadores:

  • 2005: un applet de Java en un blog japonés popularizó el género. Una versión ampliada posterior, el «Falling Sand Game», le dio nombre a todo el género.
  • 2007: Powder Game añadió la simulación de líquidos a la fórmula.
  • 2010: The Powder Toy llevó los líquidos y la gravedad newtoniana a los jugadores de escritorio.
  • 2019: Sandspiel demostró que un juguete de arena podía ir rápido en el navegador usando Rust compilado a WebAssembly y WebGL. Su creador explicó en su artículo que cada elemento sigue reglas muy simples en una cuadrícula; la gracia está en cómo interactúan los vecinos.
  • 2020: Noita, de Nolla Games, salió del acceso anticipado el 15 de octubre como un roguelite de acción en el que, en palabras del estudio, «cada píxel se simula físicamente».

Sand es otra rama de esa familia. En lugar de muchos elementos en una cuadrícula de píxeles, se centra en un solo material, granos reales medidos en milímetros, y en la sensación de sostener una bandeja entre las manos.

Qué pueden aprender los desarrolladores de juegos web

  • WebGL2 basta para simulaciones pesadas. Cientos de miles de partículas funcionan en una pestaña normal del navegador, sin necesidad de una app nativa.
  • Aprovecha los sensores. Inclinar y agitar mediante el movimiento del dispositivo hace que un juguete se sienta físico. Recuerda que iOS pide permiso, así que activa los sensores desde la pulsación de un botón.
  • Adapta la calidad, no la adivines. Mide el tiempo de cada fotograma, comprueba si el navegador simplemente limita los fotogramas por segundo, baja la calidad en pasos pequeños y recuerda el resultado.
  • El sonido debe seguir a la simulación. Un audio generado a partir de lo que de verdad se mueve suena más natural que una muestra en bucle.
  • Que sea fácil de alojar. El proyecto no tiene paso de compilación: cualquier servidor de archivos estáticos puede alojarlo.

Preguntas frecuentes

¿El simulador de arena Sand es gratis?

Sí. La versión web en av.github.io/safe-sand se juega gratis en el navegador, sin descargas ni cuenta.

¿Sand funciona en PC?

Sí. Arrastra con el ratón para empujar la arena, usa las flechas o WASD para inclinar y mantén Espacio para agitar. La versión para móvil se siente más natural porque usa los sensores de movimiento.

¿Por qué no funciona la inclinación en mi iPhone?

iOS necesita tu permiso para compartir los datos de movimiento con una página web. Pulsa Pour y permite el acceso al movimiento cuando aparezca el aviso.

¿Sand es un juego con niveles?

No. Es un juguete sandbox relajante. No hay puntuación, cronómetro ni objetivo; simplemente dibujas, inclinas y agitas.

¿Qué es un juego de arena que cae (falling-sand)?

Es un tipo de juego de simulación en el que muchas partículas pequeñas, como arena, agua o fuego, siguen reglas físicas sencillas e interactúan entre sí. Powder Game, The Powder Toy y Noita son ejemplos conocidos.

¿Cuántos granos simula Sand?

Su creador habla de entre unos 100 000 y 460 000 granos, según tu dispositivo.

Artículos relacionados

Cargando juego…

VENOGAME / PLAYBOOK

Mi arena

Guardado en este dispositivo. Sin cuenta.

Toca un corazón y crea tu colección de juegos.