project_threejs_ai icon indicating copy to clipboard operation
project_threejs_ai copied to clipboard

THREE.WebGLRenderer: Context Lost.

Open Emmydapson opened this issue 2 years ago • 9 comments

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" > <ambientLight intensity={0.5} /> <Environment preset="city" />

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

) }

export default CanvasModel

Emmydapson avatar Nov 02 '23 14:11 Emmydapson

Screenshot (58) Screenshot (59)

this errors

Emmydapson avatar Nov 02 '23 17:11 Emmydapson

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

dinobronx avatar Nov 18 '23 22:11 dinobronx

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 avatar Nov 19 '23 05:11 Emmydapson

@dinobronx thanks alot..it worked

Emmydapson avatar Nov 20 '23 11:11 Emmydapson

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

saarimshaikh avatar Dec 01 '23 12:12 saarimshaikh

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 avatar Dec 01 '23 13:12 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: @.***>

Emmydapson avatar Dec 01 '23 13:12 Emmydapson

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.

saarimshaikh avatar Dec 08 '23 11:12 saarimshaikh

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: @.***>

Emmydapson avatar Dec 08 '23 12:12 Emmydapson