开源夏令营之项目汇报9

日期：2014年8月24日，星期日

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

导师：何骏

学生：董宁

 

七月底的时候我有幸到CSDN公司云计算部门正式实习，

这周我去配合CSDN协助了IBM峰会和微信开发者大会。

尽管如此，项目也没有耽误下，

上次的报告说到因为时间和能力有限我放弃了那种带控件的粒子编辑器，

改做直接修改代码的高级粒子编辑器。

这个高级粒子编辑器也分了两条路走，

一个是考虑封装，一个是不考虑。

考虑封装的要用到eval函数，

但在这里我真的是辜负了导师对我的期望，

可能是因为我封装的不好或者别的原因，

那个卡死的问题还是没能解决。

 

不过第二条路不考虑封装直接runcode的方法，我成功了。

上次说点击run，特效不能再网页右面显示，

我用了iframe的方法，

成功的解决了这个问题。

当然这个runcode.js，

我觉得我封装还是比较好的。

 

记下来就是select option的问题，

最开始导师的意思我理解的，

就是做一个选择控件，

选择不同的粒子出来不同的特效，

好吧，我又对不起您了，

这个我也没做出来诶……

 

不过我重新做了一个index，

这个主页上面的header我ps一个破碎字体，

叫做“HTML5粒子编辑器”，

下面分为两部分，

左面的是四个demo，

当然每个demo点进去之后都能进行编辑修改，

然后右面我引用了一个window.onload，

这样的话打开这个index就能在右面的div里显示一些特效，

算是起到在编辑前观看的作用。

当然最下面还是一个copyright。

 

但是问题也随之而来了，

我用Ie浏览器打开这个index，

右面的div显示正常，

我用chrome打开它，

右面的div只能显示到第二个特效就停止了……

目前这个问题正在解决中……

 

因为封装我还是没弄出来，

选择粒子特效也没做好，

我觉得很对不起导师，

所以之后我打算做一个简单的canvas游戏，

算作弥补一下。

 

后期计划：

1.解决上面的问题

2.尝试做一个简单的canvas游戏

3.制作开发者文档，说明粒子编辑器如何修改代码。