Init FX Engine – Add Interactive Effects to Your WordPress Site

Version: 1.6 Tiếng Việt

Init FX Engine – Add Interactive Effects to Your WordPress Site
Init FX Engine brings your WordPress site to life with visual effects like fireworks, falling emojis, snow, and animated preloaders — all triggered automatically by keywords in comments or manually via shortcode. Perfect for blogs, communities, seasonal events, and celebrations.

Main Features

  • Trigger visual effects such as fireworks, emojis, heart rain… based on keywords found in comments.
  • Animated preloader with 6 built-in styles: Dot Dot Dot, Progress Bar, Logo Pulse, Flower Bloom, Spinner Rotate, Emoji Bounce — with background color and gradient support.
  • Automatically detects your site’s favicon for logo-based preloaders (Logo Pulse style).
  • Ambient particle effects using shortcodes — easily add to any page or section. See shortcode usage guide.
  • Snowfall effect automatically activates from Dec 20–31 or can be scheduled manually.
  • User-friendly settings page with live preview for each effect.
  • Flexible keyword configuration — no coding required.
  • Fast inline formatting using markers like *bold*, ~strikethrough~, _neon highlight_.
  • Optional grayscale mode for memorial or national mourning days, with manual or scheduled activation.
  • Multilingual support: English and Vietnamese.

How It Works

Once installed and activated, go to Settings > Init FX Engine in your WordPress admin. Each effect can be mapped to one or more keywords. For example, if a comment contains the word “congrats”, a firework effect will be automatically triggered when the comment is submitted.

You can also manually trigger effects in posts or page sections using shortcodes. More shortcode guides will be published soon.

Available Shortcodes

  • – Attach an effect to a clickable or hoverable text segment. For instance, you can create a “Celebrate!” button that triggers fireworks on click.
  • [init-fx-ambient] – Generate an animated particle background (bubbles, stars, connections…) with full customization. Useful for headers, banners, or full-section effects.

Snowfall Effect

One of the most popular features is the snowfall effect — great for Christmas or year-end holiday vibes. It automatically displays snow from December 20 to 31, or you can configure your own custom date range. Just enable it and let the engine handle the rest!

Installation Guide

  1. Download the plugin from this official page.
  2. Extract the ZIP and upload it to /wp-content/plugins/.
  3. In your WordPress admin, go to Plugins > Activate Init FX Engine.
  4. Go to Settings > Init FX Engine to begin configuring your effects.
Init FX Engine settings screen

Init FX Engine settings screen

Why Use Init FX Engine?

  • Make your site more dynamic, interactive, and joyful for visitors.
  • Encourage natural engagement through emotion-driven visuals.
  • Quick setup — no coding skills required.
  • Theme-independent — no override conflicts.
  • Highly extensible with planned future updates and new effect modules.

Support

If you have feedback, encounter issues, or want to suggest new effect ideas, feel free to leave a comment on this post. The plugin will continue to improve based on real-world usage and community needs.

Init FX Engine isn’t just another effect plugin — it’s a tool that transforms your WordPress site into a fun, interactive, and emotionally engaging experience. A “congrats” can turn into fireworks. A “haha” becomes a rain of emojis. It all starts from a single comment.

Credits

This plugin uses the following open-source libraries:

All libraries are MIT licensed and embedded locally for performance and security.

Review

5.0/5 (1)

