如何做微信轻应用中的擦一擦 —— 上篇

chenyuquan

现在微信中很多的应用都会有一个擦一擦的交互方式，比如擦出一个美女来，擦出一辆名车来，等等。用户体验非常有趣。那你知道不用写代码，也可以做出这样擦一擦的效果吗？
​


​

小编今天和明天会教大家如何制作这样的效果。​


​

第一步，你先要学会画笔的用法。登陆VXPLO互动大师的官网（www.vxplo.cn）后，在我的作品页面上新建一个作品（手机案例或电脑案例都可以），然后点击工具栏里面的画笔按钮，​

​


​

在舞台上拉一个位置，就能看到一个虚线画框了。​

​

在画笔的属性面板中可以设置画笔的颜色（默认为黑色）和线条宽度（默认为1），就可以在虚线画框中进行涂抹了。
​

​


​

另外注意有个允许画图的选项，如果选择了YES，表明查看你作品的用户可以在这个画框内进行涂鸦。利用这个属性，你可以简单地制作比如趣味画板之类的小应用。​


​

我们也可以为画框设置背景颜色，当你选择一个背景颜色时，你会看到刚才虚线画框里的颜色都填充为了你所选的背景颜色，但你刚才涂鸦的线条还是保留着的。​

​


​


此时，如果你在属性面板里把画笔改成擦子，然后在画框里涂抹，看看会发生什么？​

​

​

原来你画的那些线条被擦子所划动到的区域删除了，但是背景颜色不会有变化。是不是开始有点擦一擦效果的感觉了？明天我们会继续讲解。;)​


​

更多有趣的手势互动案例，可以点击底部菜单栏的Vx经典中的创意交互。​