OscilloWave Extension ( Updated )

[github-actions]

Description

DESCRIPTION

OscilloWave is a JavaScript function that supports Amplitude, Frequency, Time and Speed parameters, allowing you to tweak the appearance of your banner. It does not require a condition since it only performs a single action. However, it must run every frame; otherwise, it won’t work. Additionally, you must provide values for all parameters, as there are no default values.

How to use the extension

USAGE

The OscilloWave function is primarily used for animated banners and UI interfaces, allowing you to create smooth oscillating effects. Some key use cases include:

Dynamic Banners – Add wave-like motion to text, images, or background elements for eye-catching visuals.
Interactive UI Components – Apply oscillations to buttons, headers, or icons to enhance user engagement.
Hover & Focus Effects – Introduce subtle movements when users interact with elements.
Background Animations – Create flowing, wavy backgrounds for modern and sleek UI designs.
Loading & Transition Effects – Make UI state changes more fluid and visually appealing.
Wavy Text – Easily create animated, flowing text effects, as shown in the example.

INSTALL
On the desktop version of GDevelop, click the button Import extension, next to "Create a new extension", to import an extension from a .json file.
Install new extensions - GDevelop documentation

Checklist

• I've followed all of the best practices.
• I confirm that this extension can be integrated to this GitHub repository, distributed and MIT licensed.
• I am aware that the extension may be updated by anyone, and do not need my explicit consent to do so.

What tier of review do you aim for your extension?

Community (Unreviewed)

Example file

OscilloWave Project.zip

Extension file

OscilloWave.zip

[D8H]

Thank you for submitting an extension.

Do you know about the ellipse movement extension? It does something similar but with more features and without using any JavaScript:

• https://wiki.gdevelop.io/gdevelop5/extensions/ellipse-movement/

[dagode]

Thank you for submitting an extension.

Do you know about the ellipse movement extension? It does something similar but with more features and without using any JavaScript:

• https://wiki.gdevelop.io/gdevelop5/extensions/ellipse-movement/

OscilloWave is more focused on creating smooth, wave-like animations specifically for UI elements. I designed it to be especially useful for things like dynamic text effects in menus, banners, and interactive UI components. The sinusoidal wave movement has an initial offset, and the intensity gradually increases, which works well for adding fluid, engaging animations to text or other UI elements.

While Ellipse Movement extension seems to be great for circular or arc-based movements.

[D8H]

This template does a sine on the plane by setting 1 radius to 0:

• https://gdevelop.io/game-example/free/tappy-plane
  

This is what I meant by more features: sine on 2 axes + ellipse movement. The features are also listed in the extension description, you should probably read it:

• https://wiki.gdevelop.io/gdevelop5/extensions/ellipse-movement/

[dagode]

This template does a sine on the plane by setting 1 radius to 0:

• https://gdevelop.io/game-example/free/tappy-plane
  

This is what I meant by more features: sine on 2 axes + ellipse movement. The features are also listed in the extension description, you should probably read it:

• https://wiki.gdevelop.io/gdevelop5/extensions/ellipse-movement/

Thanks for your feedback and the references!

I’ve just updated the extension and added a few more features (Offset, X/Y/Both movement, Time, Frequency, Speed, Modulation) to enhance UI customization. I understand the comparison with the Ellipse Movement extension, but my extension, OscilloWave, is focused on text animation and UI effects rather than platforming movement.

Unlike Ellipse Movement, which provides smooth elliptical motion (or a sinus wave if set up correctly), OscilloWave creates a modulated sine wave for more expressive, dynamic, and unpredictable motion. This makes it especially useful for wavy text effects, animated banners, and UI elements, rather than stable object movement.

[D8H]

Is the function you used widely known? What is its name?

dynamic, and unpredictable motion

Can't a noise function be used for this?

• https://wiki.gdevelop.io/gdevelop5/extensions/noise/

The 3D object shake extension uses noise:

• https://wiki.gdevelop.io/gdevelop5/extensions/shake-object3d/

Your extension asks users to run an action every frame. This is something that should be avoided as much as possible because it's not user-friendly. You should take a look at the above extension as it's similar to what you're trying to do but gives a way to run a duration with easing or start and stop manually.

[dagode]

Is the function you used widely known? What is its name?

dynamic, and unpredictable motion

Can't a noise function be used for this?

• https://wiki.gdevelop.io/gdevelop5/extensions/noise/

The 3D object shake extension uses noise:

• https://wiki.gdevelop.io/gdevelop5/extensions/shake-object3d/

Your extension asks users to run an action every frame. This is something that should be avoided as much as possible because it's not user-friendly. You should take a look at the above extension as it's similar to what you're trying to do but gives a way to run a duration with easing or start and stop manually.

Thanks for the feedback! I see the flaws in my current approach, and I agree that it’s not the most user-friendly solution. Given that, I’ve decided to remove this extension and focus on creating something new that’s more accessible and efficient for everyone to use.