问题标签 [easeljs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1738 浏览

javascript - 使用纹理图集和 EaselJs

我知道 EaselJS 有一种很棒的方式来管理他们的精灵,但是有没有可能让它更容易呢?

以下链接说服我使用纹理图集:http ://www.altdevblogaday.com/2012/09/17/building-an-html5-game-dont-shrug-off-atlases/

很少有人指出为什么我如此想要这个:

  • Flash CS6 生成 Spritesheet 功能可创建可供使用的 TextureAtlas
  • 提高加载时间
  • 节省带宽
  • 更好的开发时间

我不知道如何开始这个,任何帮助将不胜感激。

0 投票
2 回答
1241 浏览

easeljs - easeljs - 模态对话框?

我该如何实施?有什么建议吗?

0 投票
1 回答
1830 浏览

jquery - 使用 jQuery 将画布图形作为 DOM 元素引用

是否可以使用 jQuery 引用在 HTML5 画布元素上绘制的图形?这是我为 EaselJS 编写的一个函数,它遍历一个包含矢量坐标数组的对象:

坐标对象看起来像这样,有 100 个点:

和舞台:

我可以为点击/触摸事件添加侦听器到渲染的形状,但是我希望能够将每个图形作为 DOM 元素引用,以便与 Bootstrap Popover 和 niceScroll 等插件一起使用,例如$(shape1).popover('show');...... 我一直在积极研究一个没有成功的解决方案,任何帮助将不胜感激!

0 投票
1 回答
2149 浏览

javascript - Easeljs - 在 socket.io 和 nodejs 上的平滑动画

我正在使用服务器端的 socket.io (nodejs) 和客户端的easeljs 开发一个多人游戏。到目前为止,它真的很简单,您可以在画布元素上移动一个矩形,并将位置更新发送到服务器,并将位置广播给客户端。流量不是问题,因为只有两个用户可以互相对抗,这由 socket.io 中的房间功能处理。绘图和游戏循环是用easeljs实现的。

我遇到的问题是其他玩家的动作不是很流畅。位置更新确实非常快(足以应对碰撞等),但对于通过服务器获得位置更新的玩家来说当然不是那么顺利。

如何平滑动画?目前我正在创建一个新的 Container 类并更新容器的位置,例如

0 投票
1 回答
2529 浏览

javascript - EaselJS、Canvas、位图图像质量低且注册点不起作用

我刚开始在我正在处理的项目中使用 EaselJS,但我对位图类有点卡住了。我所做的是将 3000 x 4000 图像添加到画布/舞台,并让用户缩放和旋转它。我主要使用以下功能:

除了注册点之外,这一切都有效。给函数的数字是图像宽度/高度的一半,所以应该不错。但旋转仍然不是从中心..

此外,我正在寻找一种方法来提高此位图或舞台的质量。当位图缩放到 0.2 时,图像根本不可见,只有一堆大块/像素。

希望有人可以在这里帮助我,

提前致谢

0 投票
1 回答
1055 浏览

javascript - 选择easeljs鼠标事件不起作用

不知道我在这里做错了什么,但一些选择鼠标事件(拖放、onclick 和 onpress)不起作用。但是 onDoubleClick 有效。这就是我正在做的事情。

.js 文件

.html 文件

我正在本地服务器上使用它,因此触发远程服务器的这种类似行为的服务器安全问题不适用(我认为)。伙计们,我被难住了。您的帮助将不胜感激。谢谢。

0 投票
1 回答
5930 浏览

image - 画布跨域像素错误

我在 html5 画布上遇到了这个问题。我正在使用 EaselJS 加载图像。

http://www.createjs.com/Docs/EaselJS/Bitmap.html

但是,当我在图像的父容器上添加任何类型的鼠标事件(onClick、onMouseOver、onMouseOut)时,从我移动鼠标的那一刻起,EaselJS 就会发送此错误:

未捕获的异常:发生了错误。这很可能是由于使用本地或跨域图像读取画布像素数据的安全限制。

它在 IIS 服务器上运行,我得到的图像来自其他域。我可以使用 --disable-web-security 让它在 Chrome 中工作。但我宁愿避免这种情况。

我已经阅读了一些关于代理脚本的内容可能有助于解决这个问题,但我不知道如何在这里实现它。

有什么修复建议吗?

编辑:解决!我通过使用一个简单的 asp.net 代理脚本解决了这个问题

http://www.sharepointjohn.com/aspnet-proxy-page-cross-domain-requests-from-ajax-and-javascript/

我从这个开始,在同事的帮助下,它来到了这个 .ashx 文件:

0 投票
0 回答
1468 浏览

javascript - 是否可以用easeljs 创造出不断生长的花朵效果?

我正在尝试使用easeljs 为触摸设备创建一个html5 游戏。我想要实现的效果之一是当玩家在屏幕上向上滑动时,一朵花会动态(随机)生长,让蝴蝶休息​​。

可以用easeljs做到这一点吗?谢谢。

例子:

http://onecm.com/projects/canopy/

http://www.openrise.com/lab/FlowerPower/

0 投票
1 回答
849 浏览

javascript - 使用 EaselJS 库在 Firefox 中的缓慢移动

我想知道为什么这个简单的球移动代码在 IE 和 Chrome 中运行流畅,而在 Firefox 中它看起来很慢,尽管它保持相同的 FPS 速率。

我需要做什么才能在所有浏览器中实现相同的平滑移动?

0 投票
0 回答
1879 浏览

html - 如何为 EaselJS DisplayObject 使用动态调整大小的 hitArea?

我想在我的 EaselJS 项目中使用 hitArea 来捕获点击事件,但是我分配的 hitArea 形状似乎没有得到尊重。

jsFiddle 示例

如果我将 hitArea 形状添加为容器对象的子对象,则单击事件可以正常工作。