开源夏令营之项目汇报8

日期：2014年8月15日，星期五

项目：腾讯开源 html5光影粒子引擎

导师：何骏

学生：董宁

大概是8月7日通过了中期检查，

在通过之前也就是七月底八月初的时候和导师通过电话，

那会导师说我的项目封装是不行的，

所以上次的项目汇报（8月9日）说了一下关于封装的问题，

然后从8月9日到今天也一直在研究封装的问题。

刚开始是想的挺好的，

觉得把我的程序代码抽象出来，

然后把函数名拿出来做成方法，

这样别人直接引用我的库，

直接用我的函数就ok了，

可后来发现这样实现起来真的很难，很费事。

因为最开始接手这个项目的时候我是从头开始学的canvas嘛，

所以也没多想后面封装的事，

毕竟我对封装也不是很熟练，

可以说一开始就没给后面留后路啊！

这周最开始尝试过爆炸和闪光特效的封装，

然后问题就来了，

我在调用的时候特效会变成一卡一卡的，

然后卡在那就不动了。

大概这样持续了三四天，

由于时间问题，

我暂时放弃了对封装的研究。

我理解何老师的意思，

他理想中的粒子编辑器会有很多button，menu等等，

画面就像photoshop那样，

然后新建一个特效，

特效是可以选择的，

我们选择什么特效就新建出什么，

然后选择不同的功能对应的不同的button，

就能对这个特效进行修改。

我思考过这个问题，

想做出那种界面，

做本地的要用到C#，

做网页的要用到java applet，

可是就算界面做出来了，

实现每个button对应的功能也是很繁琐的，

由于前面花了很长时间研究封装，

我怕耽误项目，

所以放弃了这种粒子编辑器的实现。

我选择实现一种高级粒子编辑器，

简单地说就是一个界面，

左面你能看到这个粒子特效的代码，

右面你能看到粒子特效的显示结果，

界面会有一个button，

修改代码后，

单击这个button你就会看到变化之后的粒子特效。

这个虽然看似简单，

但是实现起来也是比较麻烦的。

我分了两条路走，

第一条是做高级粒子编辑器，

考虑到封装的问题，

我在textarea中只放代码script部分，

然后那个button调用eval函数，

执行这个textarea中的script代码，

可是这样的结果还是卡死。

目前这在想办法解决中……

第二条路也是做高级粒子编辑器，

不考虑封装的问题，

在textarea中放进粒子特效粒子的全部代码，

然后那个button调用runcode.js执行代码，

这样虽然不卡，

但是特效却不在右面显示，

而是打开一个新的页面显示，

这样是绝对不可以的，

目前正在想办法解决中……

后期计划：

1.解决上面的两个大问题；

2.修改index，在index添加粒子特效

3.考虑如何用select option选择特效