AxeSlide软件项目梳理

先介绍一下我负责的软件项目

AxeSlide斧子演示，估计大部分人没有听说过，但国外有一款叫Prezi的软件，应该有人使用过。

这是我们产品的官网http://www.axeslide.com/，里面有很多用户上传的作品看过一个之后就知道这个软件具体的作用了。

下面这个gif的效果就是用软件做出来的，非常简单哦！

这是我们软件的页面，目前是没有做任何操作的界面。

如果你有兴趣可以玩一下这个软件， 真的很简单容易上手哦。教程：http://help.axeslide.com/

 

我2014年5月初来到现在这家公司后才开始研发的这个产品，经过将近3年的时间，从无到有，用户量从0到500,000。

但是由于某些原因，我可能会离开它，虽然原本我们还有很多想法，很多待实现的功能。

这段时间我就好好整理下研发这个产品用到的技术，希望对后面维护它的人能有所帮助。

当然，这些技术点也都是在开发软件中借鉴搜寻大牛们的智慧结晶，并不是我们团队研发出来的，网络上也有很多相关资料，我在这里只是总结分享一下。

技术点目录：

软件项目技术点(1)——游戏主循环机制

软件项目技术点(1)——Tween算法及缓动效果

软件项目技术点(1)——d3.interpolateZoom - 在两个点之间平滑地缩放平移

软件项目技术点(2)——Canvas之平移translate、旋转rotate、缩放scale

软件项目技术点(2)——Canvas之坐标系转换

软件项目技术点(2)——Canvas之获取Canvas当前坐标系矩阵

软件项目技术点(3)——多画布职责分离

软件项目技术点(4)——js实现存储对象的数据结构hash和list

软件项目技术点(4)——实现点击画布上元素

软件项目技术点(5)——在canvas上绘制动态网格线

软件项目技术点(6)——结合鼠标操作绘制动态canvas画布

软件项目技术点(7)——在canvas上绘制自定义图形

软件项目技术点(8)—— canvas调用drawImage绘制图片

软件项目技术点(9)——如何将gif动态图拆分绘制

软件项目技术点(10)——将视频video绘制到canvas

软件项目技术点(11)——大图变小图提高绘图性能

软件项目技术点(12)——绘制生成的图表到canvas

软件项目技术点(17)——视频转码

软件项目技术点(19)——文件的保存和打开（解压缩）

软件项目技术点(20)——导出视频

软件项目技术点(21)——自动保存和恢复

软件项目技术点(25)——提升性能之检测绘制范围

一大波完善中……