[rz] Water Background *** UPD 2017-Nov-16 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Water Background *** UPD 2017-Nov-16 ***

Post by [RZ] »

[rz] Water Background v1.1

This extension adds an attractive animated (by mouse movements) water background style to almost any object.

Some features:

- Multiple target objects that share the same settings.
- Multiple instance support.
- Custom color and tranparency.
- Fixed size or proportionally to the target element.
- Advanced wave configuration for smoothness and size.
- HTML5 cross-browser with fallback degradation (currently, iOS and Android are not supported).
- Unobtrusive: does not interfere in other processes that rely on drag events.
- Lightweight: No jQuery and no extra dependencies.


HTML5
W3C compliant


* New in version 1.1

- Optional automatic waves mode.
- Three modes for the automatic waves calculation.
- Extended functionality to support optionally mouse movements, automatic waves and fallback modes.
- Wide range from calm to vibrant waves depending on depth and timing among other advanced parameters.
- Other minor code and smoothness improvements.


DEMO


How to use?

1. Design your page with its elements as you usually do.
2. Open the properties dialog and enter the parameters for the instance, such as color, transparency, height, etc. or leave them as by default.
3.a. For layers background: drag and drop an extension instance within the desired layer.
3.b. For page background: Drag and drop the extension instance in the page.
3.c. For other objects background: Enter the id of the object you want to have the background.
4. Preview or publish.

Enjoy!

(*) Based on a work by Stephen Burgess based on a script by Paul Lewis which was based on Yugo Nakamura's original -- it has been rewritten and optimized by [rz] especially for wb and without any scripts/dependencies.
Last edited by [RZ] on Thu Nov 16, 2017 9:33 pm, edited 1 time in total.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Water Background *** UPD 2017-Nov-16 ***

Post by [RZ] »

* New in version 1.1

- Optional automatic waves mode.
- Three modes for the automatic waves calculation.
- Extended functionality to support optionally mouse movements, automatic waves and fallback modes.
- Wide range from calm to vibrant waves depending on depth and timing among other advanced parameters.
- Other minor code and smoothness improvements.
Locked