its work after

[amarkumarprajapati]

The issue was resolved after removing
remove -
''

act-three/drei"

[ajinkyap12]

Does your image is display in the editor which u are using because my editor gives error

[amarkumarprajapati]

yes because glb not supported by visual code

[ajinkyap12]

In which editor u are doing your project

[amarkumarprajapati]

vs code theme - jellyfish

[ajinkyap12]

I dont want the theme name I want Editor Name in which u have run the program

[amarkumarprajapati]

ok visual studio code

[ajinkyap12]

Then how to render the image

[amarkumarprajapati]

[ajinkyap12]

Can u help me what is wrong in this ..my background is not working and shirt color also

[amarkumarprajapati]

sure let me check

[amarkumarprajapati]

in store-index.js '

import { proxy } from 'valtio';

const state = proxy({
intro: true,
color: 'rgb(167,0,3)',
isLogoTexture: true,
isFullTexture: false,
logoDecal: './threejs.png',
fullDecal: './threejs.png',
});

export default state;

[ajinkyap12]

[amarkumarprajapati]

go to Backdrop.jsx

<RandomizedLight
amount={2}
radius={9}
intensity={0.55}
ambient={0.25}
position={[5, 5, -10]}
/>
<RandomizedLight
amount={4}
radius={5}
intensity={0.25}
ambient={0.55}
position={[-5, 5, -9]}
/>

adjsut- intensity={0.95}

[ajinkyap12]

It is working fine know..i have increased the body intensity .. one more thing what about the color..

And Thank you for the help

[amarkumarprajapati]

welcome

[ajinkyap12]

But i want to fix the shirt of the color also, otherwise its no problem i will also try to do this

[amarkumarprajapati]

I will try it

[jayjay2397]

Can u help me what is wrong in this ..my background is not working and shirt color also

HI, I have these presets for the backdrop.jsx

hopefully they help it fixed the shirt and back drop issue as well.

`const Backdrop = () => {
const shadows = useRef();

return (
<AccumulativeShadows
ref={shadows}
temporal={easing.expoInOut}
frames={60}
alphaTest={0.25}
scale={5}
rotation={[Math.PI / 2, 0, 0]}
position={[0, 0, -0.14]}

>
  <RandomizedLight 
    amount={4}
    radius={15}
    intensity={0.55}
    ambient={0.25}
    position={[10, 10, -15]}
  />
  <RandomizedLight 
    amount={4}
    radius={5}
    intensity={0.25}
    ambient={0.55}
    position={[-5, 5, -9]}
  />
</AccumulativeShadows>

)
}`

[amarkumarprajapati]

import React, { useRef } from 'react'
import { easing } from 'maath'
import { useFrame } from '@react-three/fiber'
import { AccumulativeShadows, RandomizedLight } from '@react-three/drei';

const Backdrop = () => {
const shadows = useRef();

return (
<AccumulativeShadows
ref={shadows}
temporal
frames={60}
alphaTest={0.85}
scae={10}
rotation={[Math.PI / 2, 0, 0]}
position={[0, 0, -0.14]}
>
<RandomizedLight
amount={2}
radius={9}
intensity={0.75}
ambient={0.25}
position={[5, 5, -10]}
/>
<RandomizedLight
amount={4}
radius={5}
intensity={0.25}
ambient={0.55}
position={[-5, 5, -9]}
/>

)
}

export default Backdrop
use this