1. @threlte/core
  2. Fog

@threlte/core

Fog

A <Fog> adds itself to the scene directly. The placement in the hierarchy is therefore unimportant as long as it's inside the <Canvas> component.

Import

Source

Github View Source Code

Package

NPM View Package

Related Docs


Example

<script>
  import { Fog } from '@threlte/core'
</script>

<Fog color={'#dddddd'} />

Properties

// optional
color: THREE.ColorRepresentation = 0xffffff
near: number | undefined = undefined
far: number | undefined = undefined

Bindings

fog: THREE.Fog

Previous <- Misc