webgl-earth | WebGL Earth experiment | Graphics library

Three.js renders a black scene because of texture loading.

I am using three.js inside an angular component (angular version 8).

I was trying to follow an old three.js tutorial on rendering Earth in WebGL which used now deprecated THREE.ImageUtils.loadTexture() to load a texture for mesh material map.

It didn't work for me, so I tried using modern THREE.TextureLoader().load(). However, for some reason, it never acted upon its callback.

So I tried using THREE.TextureLoader().load() paired with THREE.LoadingManager(). While THREE.LoadingManager()'s callback seems to work, it still produces only a black scene with some light.

While I'm new at using three.js, to me it seems that my code:

1. Does include light
2. Does seem to render not only once
3. Doesn't throw any errors to console

Code:

In my component.html: