Quiero agregar RectAreaLight a una escena three.js donde coloqué un objeto con MeshPhongMaterial; sin embargo, no hay reflejo de luz en los objetos. Encontré un ejemplo de trabajo aquí: Enlace
Puede ver el código fuente cuando abre las herramientas de desarrollo.
Así que traté de portarlo a React y la escena renderiza todos los objetos pero hay un reflejo de luz. En la línea 46 se lanzó el error OES_texture_half_float. Comenté estas líneas. Tal vez tenga algo que ver con esto.
Aquí están los códigos y la caja que no funcionan: Enlace
Hay un par de problemas en su código:
RectAreaLightUniformsLib y llamar a su método init() .RectAreaLight solo admite materiales PBR (es decir, MeshStandardMaterial y MeshPhysicalMaterial ).castShadow y receiveShadow no tendrá ningún efecto.Códigos fijos y caja: https://codesandbox.io/s/restless-cherry-4jh72