Genera partículas, cuerpos elásticos, colisiones y campos de gravedad interactivos en tiempo real con Canvas.
Genera partículas de neón que caen, rebotan en los bordes y chocan con Alpa. Haz clic o toca a Alpa y arrástralo para lanzarlo; su expresión y su bocadillo reaccionan a los golpes fuertes, al arrastre y al modo de gravedad. En gravedad cero, mantén pulsado el ratón para atraer las partículas cercanas.
Genera partículas, cuerpos elásticos, colisiones y campos de gravedad interactivos en tiempo real con Canvas. Úsala para trabajo diario, desarrollo, aprendizaje o comprobaciones rápidas.
Esta herramienta funciona en tu navegador. Antes de usar datos sensibles, comprueba que confías en tu dispositivo y navegador.
Esta es una caja de arena de física 2D que funciona en tu navegador y usa un canvas para simular en tiempo real partículas de neón brillantes y una gran partícula con la mascota Alpa. Puedes ajustar la gravedad y el rebote, cambiar entre modos de gravedad o agarrar a Alpa y lanzarlo por la pantalla para verlo rebotar en las paredes y apartar a las partículas. Sirve para desconectar un rato y también como demostración práctica de la aceleración de la gravedad, el coeficiente de restitución y las colisiones sencillas, sin instalar nada.
La fuerza gravitatoria va de 0 a 1,5 y el coeficiente de rebote de 0,1 a 1,0: cuanto más alto, más velocidad conserva un objeto tras chocar con una pared. La simulación aplica además una ligera resistencia del aire, así que incluso con 1,0 todo acaba deteniéndose. «Añadir 20 partículas» suelta 20 partículas en la parte superior de la pantalla. Se mantienen como máximo 400 y, al superar esa cifra, se eliminan las más antiguas. El botón de limpiar las borra todas a la vez. Pulsa y arrastra a Alpa con el ratón o el dedo y suéltalo para lanzarlo.
Hay cuatro modos de gravedad. El normal funciona como la gravedad terrestre. «Gravedad cero» la desactiva y, mientras mantienes pulsado el ratón, atrae hacia el puntero las partículas que estén a unos 300 píxeles. «Agujero negro central» arrastra a Alpa hacia el centro de la pantalla mientras todas las partículas son atraídas hacia Alpa; la fuerza depende del control de gravedad, así que en 0 no hay atracción. «Control por giroscopio» hace que la gravedad siga la inclinación del teléfono, y en iPhone primero se te pedirá permiso.
Para funcionar con fluidez en móviles, las partículas pequeñas solo chocan con Alpa y con los bordes de la pantalla, no entre sí. La física avanza a un ritmo fijo de 60 pasos por segundo, de modo que la velocidad es la misma en pantallas con distinta frecuencia de refresco, y el panel muestra en directo los fotogramas por segundo, el número de partículas y la velocidad de Alpa. Cuando Alpa se estrella contra una pared, cambia de expresión, suena un breve efecto y saltan algunas chispas; las estelas luminosas de las partículas son un efecto visual dibujado en el canvas. Toda la simulación se ejecuta en tu dispositivo y no recoge datos.
Para que cientos de partículas se muevan con fluidez en un móvil, la caja de arena solo calcula los choques de las partículas con Alpa y con los bordes de la pantalla. Comprobar cada partícula contra todas las demás haría crecer el cálculo con el cuadrado del número de partículas y provocaría tirones enseguida, así que las partículas se atraviesan unas a otras.
Este modo necesita un teléfono o una tableta con sensor de orientación; la mayoría de ordenadores de sobremesa y portátiles no lo tienen. En iPhone y iPad, al elegir este modo aparece una solicitud de permiso de movimiento y orientación que debes aceptar. Si la rechazaste antes, recarga la página e inténtalo de nuevo. Comprueba también que el control de gravedad no esté en 0.
La fuerza del agujero negro se multiplica por el valor del control de fuerza gravitatoria, así que en 0 no hay ninguna atracción. Mueve el control hacia la derecha y Alpa se verá arrastrado al centro de la pantalla mientras las partículas son atraídas hacia él; cuanto mayor sea el valor, más fuerte será la atracción.
No. Un rebote de 1,0 significa que no se pierde velocidad al chocar con una pared, pero la caja de arena también tiene una leve resistencia del aire que frena un poco todo en cada paso, así que los objetos acaban deteniéndose. Si quieres que reboten más tiempo, prueba a bajar un poco la gravedad.
Ver esta categoría: Diseño y color
Coloca puntos de anclaje, arrastra las manillas Bézier en un lienzo de 500×500 y obtén al instante el atributo d del trazado SVG y una regla CSS clip-path: path().
Coloca capturas de pantalla dentro de un elegante marco de navegador estilo macOS con sombra y fondo degradado, y descárgalas en PNG de alta resolución.
Diseña textos luminosos y letreros de neón personalizando colores, parpadeos y sombras con exportación de código CSS.
Extrae colores exactos píxel a píxel de cualquier imagen con lupa de alta precisión y genera la paleta dominante.
