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

javascript - 返回的事件对象覆盖父对象 - javascript,easeljs

我正在为 HTML5 游戏使用easeljs。

我正在从类中的方法中调用 onClick,但事件对象正在覆盖我的“this”对象,因此我无法再访问其他类方法或 var。例如我有类似的东西(显然这不是实际的代码,只是一个简单的说明):

所以,如果我运行它,我会收到一个未定义的警报,因为在我的 detectClick 方法中,这现在是我的事件对象。

那么如何从这个方法中调用原始文本呢?

非常感谢

0 投票
2 回答
992 浏览

html5-canvas - 在 createjs 中添加渐变文本

我目前正在寻找一种向使用 textjs 生成的文本对象添加渐变的方法。

0 投票
1 回答
210 浏览

javascript - 是什么导致我的画布绘图在某些值处中断和跳过(2 ^ 15,一个)?

我正在使用 EaselJS 开发基于 2d 画布的应用程序,用户可以通过拖动背景在 xy 平面上无限移动。想想谷歌地图,除了背景是重复的瓷砖。

运动的代码非常简单,看起来像这样:

所有工作都按预期工作,直到任一轴上达到 32678px (2^15)。在不同的浏览器中发生的事情是不同的,但它首先发生的点是相同的。

在 Firefox 中,它会突然移动一大块像素 (~100) 而不是 1。然后它会在 65538 (2^16+2) 处再次发生,之后可能会更多,但我没有亲眼目睹。在故障点之后,阻力将继续顺利,如预期的那样,但保持移动。

在 Chrome 中,效果更加显着。绘图中断并导致在 32768 处的页面上重复出现约 100 像素宽的背景“条纹”,并且在重绘时不会自行纠正。

奇怪的是,EaselJS 中的数字并没有反映这个问题。容器变换矩阵的唯一变化是txorty递增 1。其他矩阵没有变化。似乎EaselJS的所有数字都是正确的。

任何人都可以阐明这个问题吗?

编辑:
我通过使用计算的 regX/regY 重绘容器的某些部分来解决这个问题,而不是尝试在画布上转换非常大的 regX/regY 坐标。

0 投票
1 回答
1193 浏览

jquery - EaselJS 拖拽动作不流畅

我刚开始尝试 EaselJS,我的第一次尝试是在https://github.com/CreateJS/EaselJS/blob/master/examples/DragAndDrop.html的拖放示例之后加载 jpeg 图像

问题:当我试图拖动一个对象时,拖动的动作非常不稳定且不流畅!为什么是这样?

我试过stage.enableMouseOver(50);了,但还是一样。它不像这个使用 KineticJS 的例子那么流畅。

0 投票
1 回答
2588 浏览

javascript - 使用 easelJs 或 KineticJs 创建动态矩形/框

嗨,我正在寻找使用 JavaScript 制作平面图编辑器(类似于 MsPaint)。我已将EaselJSKinetiJS列为我的首选库。

我想知道如何使用这些库创建一个动态矩形框/线。我打算通过单击鼠标并拖动它来绘制一个矩形(同时按住鼠标按钮)。因此,矩形的大小将取决于鼠标拖动的距离。

任何帮助将不胜感激。如果有人觉得像fabrisJspaperJs这样的任何其他库会是更好的选择,那么我也对这些库中的解决方案持开放态度。

0 投票
1 回答
273 浏览

javascript - EaselJS onPress 在 IPAD 上不起作用

我有一个使用 EaselJS 创建的 Ipad Web 应用程序。当我按下使用“onPress”的元素时,我的 IPAD 上的调试控制台出现以下错误。

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

这适用于我的桌面,但是当我在我的 iPad 上访问网站时它不起作用。我没有使用任何外部图像(所有图像都是我网站的本地图像)如果有帮助,它们是 SVG 图像。

0 投票
1 回答
686 浏览

html - 使用 EaselJS 优化 HTML 中的 Spritesheets

我是一名 iPhone 开发人员,我在那里使用 Spritesheets 已经有一段时间了。在 iOS 中,spritesheet 图像尺寸应优化为“2 的幂”(例如 1024x2048),因为它们会在这些块中分配内存,而其他图像分辨率的优化程度会较低。

我的问题——这个逻辑是否适用于所有平台?我现在在 HTML5 中使用带有 EaselJS 的精灵表,我想知道使用“二的幂”大小约束是否更好,或者只使用任何大小。

0 投票
1 回答
409 浏览

javascript - Easeljs精灵动画卡在框架上

我正在通过使用easeljs 库为学校课程制作一个简单的游戏来学习javascript。我想制作一个十字准线,通过在您指向目标时显示一个小动画来向玩家提供一些反馈,使用我制作的命中测试。

然而,当十字准线接触到目标时,动画(应该是两个指向十字准线中间的小三角形)似乎卡在它的第一帧上。

这是我的一些代码,我将这两个函数都放在了一个ticker函数中。这些函数做了它们应该做的事情(我通过向console.log发送一条消息来检查),但我认为一旦变量“hitTestControle”设置为true,动画就会在每次滴答时重置。如果您想查看所有代码,这里是“游戏”的链接:http: //athena.fhict.nl/users/i279907/achtergrond/achtergrond.html

PS:我使用的这个热门测试似乎也有问题。

0 投票
2 回答
1558 浏览

javascript - EaselJS BitmapAnimation.gotoAndPlay 滞后

我编写了一个 requirejs 模块来获取 BitmapAnimation 并添加方法以允许它以一定的速度在舞台上移动,一旦到达目的地,就可以移动到另一个循环动画。

我遇到的问题是,在调用 gotoAndPlay 和舞台上发生的任何事情之间有很多滞后。我已经 console.logged 调用 gotoAndPlay 的方法,但日志会立即发生在动画变化不那么快的地方。

这是我的抽象对象:

编辑:这似乎只影响 chrome - ie9 和 firefox17 都很好

编辑:如果我使用以下代码而不是扩展我的抽象字符,这将毫无问题或滞后地发挥作用

0 投票
6 回答
11318 浏览

easeljs - 用于游戏开发的 LimeJS 与 CreateJS

我想开始开发 HTML5/JS 游戏。我看到了这两个框架 LimeJS 和 CreateJS & EaselJS。哪一个更好?有人对这两个框架有经验吗?那么文档呢?