Changelog

  • 1.6 – Advanced Snowfall Controls
    • New feature: Added fine-grained Snowfall controls including amount, size, fall speed, and opacity.
    • Visual balance: Snowfall rendering is now tuned to avoid clutter and content obstruction.
    • Performance optimization: Particle density is dynamically adjusted based on snow amount to prevent overdraw.
    • Stability: Applied strict value clamping and safe defaults to guard against misconfiguration.
    • Developer UX: Normalized Snowfall settings schema with full backward compatibility.
    • Frontend optimization: Only essential Snowfall parameters are exposed to JavaScript, reducing payload size.
    • Compatibility: Improved resilience when particles.js loads late or configuration is incomplete.
    • Internationalization: Added full i18n support for all new Snowfall settings and descriptions.
  • 1.5 – Homepage-only Snowfall
    • New Feature: Added Homepage-only Snowfall option to limit the snowfall effect to the homepage.
    • Display Scope Control: Easily switch between full-site snowfall and homepage-only mode.
    • Performance Optimization: Prevents loading snowfall scripts on non-homepage pages when homepage-only mode is enabled.
    • Theme Compatibility: Fully compatible with both is_front_page() and is_home() setups.
    • System Stability: Added guard logic to avoid incorrect enqueue contexts.
    • Developer UX: Extended settings schema and sanitize logic with the homepage_only flag.
  • 1.4 – Keyword Scanner Overhaul
    • Performance: Completely rebuilt the FX Keyword Scanner using a single-pass TreeWalker, drastically reducing DOM traversal on long or content-heavy pages.
    • Unified Regex Engine: Consolidated all keyword patterns into a single, length-sorted regex to prevent partial matches and improve accuracy.
    • Loop Safety: Added data-fx-keyword-processed guards to eliminate reprocessing loops and ensure clean, stable DOM output.
    • Event Delegation: Switched to a single delegated click listener for all a.fx-keyword links, reducing event overhead and boosting interaction responsiveness.
    • Developer Experience: Refactored the internal matching pipeline for better readability, debuggability, and future extensibility.
    • Compatibility: Improved keyword detection across multilingual content and mixed-format HTML structures.
  • 1.3 – Spoiler & Inline Power
    • New Option: Session-only Preloader — display loading screen only once per session.
    • New Option: Inline Formatting toggle — enable or disable parsing of inline markup (*bold*, `code`, etc.).
    • New Feature: Spoiler syntax ||content|| — hide any content (including images) behind a blurred container, click to reveal.
    • Internationalization: Spoiler overlay label (Tap to reveal) is now fully translatable via i18n.
    • CSS Optimization: Highlight and spoiler styles are injected only when needed.
    • Stability: Fixed duplicate content issue when parsing spoilers, ensuring clean DOM structure.
    • Accessibility: Added ARIA labels.
    • Developer UX: Extended sanitize and settings registration for new options (session_once, inlinefmt).
  • 1.2 – Critical Patch
    • Critical Fix: Resolved preloader flash/flicker issue during page load transitions.
    • Performance Boost: Eliminated race conditions in asset loading sequence, improved timing mechanism.
    • Enhanced Compatibility: Better support for themes without wp_body_open hook implementation.
    • System Stability: Fixed “Cannot read properties of null” errors in early script execution.
    • Code Quality: Refactored preloader mechanism to meet WordPress coding standards compliance.
    • User Experience: Implemented anti-flash CSS critical loading for smoother page transitions.
    • Developer UX: Improved error handling with graceful degradation and robust fallback mechanisms.
  • 1.1 – Thunderstrike
    • New Effects: Particle Burst, Text Typewriter, Floating Bubbles, Lightning Strike.
    • Advanced Triggers: Scroll-based activation, time-delayed sequences, user interaction tracking.
    • Enhanced Keywords: Phrase support, case-insensitive matching, bulk import/export.
    • Mobile Optimization: 40% better performance, responsive effect scaling across devices.
    • Developer API: Custom effect creation, debug mode, WordPress hooks support.
    • Bug Fixes: Fixed preloader race condition, improved Safari compatibility, optimized memory cleanup on unload.
  • 1.0 – Initial release of Init FX Engine
    • Added multiple visual effects: fireworks, emoji rain, heart rain, etc.
    • Effect system triggered by comment keywords
    • Shortcode for clickable/hoverable triggers
    • Shortcode for customizable particle backgrounds
    • Support for inline formatting using markers like *bold*, ~strike~, _highlight neon_
    • Scheduled snowfall feature (auto or custom)
    • Admin settings page with live preview
    • Optional grayscale mode for national or memorial events
    • Preloader with 6 built-in styles and auto favicon/logo detection
    • Multilingual support: English and Vietnamese
Made with in HCMC.

Comments


  • No comments yet.

Init Toolbox

Press Ctrl + \ on desktop, or swipe left anywhere on mobile.

Login