THREE.WebGLRenderer: Context Lost.

[Emmydapson]

immediately i rendered the backdrop into the cameraRig in the index.jsx file, my screen went blank and i get this errror, tried fixing it but still the same; below is how my index.js file looks like

import { Canvas } from '@react-three/fiber' import { Environment, Center } from '@react-three/drei';

import Shirt from './Shirt'; import Backdrop from './Backdrop'; import CameraRig from './CameraRig';

const CanvasModel = () => { return ( <Canvas shadows camera={{ position: [0, 0, 0], fov: 25 }} gl={{ preserveDrawingBuffer: true }} className="w-full max-w-full h-full transition-all ease-in"

  <CameraRig>
    <Backdrop />
    <Center>
      <Shirt />
    </Center>
  </CameraRig>
</Canvas>

) }

export default CanvasModel

[Emmydapson]

this errors

[dinobronx]

@Emmydapson, I saw this error. The issue is in Shirt.jsx, change map-anisotropy to mapAnisotropy.

[Emmydapson]

Thanks

ilori Emmanuel

On Sat, Nov 18, 2023, 11:41 PM Dianne @.***> wrote:

@Emmydapson https://github.com/Emmydapson, I saw this error. The issue is in Shirt.jsx, change map-anisotropy to mapAnisotropy.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_threejs_ai/issues/53#issuecomment-1817667654, or unsubscribe https://github.com/notifications/unsubscribe-auth/A6RCA6J4RY6FTFFI3GFJMZDYFE2S3AVCNFSM6AAAAAA63ALSY2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMJXGY3DONRVGQ . You are receiving this because you were mentioned.Message ID: @.***>

[Emmydapson]

@dinobronx thanks alot..it worked

[saarimshaikh]

Can anyone guide me through this solution? I'm also getting the same error. I'm a beginner

[Emmydapson]

Most of the projects naming system and structures have been updated, this was my error map-anisotropy to mapAnisotropy and also in when calling ur server in the client side, use post request and not get, while im the server side, u have to go to openai docs to look at the updated way to use thier api On Fri, Dec 1, 2023, 1:20 PM Saarim Shaikh @.***> wrote:

Can anyone guide me through this solution? I'm also getting the same error. I'm a beginner

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_threejs_ai/issues/53#issuecomment-1836029848, or unsubscribe https://github.com/notifications/unsubscribe-auth/A6RCA6ITOZXSDDZAFJCGTKDYHHDQPAVCNFSM6AAAAAA63ALSY2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZWGAZDSOBUHA . You are receiving this because you were mentioned.Message ID: @.***>

ilori Emmanuel

[Emmydapson]

The error map-anisotropy to mapAnisotropy is in the shirt.jsx file

ilori Emmanuel

On Fri, Dec 1, 2023, 1:20 PM Saarim Shaikh @.***> wrote:

Can anyone guide me through this solution? I'm also getting the same error. I'm a beginner

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_threejs_ai/issues/53#issuecomment-1836029848, or unsubscribe https://github.com/notifications/unsubscribe-auth/A6RCA6ITOZXSDDZAFJCGTKDYHHDQPAVCNFSM6AAAAAA63ALSY2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZWGAZDSOBUHA . You are receiving this because you were mentioned.Message ID: @.***>

[saarimshaikh]

I'm still getting the same, I've tried all the methods. If possible can you share your updated codes in reference of this error here? it would be helpful.

[Emmydapson]

Just go to my repo and check 3d model react project repo... you will see my codes there

ilori Emmanuel

On Fri, Dec 8, 2023, 12:59 PM Saarim Shaikh @.***> wrote:

I'm still getting the same, I've tried all the methods. If possible can you share your updated codes in reference of this error here? it would be helpful.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_threejs_ai/issues/53#issuecomment-1847055329, or unsubscribe https://github.com/notifications/unsubscribe-auth/A6RCA6MJJOPEE5LPCEN6AJTYIL6K3AVCNFSM6AAAAAA63ALSY2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQNBXGA2TKMZSHE . You are receiving this because you were mentioned.Message ID: @.***>