Html5 canvas 哪个HTML5画布游戏库支持悬停?

Html5 canvas 哪个HTML5画布游戏库支持悬停?,html5-canvas,libraries,Html5 Canvas,Libraries,我将使用HTML5画布构建一个简单的游戏。我决定使用一些库来代替手工操作。我看到有很多(超过100个)库,并且已经签出了其中的5-6个,但是似乎没有一个像浏览器中那样支持简单的“悬停”效果 基本上,我希望有一组图像或文本“精灵”,当鼠标悬停在它们上面时,它们应该会改变,以指示用户可以用它做些什么。这些元素也应该是可点击的 请不要建议我使用DOM。我想使用画布,因为我有一些复杂的图形/动画 我最后检查的是Cocos2d,它的菜单项似乎有一些潜力:易于实现的点击处理程序,两个图像-一个用于按下,另一

我将使用HTML5画布构建一个简单的游戏。我决定使用一些库来代替手工操作。我看到有很多(超过100个)库,并且已经签出了其中的5-6个,但是似乎没有一个像浏览器中那样支持简单的“悬停”效果

基本上,我希望有一组图像或文本“精灵”,当鼠标悬停在它们上面时,它们应该会改变,以指示用户可以用它做些什么。这些元素也应该是可点击的

请不要建议我使用DOM。我想使用画布,因为我有一些复杂的图形/动画

我最后检查的是Cocos2d,它的菜单项似乎有一些潜力:易于实现的点击处理程序,两个图像-一个用于按下,另一个用于按下(正常)状态。但我不知道如何创建悬停效果

我更喜欢jQuery方法:

SpriteElement.hover(function() { do stuff });

你要找的东西可能叫做鼠标悬停

KineticJS支持它:


你要找的东西可能叫做鼠标悬停

KineticJS支持它:


我安装、测试并阅读文档。以下是我的发现:

KineticJS

on(“mouseover”,function(){})

Easel.js

addEventListener(“mouseover”,function(){})

另外,Easel.js有一个很好的类,它可以自动使用3个不同的图像来显示正常、悬停和按下状态

狡猾的.js

元素绑定('MouseOver'

MelonJS

无自动支持。可通过以下方式完成:

input.registerMouseEvent('mousemove')

然后迭代子元素并通过这个.collisionBox.containsPoint(me.input.mouse.pos)进行检查

Quintus

显然

lame.js

在文档或谷歌搜索中找不到任何内容

拉票引擎

元素上(“mouseover”,函数(e){})

虽然在Firefox20.0上似乎有问题,但只有当鼠标停止移动时才会触发事件

Cocos2D-html5


没有自动支持,只能手动迭代子项。代码似乎在不断变化,因为Cocos专注于没有“悬停”概念的触摸设备。

我安装、测试并阅读了文档。以下是我的发现:

KineticJS

on(“mouseover”,function(){})

Easel.js

addEventListener(“mouseover”,function(){})

另外,Easel.js有一个很好的类,它可以自动使用3个不同的图像来显示正常、悬停和按下状态

狡猾的.js

元素绑定('MouseOver'

MelonJS

无自动支持。可通过以下方式完成:

input.registerMouseEvent('mousemove')

然后迭代子元素并通过这个.collisionBox.containsPoint(me.input.mouse.pos)进行检查

Quintus

显然

lame.js

在文档或谷歌搜索中找不到任何内容

拉票引擎

元素上(“mouseover”,函数(e){})

虽然在Firefox20.0上似乎有问题,但只有当鼠标停止移动时才会触发事件

Cocos2D-html5


不支持自动操作,只支持手动迭代子项。代码似乎在不断变化,因为Cocos专注于没有“悬停”的触摸设备概念。

那么为什么不使用jQuery呢?Nathan,因为jQuery用于DOM元素,而不是
图形。那么为什么不使用jQuery呢?Nathan,因为jQuery用于DOM元素,而不是
图形。