FlashAni

KO | EN

gitlite — search

#python #typescript #deep-learning #linux #docker #macos #nodejs #awesome #vue #pytorch #security #ios #openai #open-source

(★ 101)

Flash Animation template

FlashAni Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 狸子的 Flash 可视化动画模版

有问题建议在 GitHub 上开 issue 问，或者加QQ群：[869200702](http://qm.qq.com/cgi-bin/qm/qr?k=hgiuHM_boX1FmYgsztfpt1Bmw8r7TOcE
) （尽量不要发私信了，搞得我老是重复回答相同的问题 (シ\_ \_)シ

# 【置顶】免编译自动适应模版（含所有功能）

针对小白新推出了免编译自适应模版，请移步 [AutoAni](https://github.com/LePtC/AutoAni) 项目

# 柱子+粒子游走模版

（适用于有增有减的数据，单增的数据可使用“柱子+冠军条（变速缓冲算法）”模版）

<table>
  <tr>
    <td>视频教程</td>
    <td><a href="https://www.bilibili.com/video/av29577482">狸子教你用Flash做柱图可视化</a></td>
  </tr>
  <tr>
    <td>成品展示</td>
    <td><a href="https://www.bilibili.com/video/av29475242">【可视化】手机端哪个浏览器用户最多？</a></td>
  </tr>
  <tr>
    <td>其它使用此模版的作品</td>
    <td><a href="http://www.bilibili.com/video/av28473191/">【可视化】哪个浏览器的用户最多？（2009~2018）</a></td>
  </tr>
  <tr>
    <td></td>
    <td><a href="http://www.bilibili.com/video/av28715222/">【可视化】国内各大社交网站的兴衰（2004~2018）</a></td>
  </tr>
  <tr>
    <td></td>
    <td><a href="http://www.bilibili.com/video/av28888596/">【可视化】国内即时通讯软件的兴衰（2004~2018）</a></td>
  </tr>
  <tr>
    <td></td>
    <td><a href="http://www.bilibili.com/video/av29062055//">【可视化】全球即时通讯软件的兴衰（2004~2018）</a></td>
  </tr>
</table>

教程一共用到了以下工具/素材：

- Adobe Flash (Animate) 本体 （不是 Flash Player）
- Adobe Photoshop 把图标处理成 png
- Sublime Text 多点编辑调整数据格式
- Just Color Picker 采集颜色
- 思源黑体 SourceHanSansSC-Medium （如果用模版的字体的话）

# 柱子+曲线图模版

输入数据和准备图片的格式同上，就不再做教程了

<table>
  <tr>
    <td>成品展示</td>
    <td><a href="http://www.bilibili.com/video/av30002425/">【可视化】国内各大直播网站日访问量变迁（2017~2018）</a></td>
  </tr>
  <tr>
    <td>其它使用此模版的作品</td>
    <td><a href="http://www.bilibili.com/video/av29816713/">【可视化】国内各大视频网站日访问量变迁（2017~2018）</a></td>
  </tr>
  <tr>
    <td></td>
    <td><a href="http://www.bilibili.com/video/av30001723/">【可视化】国内各大电商网站日访问量变迁（2017~2018）</a></td>
  </tr>
</table>

### MMA 获取数据

- 获取 Alexa 的网站日访问量数据（目前只能查顶级域名，期限为过去一年）

## 柱子+曲线图模版（白底）

做了期白色背景的，方便懒得做png图标的小伙伴使用 （￣▽￣）

<table>
  <tr>
    <td>成品展示</td>
    <td><a href="https://www.bilibili.com/video/av30826479/">【可视化】哪家快递你用的最多？国内快递网站日访问量变迁（2017~2018）</a></td>
  </tr>
</table>

# 柱子+冠军条（变速缓冲算法）

稿件时长的数据特点是跳跃性强，柱长和排名一下子能跳很多，对这种特点的数据我设计了新的变速运动算法，即“固定比例赶往目标值”算法，数据为单增的小伙伴可以用这个模版

<table>
  <tr>
    <td>成品展示（片尾有简短教程）</td>
    <td><a href="https://www.bilibili.com/video/av30745010/">【可视化】B站投稿狂魔是谁？UP主稿件总时长排行（2010~2018）</a></td>
  </tr>
</table>

### MMA 获取数据

- 爬取B站UP主头像程序

# 堆叠柱+曲线图（白底）

给动画区小编的合作视频，量身定做了两柱堆叠的柱图方案

<table>
  <tr>
    <td>成品展示</td>
    <td><a href="http://www.bilibili.com/video/av31082018">哔哩哔哩动画数据月刊 #1</a></td>
  </tr>
</table>

### MMA 处理数据

- 样条插值用于曲线图

FlashAni

FlashAni Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

FlashAni

FlashAni Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README