前言 摸鱼时发现了这threejs实现的效果，从效果图中可以看出来，在滚动页面的时候，模型在进入不同的场景，或者说进入不同的页面，渲染模式改变了，下面我们一步一步拆解出这种效果是怎么实现的。。。

canvas识别路线，通过上传图片和参数的配置，确定两点坐标，识别出路线，api涉及到 Uint8ClampedArray和getImageData

在公司做B端都快做吐了，忙里偷闲做一些自己想做的效果，也是一种摸鱼，欢迎大家，收藏点赞关注，本文会着重介绍几款材质

最近丫丫回国掀起一股熊猫热，本人也没闲着，在查资料时候无意间发现 熊猫世界 的3D首页，心一痒痒，就扒了一下数据，刚好有模型，那索性按照熊猫世界的首页复刻一下； 本文没什么高的技术含量，完全觉得这个页

项目由threejs与vite开发，全部采用typescript语法开发，可迁移至自己的react、vue等项目中