Skip to content

Releases: moghadam-pro/background-motion-wp-plugin

Release list

v1.3.1

v1.3.1 Latest
Latest

Choose a tag to compare

View all tags
@moghadam-pro moghadam-pro released this 13 Jun 17:27
v1.3.1
ea350ec

What's Changed

Bug Fixes

  • Fixed: Cursor dot & Influence ring had no effect
    wp_localize_script serialises PHP booleans as "1" or "" (empty string),
    not true JS true/false. The JS check !== undefined was always passing.
    Fixed by casting to (int) in PHP and comparing with == 1 in JS.

  • Fixed: Preview didn't match the live site
    The admin preview was computing pixel colors directly from RGB multiplier sliders,
    ignoring the pixel base color entirely. Both the preview canvas and the frontend
    script now use the same color formula.

New Features

  • Background color picker — choose the canvas fill color (default #000000)
  • Pixel base color picker — choose the base tint of pixel blocks (default #ffffff);
    RGB multiplier sliders now modulate this color instead of white
  • Style Debug Log — a live log panel below the preview detects common conflicts:
    • overflow: hidden on <body> or <html> (clips the fixed canvas)
    • Opaque background set on <body> (covers the canvas)
    • Non-negative z-index value (canvas may appear above content)
      Runs automatically on page load and on every settings change

Improvements

  • Number inputs widened from 58px to 74px — full value now visible
  • Color pickers wired to WP Color Picker API with live preview update on change
  • Frontend JS now explicitly uses parseInt / parseFloat on all config values
    to guard against string coercion from wp_localize_script

Files

  • background-motion-v1.3.1.zip — ready to install via WordPress plugin uploader
Assets 2
Loading

Background Motion v1.2.1 — Initial Release

Background Motion v1.2.1 — Initial Release

Choose a tag to compare

View all tags
@moghadam-pro moghadam-pro released this 13 Jun 14:49
v1.2.1
f4be99b

What's new

Initial public release of Background Motion — an interactive pixel displacement canvas effect for WordPress.

Features

  • Full-screen canvas layer with pixel grid displacement on mouse movement
  • Spring-based lerp animation for smooth, stretchy cell return
  • Live color preview in the settings panel (R/G/B multipliers + brightness)
  • Page targeting — all pages, front page only, or specific page IDs
  • Custom SVG icon in the WordPress root sidebar menu
  • Cursor dot and influence ring toggles
  • Pauses automatically on hidden tabs (Page Visibility API)
  • Debounced resize handler — grid rebuilds cleanly on viewport change
  • Zero dependencies — vanilla JS, no jQuery or external libraries

Settings

  • Cell size, influence radius, displacement strength, return speed (lerp)
  • R/G/B color multipliers with base brightness control
  • Alpha min/max for per-cell transparency variation
  • Z-index and canvas opacity controls

Requirements

  • WordPress 5.8+
  • PHP 7.4+
  • Any modern browser with Canvas 2D support

Files

  • background-motion.zip — ready to install via WordPress plugin uploader
Loading