Environmental Visual Effects

Transform your virtual spaces into cinematic experiences with sophisticated post-processing effects. These powerful visual enhancements go beyond basic 3D rendering to create atmospheric depth, emotional resonance, and professional-grade visual quality that captivates users and enhances brand perception.

setGrain

setGrain(params: object, [callback: Function])

Add film-like grain texture to create vintage, cinematic, or artistic atmospheres. Grain effects can make digital environments feel more organic and tactile, reducing the sterile appearance of perfect 3D renders.

Visual Impact: Creates texture and visual interest, reduces digital perfection, adds cinematic quality Best Use Cases: Vintage showrooms, artistic galleries, moody brand environments, retro product launches

Available options:

• isEnabled: boolean: state of the effect.
• intensity: number: intensity of the grain (0.0 to 1.0 recommended).
• isAnimated: boolean: whether grain moves dynamically or remains static.

api.setGrain({
  isEnabled: true,
  intensity: 0.3,
  isAnimated: true
}, function () {
  console.log('Cinematic grain effect enabled!');
});

---

setChromaticAberration

setChromaticAberration(params: object, [callback: Function])

Create lens-like color separation effects that simulate optical imperfections or add artistic flair. This effect separates colors at the edges of objects, creating rainbow-like fringes that can add drama or simulate camera lens characteristics.

Visual Impact: Adds optical realism, creates artistic color effects, simulates camera lens behavior Best Use Cases: Photography studios, tech product showcases, artistic installations, futuristic environments

Available options:

• isEnabled: boolean: state of the effect.
• aberrationAmount: number: strength of color separation (0.0 to 1.0).
• radialIntensity: number: how much the effect increases toward screen edges.
• direction: { x: number, y: number }: directional bias for the aberration effect.

api.setChromaticAberration({
  isEnabled: true,
  aberrationAmount: 0.2,
  radialIntensity: 0.5,
  direction: { x: 0.1, y: 0.1 }
}, function () {
  console.log('Chromatic aberration lens effect enabled!');
});

---

setBloom

setBloom(params: object, [callback: Function])

Create ethereal glowing effects that make bright areas radiate light, adding magical or high-tech atmospheres to your spaces. Bloom effects simulate how bright lights appear to glow and spread in real cameras and human vision.

Visual Impact: Creates magical glowing effects, enhances bright lighting, adds ethereal atmosphere Best Use Cases: Luxury showrooms, tech demonstrations, magical/fantasy themes, jewelry displays

Available options:

• isEnabled: boolean: state of the effect.
• threshold: number: brightness level where bloom begins (0.0 to 1.0).
• weight: number: intensity of the bloom effect.
• kernel: number: size of the bloom spread.
• scale: number: overall scale of the bloom effect.

api.setBloom({
  isEnabled: true,
  threshold: 0.8,
  weight: 0.4,
  kernel: 64,
  scale: 1.0
}, function () {
  console.log('Ethereal bloom lighting enabled!');
});

---

setColorize

setColorize(params: object, [callback: Function])

Apply color grading and tinting effects to establish mood, match brand colors, or create specific atmospheric conditions. This effect allows you to shift the overall color palette of your entire scene.

Visual Impact: Establishes mood through color, reinforces brand identity, creates time-of-day effects Best Use Cases: Brand-specific environments, mood-based storytelling, seasonal themes, artistic presentations

Available options:

• isEnabled: boolean: state of the effect.
• hue: number: color hue shift (-180 to 180 degrees).
• saturation: number: color intensity adjustment (-1.0 to 1.0).
• lightness: number: overall brightness adjustment (-1.0 to 1.0).

api.setColorize({
  isEnabled: true,
  hue: 15,        // Warm orange tint
  saturation: 0.2, // Slightly more vibrant
  lightness: 0.1   // Slightly brighter
}, function () {
  console.log('Brand color grading applied!');
});