问题标签 [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.
javascript - 使用纹理图集和 EaselJs
我知道 EaselJS 有一种很棒的方式来管理他们的精灵,但是有没有可能让它更容易呢?
以下链接说服我使用纹理图集:http ://www.altdevblogaday.com/2012/09/17/building-an-html5-game-dont-shrug-off-atlases/
很少有人指出为什么我如此想要这个:
- Flash CS6 生成 Spritesheet 功能可创建可供使用的 TextureAtlas
- 提高加载时间
- 节省带宽
- 更好的开发时间
我不知道如何开始这个,任何帮助将不胜感激。
easeljs - easeljs - 模态对话框?
我该如何实施?有什么建议吗?
jquery - 使用 jQuery 将画布图形作为 DOM 元素引用
是否可以使用 jQuery 引用在 HTML5 画布元素上绘制的图形?这是我为 EaselJS 编写的一个函数,它遍历一个包含矢量坐标数组的对象:
坐标对象看起来像这样,有 100 个点:
和舞台:
我可以为点击/触摸事件添加侦听器到渲染的形状,但是我希望能够将每个图形作为 DOM 元素引用,以便与 Bootstrap Popover 和 niceScroll 等插件一起使用,例如$(shape1).popover('show');
...... 我一直在积极研究一个没有成功的解决方案,任何帮助将不胜感激!
javascript - Easeljs - 在 socket.io 和 nodejs 上的平滑动画
我正在使用服务器端的 socket.io (nodejs) 和客户端的easeljs 开发一个多人游戏。到目前为止,它真的很简单,您可以在画布元素上移动一个矩形,并将位置更新发送到服务器,并将位置广播给客户端。流量不是问题,因为只有两个用户可以互相对抗,这由 socket.io 中的房间功能处理。绘图和游戏循环是用easeljs实现的。
我遇到的问题是其他玩家的动作不是很流畅。位置更新确实非常快(足以应对碰撞等),但对于通过服务器获得位置更新的玩家来说当然不是那么顺利。
如何平滑动画?目前我正在创建一个新的 Container 类并更新容器的位置,例如
javascript - EaselJS、Canvas、位图图像质量低且注册点不起作用
我刚开始在我正在处理的项目中使用 EaselJS,但我对位图类有点卡住了。我所做的是将 3000 x 4000 图像添加到画布/舞台,并让用户缩放和旋转它。我主要使用以下功能:
除了注册点之外,这一切都有效。给函数的数字是图像宽度/高度的一半,所以应该不错。但旋转仍然不是从中心..
此外,我正在寻找一种方法来提高此位图或舞台的质量。当位图缩放到 0.2 时,图像根本不可见,只有一堆大块/像素。
希望有人可以在这里帮助我,
提前致谢
javascript - 选择easeljs鼠标事件不起作用
不知道我在这里做错了什么,但一些选择鼠标事件(拖放、onclick 和 onpress)不起作用。但是 onDoubleClick 有效。这就是我正在做的事情。
.js 文件
.html 文件
我正在本地服务器上使用它,因此触发远程服务器的这种类似行为的服务器安全问题不适用(我认为)。伙计们,我被难住了。您的帮助将不胜感激。谢谢。
image - 画布跨域像素错误
我在 html5 画布上遇到了这个问题。我正在使用 EaselJS 加载图像。
但是,当我在图像的父容器上添加任何类型的鼠标事件(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 文件:
javascript - 是否可以用easeljs 创造出不断生长的花朵效果?
我正在尝试使用easeljs 为触摸设备创建一个html5 游戏。我想要实现的效果之一是当玩家在屏幕上向上滑动时,一朵花会动态(随机)生长,让蝴蝶休息。
可以用easeljs做到这一点吗?谢谢。
例子:
javascript - 使用 EaselJS 库在 Firefox 中的缓慢移动
我想知道为什么这个简单的球移动代码在 IE 和 Chrome 中运行流畅,而在 Firefox 中它看起来很慢,尽管它保持相同的 FPS 速率。
我需要做什么才能在所有浏览器中实现相同的平滑移动?
html - 如何为 EaselJS DisplayObject 使用动态调整大小的 hitArea?
我想在我的 EaselJS 项目中使用 hitArea 来捕获点击事件,但是我分配的 hitArea 形状似乎没有得到尊重。
如果我将 hitArea 形状添加为容器对象的子对象,则单击事件可以正常工作。