Animated Book Demo

2014年8月17日 11 回复

介绍一下这几天空余时间做的一个东西，我暂时称之为Animated Book。它的功能简单来说就是对一个文本文件进行脚本处理，按照给定的参数自动排版分页，最后以仿真书籍的效果展示出来。效果如下图，体验网址请点击此处，或手动访问http://m.10ss.me/animated_book/demos/book/index.php。

技术上来说，大部分的表现层是借助turn.js来实现的，这个脚本提供了很好的翻页模拟效果，但通常都被用在图片展示上，不能体验到真正的模拟阅读的感觉。处理逻辑采用php脚本编写，目前可以支持所有纯文本格式文件，不过由于排版处理上以全角为计算单位，半角英文和数字会转化为全角，因此暂不适于展示大量包含英文和数字的文本，后面有时间的话会针对半角字符进行相应的处理。

其实做这个东西的想法也酝酿了挺长一段时间，最开始看到turn.js的时候就觉得借助于它可以做一些很酷的事，但在学校很少有闲下来的时间，也就把这个想法束之高阁了。如今毕业后偶尔有了灵感，干脆就做出来了。

另外，谈一下对于HTML5的一些看法，我觉得这类技术的最大潜力并不单是能够实现绘图和视频方面的绚丽效果，而是借助于这些功能，将传统的包含在flash和图像中的内容解放出来，让更多的信息可以被检索，被分析。按照这样的思路，这类技术还有很大的应用空间。

我的一位大学室酷爱武侠小说，颇有文学修养，闲暇时自己动笔，写出几十万字。他曾经说想把自己的作品放在类似turn.js那样的“书”上面展示，不过这位老兄后来投入于我们的一个创业项目中，空余时间也奉献给了dota，怕是短期内难以顾及文学创作了。这个东西也打算等他完稿以后让他拿去展示小说吧，毕竟年轻时的爱好还是要坚持下去的必要的。

11 条对 “Animated Book Demo”的回复

  1. Tester

    Test

  2. 超级叶大天才

    每次都自己测试一条吗？

  3. 超级叶大天才

    怎么翻页啊？

  4. Mutian

    @超级叶大天才 嗯测试一下以防万一，翻页有三种方法，鼠标拖动四个角，键盘左右键，还有就是直接下面输入页码跳转

  5. Mutian

    @超级叶大天才 另外，你的geniusye.com多久没update了！

  6. 超级叶大天才

    我准备部分改版，正在准备照片，哈哈

  7. ego

    @Mutian 很棒也很实用的东西！

  8. Mutian

    @ego 多谢啦~！：）

  9. 超级叶大天才

    搬到日本的新服务器感觉咋样？前几天有时候会不能访问，现在应该没有这个问题了

  10. 睦天

    @超级叶大天才 不错不错，访问速度快了不少，辛苦了~！

  11. 超级叶大天才

    应该把中秋之夜发上来

您的留言

内容