使用 PIXI.JS 复刻的原神史莱姆乐园活动私服 Demo

• Vue.js
• Pixi.js
• Pixi Spine
• GSAP(TweenMax)

• 主场景
• 装饰品
• 来访客人
• 史莱姆
• 雪山点击动画
• 动画 bug
• 优化体验

https://webstatic.mihoyo.com/ys/event/e20210122-slime/index.html

https://codepen.io/wabeshew/pen/XdbBdM

如何选取合适的前端动效方案？

webGL动画

H5场景小动画实现之PixiJs实战

Zainking/LearningPixi

pixijs/pixi-spine

TweenMax中文手册

本项目仅为学习 Pixi.js 和 Spine 骨骼动画编程所用

源码中包含的 Spine 动画资产版权为米哈游公司所有，不得出于商业目的或提供付费支持服务而复制或传播此出版物的任何部分，由此造成的一切后果本代码仓库建立者概不负责

yarn install

yarn serve

yarn build

yarn lint

See Configuration Reference.