问题标签 [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 投票
0 回答
397 浏览

javascript - 多个画布?

多个 HTML5 画布的限制是什么?我可以在多个位置有多个不同大小的画布,它们不像在线示例那样分层。

0 投票
0 回答
1610 浏览

javascript - 在easeljs中跨越多个精灵表时出现口吃动画

使用 EaselJS,我有一个动画,用户可以使用自定义滑块滚动浏览。它使用 10 个精灵表来显示 152 个大小为 1924 x 1708 的帧。

动画有效,但每当动画在精灵表之间跳跃时,就会出现非常明显的打嗝。由于用户可以随心所欲地从滑块的一端移动到另一端,因此可能是动画播放速度过快以使图像跟上。然而,只有在以蜗牛的速度滚动时,动画才可以接受。我还想到 1424 x 1708 的精灵表尺寸可能太大而无法以如此高的速度加载。所以我将图像尺寸降低到 1424 x 632 (<250kb),虽然有所改进,但仍然存在滞后。如果有更优化的方法来做到这一点,我还没有看到。对这个场景的任何输入都会很棒。这样做的最终目标是在 ipad 上流畅运行,因此任何大于 2048 x 2048 的图像尺寸都不会飞。

是否有可能使用 css sprites 或我自己在 javascript 中的自定义方法获得更高的性能?

0 投票
1 回答
4857 浏览

html - EaselJS 框架中的文本

作为一个小问题,我得到了解决方案!但为什么会这样呢?

首先,我没有添加 label.maxWidth=40 。还有一些令人惊奇的事情,它可以在 Ubuntu 上的 Firefox 和 chrome 中运行!尽管如此,它在 Windows 上的 chrome 中没有显示任何内容。

附上官网http://easeljs.com/docs/Text.html的maxWidth声明

maxWidth - Number 绘制文本的最大宽度。如果指定了 maxWidth(非 null),则文本将被压缩或收缩以使其适合此宽度。

0 投票
1 回答
904 浏览

javascript - 使用 EaselJS 库进行开发的电子书

是否有任何电子书显示使用 EaselJS 库进行开发。我搜索了互联网,但找不到任何东西。

0 投票
1 回答
1192 浏览

javascript - Javascript onkeyup/onkeydown 输入

我正在玩一个非常简单的小射手来学习easeljs、tweenjs和canvas编码。我遇到了一个困扰我的问题。

unexpected end of input我在 Chrome 中收到错误,它指示line 1. 那是怎么回事?

请注意,在下面的代码中,我已经注释掉了所有键盘输入代码。错误不再出现。当我取消注释任何一个文档时。addEventListenerwindow.addEventListener输入代码再次引发错误。进一步的实验让我相信它与事件对象有关,但除此之外我不知道。

希望有人能帮忙!

0 投票
1 回答
241 浏览

javascript - 如何保护 js 免受自定义事件的影响

我正在用 canvas 和 easeljs 在 Javascript 上编写游戏,我想知道是否有任何方法可以保护它。例如,我使用stage.Addchild(index)向舞台添加新对象。只需编辑 DOM,我就可以附加新的事件处理程序并触发它,例如<body onclick="stage.removeChild(0)">,这将一一删除所有舞台对象。

我正在考虑过滤所有即将发生的事件并检查是什么触发了它。但我不知道该怎么做,可能有更好的方法来做到这一点......请指出我正确的方向......

0 投票
2 回答
2042 浏览

html - 如何在鼠标悬停功能上增加图像大小

大家好,我是 html5 的新手。我已经编写了一个代码,其中我使用了画架JS库。我已经加载了一个图像,我想尝试不同的鼠标事件。我已经在画布上加载了一个图像,它工作正常但是当我将鼠标放在图像上时,我希望我的图像变大。但我不知道为什么它不起作用。任何人都可以指导我我在这里错过了什么是我的代码

谢谢

0 投票
1 回答
641 浏览

javascript - 如何获取被点击的对象的副本

大家好,我目前正在使用html5和easelJS。我有一个画布和一个图像。我想要的是,当我单击图像时,它的副本被创建,当我单击画布上的其他位置时,我的图像被复制在那里,所以在我的画布上留下了两个图像。我想问有没有一种方法可以让我知道我是在点击图像还是在画布上。以及如何在我写了一些代码时复制我的图像,但它会删除我的原始图像和位置它到那里只在画布上留下一个图像

谢谢

0 投票
1 回答
1910 浏览

html - Easel.js > 这段代码有什么问题?

这段代码有什么问题?:S.. 我的画布是空的。图片 URL 正确且图片已加载。

这是我的 engine.js 文件:

这是我的 index.html 文件:

我是整个easel.js 的新手,从来没有对Flash 或actionscript 做过任何事情。我是一名 PHP 开发人员,所以这对我来说是一个很大的转变。缺乏文档/教程/示例,让我很难学习如何使用easel.js。因此,如果您有任何指示或资源供我查看。请分享!

0 投票
3 回答
2077 浏览

javascript - 使用 Javascript 和构造函数的动态变量名称:使用 EaselJS 将图像动态克隆到多个画布

再会!我在这里寻求有关应用于构造函数的 Javascript 中的动态变量名称的帮助。这比预期的要困难得多。我已经在许多论坛和网页上阅读过这个问题,但我找不到我做错了什么=/

我正在使用一个名为EaselJS的 HTML5+Javascript 库,但我的问题与它无关,而是与 Javascript 语法有关!这是我的问题。我得到了这个代码:

在这里,变量stage已经分配了一个 Stage 对象,该对象使用 canvas id cnvs初始​​化。这一行(在我的其余代码的上下文中)有效!我想用这样的 for 将其简化为一行:

此处的此链接恢复了如何完成此操作:使用eval(很多人说不推荐)和使用window(推荐)然后如果我这样做(没有for进一步简化):

代码仍然有效。但我不知道如何用引号中的画布 ID 完成类似的解决方案。这些代码行失败:

在这些尝试中,甚至试图传递我需要的确切值(没有i)它对我没有帮助!我正在反斜杠引号,因为我认为它们对于getElementbyId=( =( =(

现在我一无所知!=(我确定有办法做到这一点,也许我不知道语法,也许我不知道如何正确地通过引用或按值调用变量,我不知道...请帮助我,我不知道怎么做这个简单的任务!

非常感谢 =)

编辑: 尝试@cHao 的建议我也做不到!为简单起见,我将 for for i 设置为仅一个:

它解决了一半的问题,但是如何处理第一个变量?=/谢谢!!!!

编辑2: 已要求提供更多详细信息!这是一个复制/粘贴示例!只需更新 EaselJS 和图像路径即可!

__ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ _ _ __ _ _

编辑 3:已解决! 我将发布最终代码以供希望使用 EaselJS 在尽可能多的画布中使用同一对象渲染单个图像的人参考。为此,您需要用于阶段的 bitmap.clone() 方法和数组。感谢@cHao 帮助我;)以下代码将在所有画布中呈现相同的图像!必要时更新;)