Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No support material transparent #66

Open
53356454 opened this issue Oct 31, 2023 · 2 comments
Open

No support material transparent #66

53356454 opened this issue Oct 31, 2023 · 2 comments
Labels
question Further information is requested

Comments

@53356454
Copy link

MapNode.ts, loadData function,
this.material.map = texture;
Adding the following code will trigger a bug
this.material.transparent = true;
After zooming out, the map will become invisible, and even after zooming in, it will become invisible。
map

Additionally, if there are two layers, one is the image layer and the other is the annotation layer, how can these two layers be stacked together?
Thanks

@tentone
Copy link
Owner

tentone commented Jan 8, 2024

Hello

This problems seems to be related with your camera frustum.

Please take a look at https://medium.com/@gopisaikrishna.vuta/exploring-cameras-in-three-js-32e268a6bebd

@tentone tentone added the question Further information is requested label Jan 8, 2024
@53356454
Copy link
Author

53356454 commented Jan 8, 2024

Thank you for your reply. I tested it on your example(https://tentone.github.io/geo-three/examples/providers.html). I only modified the source code MapNode.ts (loadData function add this.material.transparent = true;), nothing else changed. In theory, when zoomed in again, the camera's far and near cropping planes remain unchanged. You can test it. Thank you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

2 participants