Three.js 第二部分：滚动效果与数据展示

阅读量：

注意到react-three-fiber的创作者在其作品https://codesandbox.io/embed/r3f-moksha-f1ixt，心声敬佩，大呼卧草，就想能不能用这个套子做一个数据展示的东中展示的内容后，产生了浓厚兴趣，随即开始尝试实践。

首先观察其呈现的效果，尽管与大师级作品相比仍有较大差距，但仍决定记录下所学到的相关知识要点：

数据可视化部分采用的是plotly库进行实现

在这里插入图片描述

1. 滚动实现

利用滚动栏调节position的y坐标
- 采用offset与factor参数来确定各block的具体位置及其移动方向

复制代码

    function Block({ children, offset, factor, ...props }) {
    const { offset: parentOffset, sectionHeight } = useBlock();
    const ref = useRef();
    offset = offset !== undefined ? offset : par

全部评论 (0)

还没有任何评论哟~