Animated 3D backgrounds based on:
https://www.vantajs.com/

Sample App:
https://visualneo.com/tutorials/neobackgrounds/

Description

The neoBackgrounds plugin for VisualNEO Web provides a selection of animated, 3D backgrounds that enhance the visual appeal of applications by adding dynamic, interactive effects. Here are its primary features:

    • 3D Background Effects:
      • neoBackgrounds offers multiple 3D animated backgrounds, including:
        • Birds: Animated flock of birds, with customizable color, size, and quantity (neoBackgroundsBirds and neoBackgroundsBirdsAdvanced).
        • Fog: A 3D fog effect with customizable color gradients and opacity (neoBackgroundsFog).
        • Clouds: Realistic clouds, customizable in terms of color and speed (neoBackgroundsClouds and neoBackgroundsCloudsAdvanced).
        • Waves: Dynamic wave simulation with adjustable wave height, speed, and zoom (neoBackgroundsWaves).
        • Cells: Animated cellular patterns with color and speed options (neoBackgroundsCells).
        • Dots, Globe, Net, and Halo: Various particle and shape effects, each with unique customization options for colors, sizes, and movement.
    • Customizable Advanced Options:
      • Many of the background effects include advanced customization options, allowing developers to control specific attributes like size, speed, color gradients, and opacity. For example, neoBackgroundsNetAdvanced allows customization of net points, spacing, and maximum distance, while neoBackgroundsHaloAdvanced provides settings for halo color, size, and amplitude.
    • Application and Removal:
      • The plugin enables easy application of these animated backgrounds to specific container elements or across the app, providing flexibility for developers to choose which sections of their app utilize these effects. Additionally, neoBackgroundsDestroy allows removal of the background effect from any container when it is no longer needed.

neoBackgrounds is ideal for adding engaging, animated visuals to applications, particularly in apps where aesthetics and interactivity are essential, such as portfolios, landing pages, and interactive interfaces​​​.


neoBackgroundsFog

Purpose:

Add a 3D Fog background to a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsFog "objId"

 

objId

Select a Container object

 

neoBackgroundsFogAdvanced

Purpose:

Add a 3D Fog background to a Container with advanced options

Category:

neoBackgrounds

Syntax:

neoBackgroundsFogAdvanced "objId" "hColor" "mColor" "lColor" "bColor" theBlur theZoom theSpeed

 

objId

Select a Conatiner object

hColor

Hilight color (ie: #f5c335)

mColor

Midtone color (ie: #ff1f00)

lColor

Lowlight color (ie:#2d00ff)

bColor

Base color (ie: #ffebeb)

theBlur

Blur factor (0.0 - 1.0)

theZoom

Zoom (0.0 - 3.0)

theSpeed

Speed (0.0 - 5.0)

 

neoBackgroundsBirds

Purpose:

Add a 3D Birds background to a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsBirds "objId"

 

objId

Select a Container object

 

neoBackgroundsBirdsAdvanced

Purpose:

Add a 3D Birds background to a Container with advanced options

Category:

neoBackgrounds

Syntax:

neoBackgroundsBirdsAdvanced "objId" "theBgColor" "theColor1" "theColor2" theAlpha theBirdSize theQuantity

 

objId

Select a Container object

theBgColor

Background color (ie: #000000)

theColor1

Color 1 (ie:: #ff000000)

theColor2

Color 2 (ie: #00ff00)

theAlpha

Background opacity (0- 1)

theBirdSize

Bird size (0.5 - 4)

theQuantity

Quantity (1 - 7) Integer

 

neoBackgroundsClouds

Purpose:

Add a 3D Clouds background to a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsClouds "objId"

 

objId

Select a Container object

 

neoBackgroundsCloudsAdvanced

Purpose:

Add a 3D Clouds background to a Container with advanced options

Category:

neoBackgrounds

Syntax:

neoBackgroundsCloudsAdvanced "objId" "theBgColor" "theSkyColor" "theCloudColor" "theCloudShadowColor" "theSunColor" "theSunGlareColor" "theSunlightColor" theSpeed

 

objId

Select a Container object

theBgColor

Background color (ie: #000055)

theSkyColor

Sky color (ie: #68b8d7)

theCloudColor

Cloud color (ir: #adc1de)

theCloudShadowColor

Cloud shadow color (ie: #183550)

theSunColor

Sun color (ie: #ff9919)

theSunGlareColor

Sun glare color (ie: #ff6633)

theSunlightColor

Sun light color (ie: #ff9933)

theSpeed

Speed (0 - 5)

 

neoBackgroundsWaves

Purpose:

Add a 3D Waves background to a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsWaves "objId"

 

objId

Select a Container object

 

neoBackgroundsWavesAdvanced

Purpose:

Add a 3D Waves background to a Container with advanced options

Category:

neoBackgrounds

Syntax:

neoBackgroundsWavesAdvanced "objId" "theWaveColor" theShininess theWaveHeight theWaveSpeed theWaveZoom

 

objId

Select a Container object

theWaveColor

Waves color (ie: #000055)

theShininess

Shininess (0-150)

theWaveHeight

Wave height (0-40)

theWaveSpeed

Wave speed (0-2) Float

theWaveZoom

Zoom (0.5-2) Float

 

neoBackgroundsNet

Purpose:

Add a 3D Net background to a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsNet "objId"

 

objId

Select a Container object

 

neoBackgroundsNetAdvanced

Purpose:

Add a 3D Net background to a Container with advanced options

Category:

neoBackgrounds

Syntax:

neoBackgroundsNetAdvanced "objId" "theNetColor" "theNetBgColor" theNetPoints theNetMaxDistance theNetSpacing

 

objId

Select a Container object

theNetColor

Net color (ie:#ff00ff)

theNetBgColor

Net background color (ie: #000000)

theNetPoints

Points (1-20)

theNetMaxDistance

Max distance (10-40)

theNetSpacing

Spacing (10-20)

 

neoBackgroundsCells

Purpose:

Add a 3D Cells background to a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsCells "objId"

 

objId

Select a Container object

 

neoBackgroundsCellsAdvanced

Purpose:

Add a 3D Cells background to a Container with advanced options

Category:

neoBackgrounds

Syntax:

neoBackgroundsCellsAdvanced "objId" "theCellsColor1" "theCellsColor2" theCellsSize theCellsSpeed

 

objId

Select a Container object

theCellsColor1

Main color (ie: #44ffff)

theCellsColor2

Secondary color (ie #004455)

theCellsSize

Size (0.2 - 5) Float

theCellsSpeed

Speed Float (0-5) Float

 

neoBackgroundsGlobe

Purpose:

Add a 3D Globe background to a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsGlobe "objId"

 

objId

Select a Container object

 

neoBackgroundsGlobeAdvanced

Purpose:

Add a 3D Globe background to a Container with advanced options

Category:

neoBackgrounds

Syntax:

neoBackgroundsGlobeAdvanced "objId" "theGlobeBgColor" "theGlobeColor1" "theGlobeColor2" theGlobeSize

 

objId

Select a Container object

theGlobeBgColor

Background color (ie: #000000)

theGlobeColor1

Primary color (ie: #ff4488)

theGlobeColor2

Secondary color (ie: #ff99CC)

theGlobeSize

Size (0.5 - 2) Float

 

neoBackgroundsHalo

Purpose:

Add an animated Halo background to a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsHalo "objId"

 

objId

Select a Container object

 

neoBackgroundsHaloAdvanced

Purpose:

Add an animated Halo background to a Container with advanced options

Category:

neoBackgrounds

Syntax:

neoBackgroundsHaloAdvanced "objId" "theHaloBaseColor" "theHaloBgColor" theHaloAmplitude theHaloXOffset theHaloYOffset theHaloSize

 

objId

Select a Container object

theHaloBaseColor

Base color (ie: #1c1143)

theHaloBgColor

Background color (ie: #000000)

theHaloAmplitude

Amplitude (0 - 3) Float

theHaloXOffset

X Offset (-0.5 - 0.5) Float

theHaloYOffset

Y Offset (-0.5 - 0.5) Float

theHaloSize

Size (0.1 - 3) Float

 

neoBackgroundsDots

Purpose:

Add an animated Dots background to a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsDots "objId"

 

objId

Select a Container object

 

neoBackgroundsDotsAdvanced

Purpose:

Add an animated Dots background to a Container with advanced options

Category:

neoBackgrounds

Syntax:

neoBackgroundsDotsAdvanced "objId" "theDotsColor1" "theDotsColor2" "theDotsBgColor" theDotsSize theDotsSpacing

 

objId

Select a Container object

theDotsColor1

Color 1 (ie: #9bafd2)

theDotsColor2

Color 2 (ie: #369822)

theDotsBgColor

Background color (ie: #000000)

theDotsSize

Dots size (0.5 - 10) Float

theDotsSpacing

Dots spacing (5 - 100)

 

neoBackgroundsDestroy

Purpose:

Remove the neoBackground from a Container

Category:

neoBackgrounds

Syntax:

neoBackgroundsDestroy "objId"

 

objId

Select an Object Container

Created with the Personal Edition of HelpNDoc: Keep Your Sensitive PDFs Safe with These Easy Security Measures