将昨天de完bug的项目提交之后,意料之中地被组中大佬提出了两个优化点:一是模型要能自动跟随鼠标,二是模型能够被自由拖拽和放置,放置页面有功能点被遮挡。于是我又开始了我的漫漫现学现卖之路……
一、使用的环境和技术
Windows
VS Code
Live2D Cubism Editor 4.2
Live2D Cubism Viewer 4.2
vue
pixi-live2d-display
二、参考资料
【Live2D】PixiJS实现2D交互动画:【Live2D】PixiJS实现2D交互动画_手机游戏热门视频
【Live2d模型展示】公益模型:【Live2d模型展示】公益模型(结尾彩蛋)_哔哩哔哩_bilibili
三、自动跟随鼠标
1. 模型自查。
(1)按常理来说我已经使用了插件,应该能直接实现自动跟随才对,但考虑到我的live2D模型是我自己拆分自己做的,我担心会不会有什么设置点在live2D模型制作的时候漏了,于是我觉得先拉个别人同样使用这个插件但可以直接实现自动跟随的模型试试,排除变量。
拉取了一个别人的模型,还是不能自动跟随鼠标,说明可能是代码的问题,遂查找相关实现代码哪里出了问题。
(2)代码审查。