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