maptalks.three icon indicating copy to clipboard operation
maptalks.three copied to clipboard

A maptalks layer to render with three.js.

Results 45 maptalks.three issues
Sort by recently updated
recently updated
newest added

将threejs官网的例子[threejs体渲染](https://threejs.org/examples/webgl2_materials_texture3d.html)导入后旋转模型,发现模型内部抖动,同时在某些视角下模型边缘渲染错误。 ![2022-08-16 17-41-39 的屏幕截图](https://user-images.githubusercontent.com/72795168/184853656-16115796-e9e3-4ee6-9499-145f114c440e.png) 这种情况在threejs演示中没有出现。

![S%WDDK3KZO`U(CMX5(X)TKU](https://user-images.githubusercontent.com/67274693/178032058-577a23d0-bab7-454c-93f7-a180a28738ca.jpg) 触发方式:添加绑定了骨骼、带动画的模型,并缩小到人在地图上的实际大小,会触发,模型变成像素 但是同样绑骨、有动画的挖掘机模型是正常的,我猜想是因为人的动画会形变,挖掘机是固定的转动,那么带形变动画的就会触发。 我用Sketchfab上的模型https://sketchfab.com/3d-models/man-woman-walk-bbaa566445074509a32ef5059a9d0bc2 测试了各版本的threejs,排除了three版本和模型的问题,我想问题应该是在mtk.three里。

bug

![image](https://user-images.githubusercontent.com/67274693/184307119-6fed6dda-64bb-4de7-9ce6-28f6490ef575.png) ![image](https://user-images.githubusercontent.com/67274693/184307188-55954bf8-bac8-4ae3-aec6-44a34504354e.png) 左侧是three的材质球 ![image](https://user-images.githubusercontent.com/67274693/184308317-9a1a65a0-d9a7-47bd-8616-c1a951d56741.png) 贴图的repeat设置越高越模糊,但材质球不会变模糊,和场景里的公用一个材质,直接排除材质问题

bug

示例“bloom by GroupGLLayer”在我的台式机上是正常的,但是在笔记本上渲染出问题,笔记本:联想拯救者。 渲染问题如下: ![10e98d5e0bb1ea91b6fff55091086a99](https://user-images.githubusercontent.com/20768620/181669879-5d45bbf0-1c86-43fa-b7ae-8bb4ca778c3d.gif) 配置信息如下: ![image](https://user-images.githubusercontent.com/20768620/181669477-efb35cd9-943c-4d91-803d-71c924288434.png) ![image](https://user-images.githubusercontent.com/20768620/181669188-12b25a3d-d9a9-4d73-bdf6-a40e0080a26d.png) ![image](https://user-images.githubusercontent.com/20768620/181669586-d32ded30-8f7f-4e65-aef2-97f5e6ec2b18.png)

使用toPoints生成Mesh后,对mesh进行事件监听(比如mouseover,mouseout等),如果地图没有倾斜就一切正常,但是地图倾斜后,这些事件就无法正常监听到了,请问这个该怎么处理呢,谢谢~

bug

立面体(ExtrudePolygon)设置透明度后,与文本标注(Sprite)的深度关系等会出现异常(非透明情况下是正产的)。 希望作者有时间关注一下,谢谢啦! 1.关闭文本标注(Sprite)深度测试:立面体(toExtrudePolygon)有透明度时深度关系依然有效,无透明度时正常。 如图: 异常:(立面体有透明度) ![5e49a9e271020a33edd8e1ba2daab23a](https://user-images.githubusercontent.com/20768620/178444667-4cb44cd8-7345-484c-ad9e-23117cb217e3.gif) ![image](https://user-images.githubusercontent.com/20768620/179350726-e8e00a20-c07f-4a89-8aa0-ae57402bb7ac.png) 正常:(立面体无透明度) ![9274a4873bbbc492376dc8ecc2c54815](https://user-images.githubusercontent.com/20768620/178451289-173a00d5-1d10-49e6-a30b-cc0ccd74aa66.gif) ![image](https://user-images.githubusercontent.com/20768620/179350784-8ae0b3e3-bd1f-4569-903c-858c9d9528a9.png) 2.开启标注(Sprite)深度测试:立面体(toExtrudePolygon)有透明度时远处文本区域有黑斑(即:文本图片透明区域),无透明度时正常。 如图: ![image](https://user-images.githubusercontent.com/20768620/179350558-76888980-3144-41f7-b25d-bd3f600dc0ff.png) 测试样例: [index_test_polygon.zip](https://github.com/maptalks/maptalks.three/files/9125574/index_test_polygon.zip) (注:测试样例中的参数可能需要您自己根据上述情况修改一下参数,具体修改位置及参数见首行注释。) ![image](https://user-images.githubusercontent.com/20768620/179351163-a0f73c2a-f4ed-4323-a2a8-6b793e332de3.png)

请问什么时候能提供地图编辑功能,比如通过ThreeJS画道路,点击道路线,可以拖动道路线之类的编辑功能,谢谢。

通过raycaster获取到点击对象,添加如下画边框方法时无法生效,但是在原生three.js中可以给模型添加边框。 ```js setOutline = (selectedObjects, color = 0xFFFC00) => { const [w, h] = [window.innerWidth, window.innerHeight]; let composer = new EffectComposer(this.renderer); let renderPass = new RenderPass(this.scene, this.camera); let outlinePass =...

help wanted

https://workspace.easyv.cloud/shareScreen/eyJzY3JlZW5JZCI6OTU1MjAzfQ==?easyvCache=true ![image](https://user-images.githubusercontent.com/67274693/171083277-a1a8f7a6-918f-4088-9395-33523ea7f82c.png) 除了上边用css写了个滤镜,下面的地图上的也许使shader吧

help wanted

maptalks v0.44.2 maptalks.three.js:24 maptalks.registerWorkerAdapter is not defined,If you need to use ThreeVectorTileLayer,you can npm i maptalks@next,more https://github.com/maptalks/maptalks.js/tree/next define @ maptalks.three.js:24 (匿名) @ maptalks.three.js:46 (匿名) @ maptalks.three.js:9 (匿名) @ maptalks.three.js:10 maptalks.three.js:9600...