• Create dat.gui settings

    Example

    const { defaults } = useDatGuiSettings({
    name: 'GUI Folder',
    parent: guiParentFolder,
    data: {
    color: 0xff0000,
    intensity: 0.5,
    isVisible: true,
    },
    parameters: {
    color: { type: 'color' },
    intensity: { type: 'number', min: 0, max: 1, step: 0.1 },
    isVisible: { type: 'boolean' },
    },
    onChange(current) {
    console.log(defaults, current);
    },
    });

    Type Parameters

    Parameters

    Returns {
        current: T;
        defaults: T;
    }

    • current: T
    • defaults: T