Skip to content

cchlorine/Wish-Danmaku-Wall

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Online wish project

这是一个「许愿墙项目」,这里有个线上 DEMO 许愿墙。 后端部分由 @crab713,前端部分由 @cchlorine 完成。 后端技术栈为 Java + SpringBoot + Mysql,前端这边使用的是 Vue2.0 + Lottie + Axios。

为什么会「诞生」?

「疫情」反复发生,我在校园里待了两个月没有走出校园,我觉得很郁闷,那同理来说或许大家都很郁闷,那是否可以用某种方式来疏解一下郁闷? 以弹幕形式的「线上许愿墙」便应运而生,线下也会同步开展「现场许愿」。

关于技术(?)

其实本项目是一个很简单的「许愿墙」,用弹幕的形式呈现,UI 与 UX 方面还有很大可以改进的地方。 但是这个项目完成了我对 Lottie 的一个初步认识与使用,说实话这个项目原来是一个学弟在做,但是因为他课业繁忙与在 Lottie 内存泄漏的问题上,我接手了他。 最早,实现弹幕的方式是通过四个 infinite animationbarrage 实现的,动画结束了替换,这个方式会显得弹幕非常稀疏。 于是我参考了一个弹幕实现方案,完成到现在的样子,内存泄漏的问题主要为两个原因:(1)Lottie 直接操作传入的 animData;(2)每次更新弹幕没有 destroy 原来的 Lottie。

关于免责

本项目非盈利非商业,仅学习使用,如有任何侵权行为请联系,我会删除相应的资源。 对应的「字体」与「音频」需要自行寻找。

或许后面会对代码进行一个重新梳理,让这个项目变得更可「学习」,也会慢慢的讲本项目遇到的坑通过博文的方式给分享出来。

About

Yet another danmaku wall with slight different ux

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published