如何快速实现公众号文章弹幕效果
00 分钟
2016-12-23
2023-10-8
type
status
date
slug
summary
tags
category
icon
password
“弹幕”起源于日本,网友们在观看视频时发出的评论以飞行的形式横穿屏幕,当出现很多评论时,就会产生如同无数子弹横飞的效果,这种现象被称作“弹幕”。弹幕的使用人群多为90后、00后,最先是在动画、漫画、游戏视频网站流行起来,如今已不仅限于视频,许多公众号也在文章中也做成这种互动弹幕的形式。来增强内容的呈现形式。
微信公众号中添加弹幕效果的方法也有很多种,比如可以利用PPT动画+Gif截图的方式直接生成对应的弹幕动态图来模拟,但是在本文中,我将分享的是如何利用现有的免费排版工具,修改一些基础的代码来实现自定义的弹幕效果。

实现公众号弹幕效果准备工作

在公众号中实现弹幕效果需要准备一下几项: - 任何支持富文本编辑的HTML编辑器(i排版/UE编辑器等等); - 弹幕效果对应的文字效果(出现时长、字体类型、颜色); - 弹幕所需要的文字组合;

实现公众号弹幕效果的基本步骤

  1. 打开i排版网站;
  1. 点击弹幕选项卡;
  1. 选择第二项文字弹幕的样式;
  1. 调节对应的文字后,复制到微信公众号后台;

弹幕效果的参数说明

具体关于各参数的说明如下:
  • text的标签中,yx表示弹幕文字的起始坐标点,fill对应的是文字的颜色值,font-size对应的是文字的大小;
  • animate标签中,控制的是弹幕效果,attributename控制的是滚动方向,x表示水平方向,fromto就是从哪里滚动到哪里,然后begin是控制文字什么时间开始滚动,dur表示经过对应的时长后滚动到目的地;
增强内容呈现形式的方法还有很多,如果你也有好的案例和技巧,欢迎通过评论区告诉我。

评论