历史故事构建工具包 - 拜厄

查看在线演示！

制作你自己的拜厄挂毯
杀死调皮的野兽
统治王国

两名德国学生最初用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许可证，欢迎任何开源贡献！