Menu Backgroundslink

FancyMenu lets you set custom backgrounds for menus. You can use images, animated textures, slideshows, cubic panoramas, colors, browsers, videos, GLSL shaders and more.

Setting a Backgroundlink

In FancyMenu 3.9.0+, menu background customization happens directly from the layout editor context menu:

1. Open the layout editor.
2. Right-click the editor background.
3. Open Menu Backgrounds.
4. Enable and configure the background type(s) you want.

Common background types include:

• Vanilla
• Image
• Slideshow
• Cubic Panorama
• Color (HEX)
• Browser
• Video
• GLSL Shader
• Video [MCEF] (deprecated)
• and more..

The old Video [MCEF] background type is deprecated in FancyMenu 3.9.0. Use the new native Video background powered by Watermedia V3 for new layouts.

Removing the Custom Backgroundlink

Open Menu Backgrounds again and disable/remove the custom background type you no longer want. If no custom background type is active, the screen will fall back to its normal vanilla background behavior.

Stacking Backgroundslink

FancyMenu 3.9.0 allows multiple menu background types to be enabled in the same layout. Active backgrounds are rendered as a stack, so you can combine a base image or panorama with translucent overlays, browser layers, shader layers, parallax layers and other effects.

If you also have multiple layouts active, their background stacks can combine too. To sort layouts and make them show up in a specific order, right-click the editor background and click on Layout Index.

Transparent Backgroundslink

Since there is nothing behind backgrounds, it is not possible to make the background at the very bottom transparent, because that would result in graphical glitches, but it is absolutely possible to use transparency for stacked background setups, as long as the bottom one stays as full opacity. That way you can have translucent background layers on top of the bottom one.

To make a background image translucent, use an image editor of your choice.

Browser Backgroundslink

The Browser background type works like the Browser element, but fills the whole screen and is auto-focused. This is useful for fullscreen web content, local HTML pages, or web-video layers.

GLSL Shader Backgroundslink

The GLSL Shader background type renders custom GLSL shaders and supports Shadertoy-style shader authoring. See the GLSL Shader API page for supported uniforms and shader structure.