畅星官网这个项目,企业是做汽车车机的,现在车机看上去都比较未来科技了,都是整块连接的屏幕,当时立项时,客户老板对这个站点有很高的期望,他希望站点整体能体现出他们产品的高科技氛围感,特别是对动画和交互提出了很高的要求,并且需要PC和Mobile兼容,站点整体还是以展示为主,所以我才用了前端使用Nuxt 后段express的架构,前端使用单页,配合ssr在保留单页更好的用户交互体验的同时还保留了官网对于seo的诉求,动画采用animeJS完美的还原了设计师的动画期望,最后得到了包括客户的客户在内的一致认可。
技术选型:特别是动画框架选择,当时还走了点弯路,一开始用了基于canvas的动画框架,最后发现有很多兼容性问题,最后选择animeJS即满足了需求,兼容性也完美。
核心动画JS设计和撰写