【文件属性】:
文件名称:typeMonkey.js:typeMonkey.js。抖音字说很火的文字动画
文件大小:7.01MB
文件格式:ZIP
更新时间:2021-05-11 21:38:14
JavaScript
typeMonkey.js
Demo
起步
# 开发模式。使用gulp。源文件位于/src目录下
npm run dev
# 打包模式。打包后文件位于/dist目录下
npm run build
前言
首先必须声明。我不喜欢抖音。不喜欢快手。
但这个世界不是你不喜欢就能改变的。所以我偶尔看看土味。
抖音快手中有一种视频。人声在念笑话或者鸡汤。视频里会跟随跳动出现一句一句话。如果你玩肯定见到过。
我查了一下。最初是用AE的typeMonkey制作的。后来字说APP做了个易用版。都挺不错的。
于是。机缘巧合之下。我也搜了一下好像没有web端实现的。那么。我来试试。
制作
构思
说起来产生这个想法已经很久了。我都忘记是从什么时候开始的。大概是发现身边的人都盯着抖音开始的吧。
功能大概就是:
文字一行一行跟随音频出现在页面水平垂直中心。
每行文字宽度始终固定为一个长度。超出缩小。不够则放大。过程中
【文件预览】:
typeMonkey.js-master
----package.json(1KB)
----gulpfile.js(7KB)
----LICENSE(1KB)
----package-lock.json(362KB)
----dist()
--------css()
--------loving()
--------editor()
--------img()
--------simple()
--------music()
--------index.html(3KB)
--------js()
--------rev()
----src()
--------css()
--------loving()
--------editor()
--------img()
--------tpls()
--------simple()
--------music()
--------index.html(745B)
--------js()
----.gitignore(1KB)
----.npmrc(144B)
----README.md(2KB)
----.gitattributes(66B)
----config.json(1KB)