最近因为公司项目需要,接触到了paper.js这个库,看完了其官方的示例,倍感惊叹。关注我专栏的同学都知道,自己之前也写过游戏,比如坦克大战,但总感觉太low。要开发一个游戏,涉及到的东西很多,大到游戏的机制设计,小到游戏中的人物角色、NPC类的设计等等。且代码只是实现的游戏机制的手段,作为一个产品,ui也是极其的重要(当然你可以使用虚幻引擎这样的工具–拿来即用,修修改改即可)。看完了paperjs的官方示例,我突然意识到,我找到了一个绝佳的ui武器库。paperjs官方将其形容为向量图形编程界的“瑞士军刀”,在我看来,至少目前看来,也是名副其实的。在本系列接下来的文章中,我会通过研究各种官方有意思的示例代码,掌握该工具库的一些基本使用,然后尝试着,做一些有意思的东西。
在这之前,先目睹一番paperjs的强大能力

Tadpoles

蹦迪版的效果如下,其中的每个蝌蚪实例的颜色都是帧数级的在变化:

svg引入tiger图像

绘制各种基本图形

画笔工具系列–主要涉及tools工具包及向量相关操作实现

见缝插针

高斯梯度上色

….等等等。各位看官,敬请期待吧