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

renderer antialias is not work #205

Closed
skypan opened this issue Feb 23, 2021 · 6 comments
Closed

renderer antialias is not work #205

skypan opened this issue Feb 23, 2021 · 6 comments
Labels
❓ question Further information is requested

Comments

@skypan
Copy link

skypan commented Feb 23, 2021

Threebox version:
2.2.0

Question

i use the geojson to draw building, but the buildings's effect is not good, the effect of antialia is serious
webglrenderer options is below :
this.renderer = new THREE.WebGLRenderer({
alpha: true,
antialias: true,
preserveDrawingBuffer: options.preserveDrawingBuffer,
canvas: map.getCanvas(),
context: glContext
});
can you help me for it , thank you very much
截图录屏_选择区域_20210223170926
截图录屏_选择区域_20210223172415

@skypan skypan added the ❓ question Further information is requested label Feb 23, 2021
@skypan
Copy link
Author

skypan commented Feb 23, 2021

this is my building.json and texture
material

build1.zip

@jscastro76
Copy link
Owner

What method are you using to create the buildings?

@skypan
Copy link
Author

skypan commented Feb 23, 2021

i found the example of 01-basic.html is not good,antialias is not work
截图录屏_选择区域_20210223181021
but i use the 106 of threejs version is good, that's is why
截图录屏_选择区域_20210223193059

@skypan
Copy link
Author

skypan commented Feb 23, 2021

only use threejs to draw box is good, but in threebox , the effect is not good,the theejs version is same
截图录屏_选择区域_20210223204353

@jscastro76
Copy link
Owner

Not sure what's the issue you're facing because you don't add code, browser version, you're comparing with Three v.106 when in Threebox is used v.117. As you can see the render of 01-basic looks like this in my browser right now
image

@skypan
Copy link
Author

skypan commented Feb 24, 2021

i haved solve it , the map must set antialias = true
the code is :
var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/dark-v9', center: origin, zoom: 17, pitch: 60, // 开启抗锯齿 antialias: true });
thank you very much again

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