achtenio-18:Ryan Achten的个人投资组合网站，使用React，Three.js和SVG过滤器

R / A投资组合网站 概述 这个投资组合网站的外观提供了对我最新项目的见解，以及有关我自己作为设计师和开发人员的信息。 该站点结合了我感兴趣的许多技术和过程； 即使用React，Three.js动画和SVG图像过滤器。 组件结构 投资组合站点是使用简单的React组件结构构建的。 由于数据结构和状态管理相当简单，因此不需要Redux等。 加载外部资源（例如图像和视频）所需的页面会在显示之前触发加载屏幕。 同样，许多页面都需要使用Three.js和SVG过滤器动画，这两个动画都被抽象为它们自己的组件。 登陆页面 着陆页显示了一个轮播（各种），该轮播在工作页面上容纳的不同案例研究之间进行转换。 Three.js动画 轮播的概念应用于旋转的八面体，案例研究产生的纹理每10秒过渡一次。 除了旋转八面体的网格外，还对纹理的UV坐标进行动画处理以创建万花筒效果。 工作页面 工作页面提供了一系列缩略