diff --git a/src/App/components/Nova.tsx b/src/App/components/Nova.tsx
index e2c2d880..267d45cc 100644
--- a/src/App/components/Nova.tsx
+++ b/src/App/components/Nova.tsx
@@ -74,6 +74,9 @@ export const AvatarNova: FC = () => {
style={{ background: 'rgb(9,20,26)' }}
fov={45}
cameraInitialDistance={CAMERA.CONTROLS.FULL_BODY.MAX_DISTANCE}
+ effects={{
+ ambientOcclusion: false
+ }}
>
diff --git a/src/components/Avatar/Avatar.component.tsx b/src/components/Avatar/Avatar.component.tsx
index ac5b8fb5..83342713 100644
--- a/src/components/Avatar/Avatar.component.tsx
+++ b/src/components/Avatar/Avatar.component.tsx
@@ -16,14 +16,14 @@ import { BaseCanvas } from 'src/components/BaseCanvas';
import { AnimationModel, HalfBodyModel, StaticModel, PoseModel, MultipleAnimationModel } from 'src/components/Models';
import { isValidFormat, triggerCallback } from 'src/services';
import { Dpr } from '@react-three/fiber';
-import { BrightnessContrast, EffectComposer, HueSaturation, SSAO, Vignette } from '@react-three/postprocessing';
+import { EffectComposer, HueSaturation, N8AO, Vignette } from '@react-three/postprocessing';
import { Provider, useSetAtom } from 'jotai';
import Capture, { CaptureType } from 'src/components/Capture/Capture.component';
import { Box, Background } from 'src/components/Background/Box/Box.component';
import { BackgroundColor } from 'src/components/Background';
import Loader from 'src/components/Loader';
import Bloom from 'src/components/Bloom/Bloom.component';
-import { BlendFunction } from 'postprocessing';
+
import Lights from 'src/components/Lights/Lights.component';
import { spawnState } from 'src/state/spawnAtom';
@@ -330,28 +330,15 @@ const Avatar: FC = ({
/>
{AvatarModel}
{children}
- {shadows && }
+ {shadows && }
{background?.src && }
{capture && }
{background?.color && }
{enablePostProcessing && (
-
+
<>
{effects?.ambientOcclusion && (
-
+
)}
{effects?.bloom && (
= ({
/>
)}
{effects?.vignette && }
-
+
>
diff --git a/src/components/Background/Box/Box.component.tsx b/src/components/Background/Box/Box.component.tsx
index 13f757f2..79b4d0a5 100644
--- a/src/components/Background/Box/Box.component.tsx
+++ b/src/components/Background/Box/Box.component.tsx
@@ -10,7 +10,7 @@ export const Box: FC = ({ src = '', ...baseProps }) => {
const texture = useLoader(TextureLoader, src);
return (
-
+
diff --git a/src/components/BaseCanvas/BaseCanvas.component.tsx b/src/components/BaseCanvas/BaseCanvas.component.tsx
index 7e9b1677..e4b1428c 100644
--- a/src/components/BaseCanvas/BaseCanvas.component.tsx
+++ b/src/components/BaseCanvas/BaseCanvas.component.tsx
@@ -22,18 +22,17 @@ export const BaseCanvas: FC = ({
fov = 50,
position = new Vector3(0, 0, 5),
style,
- dpr = [BASE_DPR * 0.5, 2],
+ dpr = [BASE_DPR * 0.5, BASE_DPR * 0.75],
className
}) => (