历史故事构建工具包 - 拜厄
制作你自己的拜厄挂毯
杀死调皮的野兽
统治王国
两名德国学生最初用Flash编写了"历史故事构建工具包"。可惜,他们的作品已不再可用,只被记录下来。这个新应用是一种致敬,同时也是试图复兴古老的中世纪模因,使用不会丢失的代码和可用性。
功能
这个全新的历史故事构建工具包允许你:
- 拖放、缩放、旋转拜厄图像库中的任何项目
- 对不同字体和颜色的文本进行同样操作
- 将元素带到场景的前面/后面(这真的可以改变生活)
- 同时处理多张图片(页面)
- 将这些页面导出为PNG或GIF格式
- 将你的挂毯的工作副本保存到磁盘,以便以后完成
- 使用画笔快速添加人群、鸟类或战场
- 使用键盘快捷键完成几乎所有上述操作
- 下载独立版本,无需任何服务器即可在任何地方使用
世界观
这个工具包基于拜厄挂毯,一件70米长的艺术品,讲述了黑斯廷斯战役的故事。然而,所有与拜厄相关的图片、字体和设置都存储在一个文件夹中,可以轻松地替换成日本版画、洞穴绘画或任何你心仪的内容。
欢迎fork这个项目,用任何你能想到的东西创建你自己的历史故事构建工具包 :)
要做到这一点,将你的内容放入content
文件夹,并在config.js文件中进行索引。
技术细节
这个工具包主要使用RaphaelJS和AngularJS编写,但它还使用了一些非常酷的库,如angular-hotkeys、canvg、FileSaver.js、Raphael.FreeTransform、Raphael.json、gifshot、Canvas-to-Blob。它们帮助我们构建了一个可以在任何地方运行的应用程序,客户端无需任何后端支持。非常感谢他们。
Vagrant
如果你想自己开发"历史故事构建工具包",你可以通过启动vagrant up
来使用vagrant box。注意,如果你想在Windows上运行它,你需要有管理员权限。或者设置一个开发环境。
设置开发环境
如果你不想使用vagrant,你需要全局安装以下内容:
sudo apt-get install nodejs
sudo npm install npm -g
sudo npm install -g bower grunt-cli grunt-contrib-compass
sudo gem install compass
然后,无论哪种方式,进入htck
文件夹并使用以下命令安装依赖项:
npm install
bower install
然后你可以使用命令grunt serve
运行开发服务器
贡献
如果你遇到了bug,我们深表歉意!如果你能修复它,我们很乐意接受pull requests。如果你不能,你仍然可以在GitHub上开一个issue,我们会尽快解决。
这个项目采用MIT许可证,欢迎任何开源贡献!