一个扩展InteractivePNG

lufy

有朋友问lufylegend中如何实现as3的InteractivePNG，即在相应鼠标事件的时候，过滤图片中的透明区域，鉴于这个需求有一定的泛用性，我暂时扩展了一个简单的InteractivePNG类，目前只包含最基本的过滤透明区域功能，以后可能会继续完善。
下面是完整的InteractivePNG类
http://lufylegend.com/demo/test/InteractivePNG/InteractivePNG.js

使用方法，
http://lufylegend.com/demo/test/InteractivePNG/3.html
通过看代码，可以看到使用上和LSprite没有区别，因为透明区域的过滤都是在InteractivePNG内部自动执行的。

如果想用带透明区域的图片来给鼠标实现一定的遮挡，该怎么办呢？下面是例子
不使用鼠标容器的情况下
http://lufylegend.com/demo/test/InteractivePNG/1.html
使用鼠标容器的情况下
http://lufylegend.com/demo/test/InteractivePNG/2.html

暂时就这些了，如果想使用InteractivePNG类，有什么不明白的可以跟贴提问。

lufy

Tedium 发表于 2015-9-9 16:27
InteractivePNG.js 在使用过程，图片不显示，经测试pngLayer = new InteractivePNG(); 将InteractivePNG类 ...

对照我给的例子中的代码，看看能不能找到问题

lufy

BOREY 发表于 2015-11-18 14:02
这个可不可以用在碰撞上

目前不行，碰撞的话，需要再扩展

lufy

jkkeelnaja 发表于 2016-4-18 14:35
PNG图片与鼠标的检测可以用interactivePNG, 那PNG图片和PNG图片之间的碰撞检测是你们说的 需要再扩展 的 ...

这是一个极耗性能且用的又不是特别多的功能，所以暂时没有扩展它的打算