![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
泛泛之素
君子不器
展开
-
Three.js 学习(2): 滚动效果+数据展示
看到了react-three-fiber作者展示的作品https://codesandbox.io/embed/r3f-moksha-f1ixt,心声敬佩,大呼卧草,就想能不能用这个套子做一个数据展示的东西,于是搞起。先看一下效果,虽然写的跟大佬的比就是shi,但是还是记录一下知识点:图表部分使用的是plotly1. 滚动实现通过滚动栏控制position的y通过offset和factor来控制各个block的位置,以及位置变更方向function Block({ children,原创 2020-09-08 17:37:32 · 1090 阅读 · 0 评论 -
Three.js 学习(1): react-three-fiber入门
要说Three.js要先提一下WebGl:WebGl是openGl的前端实现,Three.js是WebGl的进一步封装,react-three-fiber是Three.js进一步封装用于react.js前端架构。WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。1. react-three-fiber只用reactjs时更方便的使用threejs,有一些封装好的组建直原创 2020-09-07 21:08:07 · 6917 阅读 · 0 评论