标题就是这两天熬夜的战果 - Spides。

大概上个学期用过impress.js做幻灯片，实在是很好的东西。可惜要求自己手写html标签及样式，且其写法极不友好。

后来三水清写过一个类似的工具，不过不仅木有解决上面的问题，本身的效果还大打折扣。

虽然好像impress.js也是开源的，不过木有接着别人代码写的偏好，所以决定自己实现一个。长远来说，再写一个远程服务器进行解析与展示的话就可以实现幻灯片的内容、样式与html、js的分离并且方便保存、传播。不过这个决定一直拖到前两天才付诸实践。

而且到目前为止进度还停留在客户端。

演示页面： http://nighca.github.com/Spides

代码地址： https://github.com/nighca/Spides (欢迎贡献代码:])

从用户角度而言，目前的使用方法跟当初的impress.js类似，从 https://github.com/nighca/Spides把文件夹打包下载，解压后修改index.html，以已有标签为规范自己添加标签即可。

就像：

<slide index="4" px="1800" py="200" psize="6" protation="180" ptype="1">
	<ptitle>
		Why <strong>?</strong>
	</ptitle>
</slide>

就是一张幻灯片。index表示顺序，px,py表示坐标，psize表示幻灯片大小，protation表示旋转角度，ptype表示模板类型（1就是只有一个ptitle，2有paragraph，3有tip，如此）。总的来说目前还很简陋，唔，不过可以用于很多简单的场合了。更复杂的模板什么的看以后的了。

深度一点的定制需要修改js/config.js：xvy是幻灯片的长宽比，默认4：3，unit是幻灯片的单位长度，默认30。

改完后浏览器打开index.html，就可以看到结果了。

因为实在不喜欢为了适应浏览器写额外代码，所以目前貌似只在chrome下运行正常（不出意外webkit内核的都能跑得很欢），firefox好像也会悲剧，嗯。IE都木有敢尝试，十有八九会悲剧。因为部分js代码计算坐标及偏移的时候牵涉一定的复杂浮点运算，反正切、正弦、开平方什么的，所以如果卡顿也属正常，这个就有待以后有空代码优化了。一般放两张就会好点了，恩。

哎完了，今天又晚了，赶紧睡觉去，我错了。

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

10.19

所以现在有服务器了~不用自己下载包手动修改html文件了。

用nodejs写了后台，放在AppFog上的，然后是一个超级丑的url： http://spides.ap01.aws.af.cm/

可以新建保存在云端，可以设置密码，通过密码在线修改以及演示的，嗯。 不过内容要用json写，虽然比写html方便，自由度变小了。 暂时就是这样。