zoukankan      html  css  js  c++  java
  • code swarm生成可视化代码项目贡献动画

      前几天看了一个豆瓣年会的代码大爆炸视频,即用code swarm生成的一个可视化代码贡献量视频动画,挺赞的。code swarm支持使用svn、cvs等代码管理工具提交的日志生成动画。年尾手头工作不多,花了一点时间自己也搞了一下自己再公司做的项目的codeswarm,可惜svn只有部分的提交日志,否则生成的视频会更帅。

    跟大家说一下svn日志版生成codeswarm动画的步骤:

    前期准备:

    1、python 2.5环境、java环境并配置好

    2、服务器生成的svn log日志文件

    生成动画:

    1、去http://codeswarm.googlecode.com/svn/trunk 下载最新的codeswarm代码,打开根目录下的README,按步骤配置好codeswarm。

    2、把svn提交日志拷贝到convert_logs目下,如convert_logs/svn_log.log

    3、cmd打开命令行,去到codeswarm/convert_logs目录下,输入“convert_logs.py -s svn_log.log -o output.xml”,把xml文件拷贝到codeswarm/data下,备份原来的sample-repevents.xml文件,然后把你的xml文件改名为sample-repevents.xml

    4、找到data/sample.config文件打开,配置你的动画参数,例如改以下参数可以使字体更大,我的是20:

    FontSize=20
    BoldFontSize=20
    InfoFontSize=20

    ColorAssign这个参数是表示某种类型的代码的颜色,如:

    ColorAssign1="js",".*js.*", 0,0,255, 0,0,255
    表示js代码为动画里蓝色的点 。

    TakeSnapshots为是否保存截图
    ……
    更多配置自己去发掘。

    5、到这已经完成了所有配置了。双击打开根目录下的run.bat文件,然后enter就可以看到动画了

    最终截图(抹红部分为代码提交人的名字):

     

    ==================================================

    作者:绿色花园

    出处:http://www.cnblogs.com/cos2004/archive/2012/01/18/2325851.html

    ==================================================

  • 相关阅读:
    c/c++设置图片为透明图
    转;说说AngularJS中的$parse和$eval
    转: css3: display:box详解
    转: 深入理解 AngularJS 的 Scope
    转:说说angularjs中的$parse和$eval
    转: 理解AngularJS中的依赖注入
    angularjs学习总结(快速预览版)
    XML基础知识
    读书笔记:js设计模式
    contains 和 ele.compareDocumentPosition确定html节点间的关系
  • 原文地址:https://www.cnblogs.com/cos2004/p/2325851.html
Copyright © 2011-2022 走看看