微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Deck.GL React 散点图图层动画

如何解决Deck.GL React 散点图图层动画

我一直在关注以下有关 Deck.GL 中自定义动画的教程,我已将其转换为 react 格式,并且可以显示所有内容,但似乎无法在动画期间正确更新图层 - 任何帮助将不胜感激!

animateLibraries 函数(第 114 行)成功创建了延迟因子和修改后的图层,但这些图层并未通过该过程进行渲染。因此,渲染的是动画进度值为 0 的原始图层 - 这意味着什么都不会显示

我已尝试更新状态但似乎无济于事 - 那么如何在其创建时正确渲染修改后的图层。

教程: https://peterbeshai.com/blog/2019-08-10-deckgl-point-animation/

代码沙盒: https://codesandbox.io/s/react-deckgl-animation-y9954?file=/src/scatterplot.jsx

谢谢

解决方法

强烈建议

基于 GPU 的数据过滤。你可以看看这个扩展DataFilterExtension。这是在 CPU 上过滤数据数组的替代方法,就像您的示例一样。

Livecode 示例。

虽然在某些层中有 limitations

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。