Home >> Móvil >> Consejos y trucos >> Androide

Widget animado en Zooper: hojas que caen según el nivel de batería (y otros trucos con variables)

Mueve elementos gráficos en Zooper vinculándolos a variables del sistema

Aprende a disfrazar datos (batería, temperatura, etc.) detrás de animaciones elegantes. Ejemplo: una hoja que cae del árbol a medida que baja la batería. Basado en el widget circular del tutorial principiante de Zooper.

Requisitos

  • Zooper Widget (gratis) o Zooper Widget Pro (2,49 €).

1. Preparar el elemento bitmap (la hoja)

  1. Crea widget Zooper en pantalla → añade elemento Mapa de bits (tu imagen hoja).
  2. Ajusta tamaño y colócalo en posición inicial (ej. sobre el árbol). Anota X Offset e Y Offset iniciales.
  3. Muévelo a posición final (suelo). Anota nuevos offsets.

2. Matemáticas: vincular Y Offset a nivel de batería (0-100%)

En mi caso, X no cambia (caída vertical). Y recorre 200 px (0→200). Batería 100% → Y=0; 0% → Y=200. Cada 1% batería = 2 px.

Fórmula: (100 - #BLEVN#) * 2

  • #BLEVN# = variable integrada nivel batería (0-100).
  • Resultado: Y Offset dinámico.

3. Aplicar en Parámetros Avanzados del elemento

  1. Edita elemento hoja → Parámetros avanzados.
  2. En Y Offset pega: [oy] (100 - #BLEVN#) * 2 [/oy].
  3. Guardar (check) → Atrás → cierra Zooper.

Prueba: la hoja sube/baja con la batería. Nota: 0% batería casi nunca se alcanza, así que la hoja nunca tocará suelo real.

4. Refinamientos: posición y velocidad personalizadas

Quise que la hoja empiece más abajo (-40), no baje tanto (80) y caiga más lento (1.2 px/%). Nueva fórmula:

[oy] ((100 - #BLEVN#) * 1.2) - 40 [/oy]
  • Batería 100% → Y = -40 (un pelín arriba del árbol).
  • Batería 0% → Y = 80 (no llega al suelo).

5. Giro (rotación) al caer

Añade rotación dinámica en mismo elemento (Parámetros avanzados → Rotación):

[r] #BLEVN# * 3.6 [/r]

0% → 0°; 100% → 360° (vuelta completa). Puedes combinar varios bloques [oy]...[/oy] [r]...[/r] en el mismo campo (sin separadores).

Clave: múltiples bloques de código en un parámetro

En Parámetros Avanzados, escribe un bloque tras otro: [oy]...[/oy][r]...[/r]. Zooper los ejecuta en orden. Evita mandar dos comandos al mismo parámetro (el último gana).

La semana que viene

Herramienta física de productividad: conectar pendrive USB a Android (cable OTG). Mientras, ¿qué tal se te dio el widget animado? ¿Has creado una obra maestra?