Addifect -- WordPress 插件

Addifect

开发者	addifect
更新时间	2026年7月3日 15:38
PHP版本:	7.4 及以上
WordPress版本:	7.0
版权:	GPL-2.0-or-later
版权网址:	版权信息

下载

1.0.4

详情介绍:

View Video Demo | Go Pro — Lifetime Access | Browse the Vault Addifect is a real-time WebGL shader engine built natively for WordPress. It gives you a clean, simple workspace to place beautiful, interactive visual effects directly behind your content — without touching your existing page builder or writing a single line of code. Drop the Effect Block onto any page, pick your shaders, stack your layers, and publish. Your existing builder handles your text and images on top. Addifect handles everything underneath. Layer-Based Compositing Addifect is not a preset picker. It is a full layer-based shader compositor. Stack multiple effects together, blend them, and create outputs that no single preset could produce. Every effect follows the same core creative flow:

Art — choose your base (gradient, solid color, or a signature animated shader)
Displacement — apply a glass, wave, or texture distortion on top
Mask — shape and isolate the effect with pointer-reactive masks

Free accounts can stack up to 3 layers — exactly enough to complete one full, beautiful effect. Pro unlocks unlimited stacking. Free Core Shader Library Every Addifect install includes a full set of production-ready shaders: Procedural Art

Solid Color — Clean GPU-rendered solid backgrounds
Fluid Gradient — Smooth animated two-color gradient
Flame Wings — Flowing animated ribbon shader. The effect used on the Addifect hero. Composition
Image Layer — Place any image as a compositing layer Transitions
Wipe — Hard edge directional transition
Dissolve — Soft fade transition Displacement
Wave — Smooth sine-wave surface distortion
Ribbed Glass — Vertical refractive ribbing effect
Glass Pattern — Five real-life glass surface textures in one shader: Reed, Narrow Reed, Rain, Frost, Stippolyte
Texture Map — Displace using any image as a custom distortion map Masks — Geo (Vertex)
Radial — Circular vertex-level mask, pointer-reactive
Linear — Directional vertex-level mask, pointer-reactive Masks — Pix (Fragment)
Radial — Circular fragment-level mask, pointer-reactive
Linear — Directional fragment-level mask, pointer-reactive Pointer Effects
Realistic Water Pool — Cursor-driven fluid simulation with physically accurate water surface ripple Go Pro — Unlock the Full Engine Claim Your Founder License — $29 Lifetime

One payment. No subscriptions. No renewals. The best price Addifect will ever be.

Unlimited layer stacking and blending modes
Advanced glass shader library — real-life caustic, refractive, and animated glass surfaces
Advanced masking and sprite sheet animation engine
Import any custom AI-generated or hand-written GLSL shader
Full access to the Vault — our growing library of premium shaders and daily build guides
All future updates included, free forever

Price increases to $49 when founder seats are gone. AI Ready Addifect runs on AEL (Addifect Engine Language) — a clean, custom HTML format that keeps your site fast and your code readable. AEL is designed to work with AI tools like Claude or ChatGPT. Give an AI the prompt guide and it will generate valid custom shaders for you instantly — no math, no GLSL knowledge required. Works With Everything Addifect works alongside Elementor, Gutenberg, Bricks, Divi, Oxygen, and any WordPress theme. No conflicts. No rebuilding your site.

安装:

In your WordPress dashboard, go to Plugins > Add New.
Search for Addifect.
Click Install Now, then Activate.
The Addifect menu will appear in your dashboard sidebar. You are ready to build.

屏幕截图:

升级注意事项:

1.0.4 Initial public release. Includes the full core shader library, layer-based compositor, AEL engine, and the foundation for Pro Vault access and custom shader import.

常见问题:

How do I create and publish my first effect?

Follow these steps to build your first effect and attach it to your site: Step 1 — Create a Design Go to Addifect Designs in your dashboard sidebar. Click Add New Addifect Design, give it a name, and click Save and Publish. Step 2 — Open the Studio Go to the Addifect menu in your sidebar and click Launch Studio. Select the design post you just created and click Edit. Step 3 — Build Your Effect Inside the Studio, click the Effect button and create a new effect. Open the shader library, add your layers (Art → Displacement → Mask), and configure each one. When you are happy with the result, click Save Effect. Step 4 — Create a Part In the Studio top bar, click the + icon and select Part. Give your part a name. In the layer panel, click Root, then click +, select Add Inside, and choose Effect Wrapper Block. Select that new block, click its options, and assign the effect you just created. Step 5 — Deploy Click the Publish button in the bottom left vertical sidebar. Select your Part from the list and click Deploy. Step 6 — Attach to Your Page In your page builder or theme, select any element and add a custom attribute: data-addifect-block="your-part-id" Your effect is now live on your site at 60fps.

Does Addifect work with Elementor, Bricks, Gutenberg, or my custom theme?

Yes. Addifect works as an independent layer on top of your existing setup. Drop the Effect Block onto any page in any builder and your existing layout stays completely untouched.

Do I need to write any code?

No. The workspace is fully visual. Pick your shaders, stack your layers, adjust the settings, and publish. No code required at any step.

Can I use my own custom shaders?

Yes, with Pro. Pro users can import any custom shader. Use our Shader LLM Guide — copy and paste it into any AI tool like ChatGPT or Claude, describe the effect you want in plain English, and the AI will generate a valid shader instantly. No coding knowledge required.

Will Addifect slow down my website?

No. Addifect only loads on the specific elements you attach it to. There are no scripts loading across your entire site — just a lightweight WebGL engine firing exactly where you tell it to.

Does Addifect support SVG uploads?

Yes, but only when a security plugin such as Safe SVG is active on your site.

Where can I find the human-readable source code?

To comply with WordPress Guideline 4, the full un-minified source code is available here:

更新日志: