【问题标题】:Deck.GL React Scatterplot Layer animationDeck.GL React 散点图图层动画
【发布时间】:2020-12-23 18:54:31
【问题描述】:

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

函数 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

谢谢

【问题讨论】:

  • 能否请您添加有关该问题的更多详细信息?也许您怀疑可能是代码中的哪个位置以及任何尝试的解决方案。

标签: reactjs animation deck.gl


【解决方案1】:
强烈推荐

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

Livecode 示例。

虽然在某些层中有limitations

【讨论】:

    猜你喜欢
    • 2019-12-28
    • 2021-05-22
    • 2021-03-05
    • 2021-11-05
    • 1970-01-01
    • 1970-01-01
    • 2012-03-13
    • 1970-01-01
    相关资源
    最近更新 更多