关于 PIXI.JS 实现 2D 动画

[odys]

http://news.163.com/college/special/qingzang_railway/?spssid=1afaa0597617729611f3f3e9dc5c2db9&spsw=1&spss=other&from=groupmessage

楼主主业是平面设计师，今天看到这个网页很感兴趣。花了一下午琢磨了一下，发现是用的 PIXI.JS 来实现的，通过分层显示不同 png 图片，来呈现 2d 横版效果。有点困惑的是，这么多的素材，每个素材的位置都是通过（ http://static.ws.126.net/f2e/news/railway_qingzang/data_config.1244584.min.js ）这个文件制定的，所以这种网页，设计师和程序员一般是怎么合作的？

另外，询个价。楼主有意自己创作一批类似的作品。如果请人帮忙做个这样的静态页面模板（ html+css+js ），大概要花多少钱？程序员需要告诉我，素材的位置和移动速度之类的参数在哪里可以自己调，以及如何增加场景等（就是前述网页中现有的那些交互功能）。

[tvallday]

这个很简单的。用 PIXI.js 感觉是用牛刀杀鸡，单是下载一个 pixi 就要 400 多 K。不过 PIXI 是很方便。你要做多少个？

[kylaCpp]

200 吧

[odys]

@tvallday 具体数目不定，不过我理解这个会做一个，其他的就是照猫画虎吧，主要还是看怎么用现有技术做点创意。

[odys]

@kylaCpp 这个价格可以接受啊

[Mutoo]

pixi 的定位不是 2d 动画库，它本身是一个渲染引擎，它的主要功能是渲染。所以常常作为很多动画或者游戏引擎的渲染层使用。例如 phaser.io
如果你要做这类的动画，应该考虑用 greensock + pixi，前者还有比较成熟的编程器，可以用来编辑和保存动画时间轴。https://greensock.com/docs/Plugins/PixiPlugin

[coolcoffee]

你应该看下 http://dragonbones.com/, 直接导出整套动画交付到程序员， 不会有性能损耗。

[kylaCpp]

@odys 752889676:qq

[odys]

谢谢楼上们，待我自己研究一下~