Area-light-component doesn't seem to work properly with A-Frame v 0.7.0 and higher

[frederic-schwarz]

sample code

      <a-entity area-light="width: 10; height: 3; intensity: 100; color:#fff;"
                position="1.5 1.5 -10"
                rotation="0 -90 0">
      </a-entity>

using A-Frame 0.6.1

using A-Frame 0.7.1

• area-light is rotated incorrect
• area-light is not casting light

[AVGP]

A-Frame 0.6 is using Three r84 but there are changes to the THREE.RectAreaLight and THREE.RectAreaLightHelper.

Besides the difference in positioning, there's also a change in Three.js r85 from r84 that changes the material to THREE.LineBasicMaterial instead of a MeshBasicMaterial.

[eoinapplaud]

Hi AVGP

Could you please advise if it is possible to amend a file to have the area lighting work in aframe 7 and higher? Im bewildered by the engine of this stuff.

Thank you in advcance.

Eoin