Open RasyiidWho opened 3 years ago
@RasyiidWho thanks for reaching out.
I have been using that example last time and didn't worked out. When I try to display directionalLight
using alert, it's shows undefined
means that globe aren't rendered yet. So I looked up to the code and increasing waiting time in setTimeout
to 1000, from
this
setTimeout(() => { // wait for scene to be populated (asynchronously)
const directionalLight = world.scene().children.find(obj3d => obj3d.type === 'DirectionalLight');
directionalLight && directionalLight.position.set(1, 1, 1); // change light position to see the specularMap's effect
alert(directionalLight);
});
into this
setTimeout(() => { // wait for scene to be populated (asynchronously)
const directionalLight = world.scene().children.find(obj3d => obj3d.type === 'DirectionalLight');
directionalLight && directionalLight.position.set(1, 1, 1); // change light position to see the specularMap's effect
alert(directionalLight);
}, 1000); // <- HERE
And viola, now it's worked like a charm.. But I have the problem here, that globe now got "darker" than original globeImageUrl which I already use #FFFFFF (white) for the background, but when it rendered into globe, background image turns into #BBBBBB.
@RasyiidWho perhaps you can add a directional light underneath the globe to illuminate that hemisphere, instead of removing the existing one above the north pole.
Trying using directionalLight, but it's gives me plain white on all side both water (#FFFFFF) and continent area (#B7B7B7)
But the weird things is, except from that white to grey color, other color aren't really affected..
@RasyiidWho hey did you ever find a solution to the image darkening? I'm having the same issue w/a white background image getting shaded w/o the highlight.
to anyone looking to brighten up the globe when you remove the shadow -- you can set the AmbientLight
child property intensity
to greater than 1
, similar to how you set the DirectionalLight
.
Hi,
Thanks for developing this easy-to-use component..
I'm trying to make grey-white globe something like this, I've already edited image to make it look grey-white here, but when I implement it using
.globeImageUrl()
, it turns that globe model have some shine/shadow effect here's the screenshot. Tried usingglobeMaterial.shininess = 0
,globeMaterial.clipShadows = false
, andglobeMaterial.fog = false
but nothing seems really worked.Again, I'm really appreciate for your work, I really want to contribute anything to this project but instead I'm asking this silly question. Best wishes and have a nice day for devs and everyone!