Colored Background
Fills the background behind you with a color or a gradient. Say which colors you want, for example a pink to orange fade from top to bottom.
Replace, blur, recolor, or reshape the world behind and around you.
Made with this blockInputs
fillModeintControls the primary background rendering style.
2 values
- 0
- Solid Color (Applies a single uniform color using only the color1 input. All gradient settings and other colors are ignored).
- 1
- Gradient (Enables gradient rendering. This activates gradientMode to choose between a 2-color or 3-color gradient, and unlocks color2, color3, rotation, centerOffset, and displace).
gradientModeintDetermines the gradient complexity (Only active if fillMode is 1).
2 values
- 1
- Two Colors (Creates a linear gradient from color1 to color3).
- 2
- Three Colors (Creates a gradient from color1, passing through color2 in the center, and ending at color3).
color1vec4The primary color in R, G, B, A format. Range: 0.0 to 1.0 per channel. This color is always active. If fillMode is 0 (Solid Color), it acts as the sole background color. If fillMode is 1 (Gradient), it acts as the Start color for the transition.
color2vec4The center color in R, G, B, A format. Range: 0.0 to 1.0 per channel. Used exclusively as the middle transition color when fillMode is 1 (Gradient) and gradientMode is 2 (Three Colors). For Solid Color or Two-Color gradients, this input is ignored.
color3vec4The end color in R, G, B, A format. Range: 0.0 to 1.0 per channel. Active only when fillMode is 1 (Gradient). It serves as the final transition color for both Two Colors (gradientMode 1) and Three Colors (gradientMode 2). Ignore this input if fillMode is 0.
rotationfloatThe angle of the gradient flow in degrees, ranging from 0 to 360 where 0 and 360 are horizontal (left to right). The angle increases clockwise.
2 values
- 0
- Horizontal (Left to Right).
- 90
- Vertical (Top to Bottom). Note: This parameter has no effect if fillMode is 0 (Solid Color).
centerOffsetfloatShifts the midpoint of the color transition along the gradient axis (Range: -1.0 to 1.0). 0: Balanced center. Positive values push the transition towards the end. Negative values push the transition towards the start. Note: This parameter is ignored if fillMode is 0 (Solid Color).
displacefloatControls the intensity of UV distortion (Range: 0.0 to 1.0). Increasing this value adds a warped, fluid-like effect to the gradient fill. Set to 0 for a clean, straight gradient. Note: This parameter is ignored if fillMode is 0 (Solid Color).
More in Backgrounds & Environment
- Background ImagePuts a full screen image behind you, so you stay in front of a new place. Say where you want to be, for example a neon city street.
- Body ParallaxMoves the shape of your body over the background in a repeating drift, which adds a sense of depth. Choose how far it moves and how fast.
- Immersive MLCovers the whole camera view with a ready-made style that matches a theme you name. Ask for a theme, for example sci-fi or pencil art.
- Window CutoutCovers the screen with a picture that has shaped holes, so your face shows through. Say what the picture shows, and pick a heart, star, circle or rectangle.
