Slider Revolution Mousetrap Add-On

Mousetrap Addon Guide

El addon de Mousetrap te permite crear efectos interactivos atractivos haciendo que cualquier capa siga al ratón en una diapositiva de Slider Revolution. También puedes reemplazar el puntero del ratón regular con un gráfico personalizado.

Getting Started

Para comenzar con el addon de Mousetrap, primero debes instalarlo y habilitarlo. Sigue los pasos de nuestra guía sobre cómo Navegar, Instalar y Habilitar Addons.

Una vez que el addon está habilitado, puedes activarlo en una capa seleccionándola y yendo a la pestaña de “Opciones de capa”. En la subsección de “Mouse Trap” puedes activar la opción de seguir al ratón. Puedes elegir diferentes configuraciones, como seguir el ratón sobre el slider, sobre la capa en sí misma o sobre otras capas sensoras designadas.

También puedes configurar la posición de la capa con respecto al ratón utilizando las opciones de “Mouse Trap Pointer Origin X” y “Mouse Trap Pointer Origin Y”. De forma predeterminada, la capa se alinea con la esquina superior izquierda del puntero del ratón, pero puedes ajustar estas opciones para centrar la capa o desplazar su posición en píxeles.

Mouse Trap Options

Todas las opciones de configuración de Mousetrap se encuentran en la pestaña “Opciones de capa”, en la subsección de “Mouse Trap”.

Mouse Trap Globals Panel

El panel de “Mouse Trap Globals” te permite configurar cómo se activa el seguimiento del ratón en la capa y cómo se posiciona la capa con respecto al ratón:

• Use: Esta opción determina qué activa el efecto de seguir al ratón del addon de Mousetrap. Puedes elegir entre diferentes configuraciones como seguir el ratón sobre el slider, sobre la capa en sí misma o sobre otras capas sensoras designadas.
• Layer Sensor: Si seleccionas la opción “Pointer over other Layer”, puedes designar una capa sensora sobre la cual el ratón debe pasar para activar el efecto de seguir al ratón. Esto te da la flexibilidad de controlar qué capas activan el comportamiento de seguir al ratón.

Mouse Trap Pointer Origin X/Y

Las opciones de “Mouse Trap Pointer Origin X” y “Mouse Trap Pointer Origin Y” te permiten ajustar dónde se posiciona la capa con respecto al ratón, en píxeles:

• X: Controla la posición horizontal de la capa. Los valores positivos desplazan la capa a la izquierda, y los valores negativos la desplazan a la derecha.
• Y: Controla la posición vertical de la capa. Los valores positivos desplazan la capa hacia arriba, y los valores negativos la desplazan hacia abajo.

Distance Limitations Panel

El panel de “Distance Limitations” se enfoca en agregar restricciones al movimiento de seguimiento del ratón:

• Hide Pointer: Esta opción te permite ocultar el puntero del ratón regular mientras el efecto de seguir al ratón de Mousetrap está activo.
• Block Axis X/Y: Estas opciones te permiten bloquear el movimiento en alguno de los ejes. Por ejemplo, si bloqueas el eje X, el movimiento se limitará solo al eje vertical, y viceversa.
• Move Radius: En esta opción puedes establecer una distancia máxima que la capa puede moverse, en cualquier dirección, desde su posición original. Si estableces el valor en 0px, no habrá límite de radio de movimiento.

Animations Panel

En el panel de “Animations” puedes agregar un retraso animado al movimiento de seguimiento del ratón de la capa:

• Speed: Establece la velocidad en milisegundos (ms) para agregar un retraso de hasta esa duración al movimiento de seguimiento del ratón. Esto hará que la capa siga al ratón con un pequeño retraso.
• Easing: Agrega efectos de variación de velocidad al movimiento de la capa. Puedes elegir entre diferentes efectos de easing para cambiar la velocidad de movimiento de forma estilizada.
• Custom Animations: Esta función te permite agregar rotación, escalado y cambios de opacidad personalizados al movimiento de la capa. Así, mientras el ratón se mueve, puedes hacer que la capa se incline de un lado a otro, crezca o se encoja y se desvanezca. Puedes configurar estas animaciones personalizadas en la caja de diálogo de “Custom Animations”.

Revert After Leaving Area Panel

El panel de “Revert After Leaving Area” te permite configurar si la capa debe volver a su posición original cuando el evento desencadenante ya no se cumple:

• Revert: Activa esta opción para que la capa regrese a su posición original cuando el ratón ya no esté sobre la capa.
• Speed: Por defecto, una capa que revierte volverá instantáneamente a su posición original. Sin embargo, si configuras la opción de velocidad, en milisegundos (ms), la capa se animará de regreso a su posición original.
• Easing: Al igual que en las opciones de animación, puedes agregar efectos de easing para variar la velocidad de la capa a medida que vuelve a su posición original.

En general, el addon de Mousetrap es una herramienta poderosa para crear efectos interactivos y visualmente atractivos en Slider Revolution. Experimenta con diferentes configuraciones y combinaciones para lograr el efecto deseado en tu diseño.