Skip to main content

Skybox / Backgrounds

info

By default the <FilamentView> renders the background transparent. So every pixel that has no content will be transparent.

The "background" of your scene can be controlled using a Skybox. Every pixel that has no content will then be filled with the skybox. The Skybox can be rendered from either:

🎨 A static color​

import { Skybox } from 'react-native-filament';

<Skybox colorInHex="#00ff00" />

🏞️ A cubemap texture​

function Scene() {
    const cubemap = require("./skybox_cubemap.ktx")

    return (
        <FilamentView>
            <Skybox source={cubemap} />
        </FilamentView>
    )
}