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

android - 画布上的鼠标单击(或触摸)事件导致使用 HTML5、Phonegap 和 Android 进行选择

我正在使用 easlejs + phonegap 开发 HTML5 游戏,并且遇到了每次在画布上单击/触摸/鼠标按下时屏幕闪烁的问题。

下面是我创建的用于测试问题并查看它是否与 easlejs 相关的非常简单的代码。正如您从代码中看到的那样,它与 easlejs 无关,只是一个 html5/phonegap 问题。

你可以看到我也尝试了没有选择的 CSS 样式,但没有运气。

在画布上按住鼠标(第一张图片)然后释放它(第二张图片)时显示橙色边框的屏幕截图

0 投票
3 回答
7097 浏览

html - chrome中的EaselJs错误

我正在使用 Easeljs 库。Everthing 在 Firefox 和 ie9 中运行良好,但在 google chrome 中鼠标事件不起作用,我收到此错误“未捕获的错误已发生。这很可能是由于使用本地或跨域图像读取画布像素数据的安全限制。”

0 投票
1 回答
1172 浏览

html - 使用 EaselJS 在 HTML5 画布中渲染单个帧或视频的给定部分

我怀疑肯定应该以某种方式完成,但我不知道如何,我将不胜感激;)我正在使用 EaselJS 以这种方式在 HTML5 画布中呈现视频:

HTML

Javascript

请不要太在意Javascript代码...我只是综合了我记得的基础知识,我的真实代码要大得多;这只是一个参考,说我正在以许多教程中给出的 EaselJS 正常方式渲染视频;所以这个片段可能不起作用,但给你的想法。我的真实代码完美运行!

我只是想知道你们是否知道一种只渲染视频的单帧而不是全部播放的方法。

我为我的应用程序使用了许多画布,并且在渲染所有需要的视频(6 个视频,6 个画布)时,如果不是超慢的话,它会减慢我的应用程序的速度。我只想渲染给定视频的预可视化(几秒钟)或只是一个帧。它必须用 EaselJS 完成,因为我已经完成了很多功能代码 =)

有人可以请教我吗?非常感谢 =)

0 投票
2 回答
4302 浏览

performance - EaselJS中大量动画位图的速度

在使用 EaselJS 时,我似乎在使用大量动画位图(全部基于相同的 spritesheet)时遇到了一些麻烦。当我在我的舞台上同时运行几个时,完全没有问题,但是当同时运行更多数量的它们(从大约 30 到 40 开始)同时移动它们时,我开始拥有它们“闪烁”相当多,即使 fps 约为 10。

我没有使用任何阴影或其他任何东西。只需使用动画位图并移动它们。

有人对提高这种性能有什么好的建议吗?

0 投票
1 回答
6599 浏览

javascript - HTML5 画布工具提示

我正在使用 HTML5 画布。我已将图像 (BitmapImages) 添加到画布,现在我想为这些位图图像添加简单的工具提示。

这可能吗 ???如果是这样,有人可以告诉/告诉我如何实现这一目标吗?

我不确定它是否有所作为,但我也在使用 Easel JS 框架......

这是我目前拥有的示例:

我没有测试过这段代码,但基本上是一个位图图像被创建并添加到我的舞台上。我现在想向我的位图图像添加一个简单的工具提示,但似乎无法弄清楚如何:(

任何帮助将不胜感激。

干杯,乔恩。

0 投票
2 回答
1305 浏览

javascript - 用 EaselJS 理解动画/物理/数学实现

这部分是 EaselJS 问题,部分是物理/动画编程问题。

我正在尝试通过研究 EaselJS zip 文件中包含的示例来学习 EaselJS。现在,我正在查看 SimpleTransform 示例(http://bit.ly/LebvtV),其中机器人旋转并淡入背景并向前景扩展。我觉得这个效果真的很酷,并且想学习如何实现它。但是,当我来到这组代码时,我迷失了:

(对于那些不熟悉 EaselJS 的人,tick() 是一个函数,它指示每个刻度上的动作,其间隔由 setFPS 设置。因此,如果我将 FPS 设置为 20,那么 tick() 将执行其语句 20 次一秒钟。我相信。这里的bmp是一个指向机器人图像的 Bitmap 对象。)

我从来不是数学方面的巫师,但我确实了解基础知识。我可以看到它angle += 0.025;用于增加角度变量,以便传递给setTransform的值可以随时间变化。但是,我不明白为什么使用 a) 0.025。b) (Math.sin(angle) * 360)((value)/360) + 0.25是什么意思,以及 c) 为什么value不只是传递给setTransform,而是除以 2 ( value/2 )。

我知道在这里解释这一点可能是一个挑战,但感谢任何帮助。事实上,如果有人认为我是菜鸟并且需要先学习一些物理学,如果有人能指出我的资源(书/网址)供我参考,我将不胜感激。

提前致谢。

0 投票
2 回答
919 浏览

javascript - 如何同时处理更多的键?

我正在用画架 js 和 jQuery 制作游戏。我想同时处理多个按键。我有一个键的这段代码:

但是我怎样才能让它同时旋转和向前移动呢?

0 投票
1 回答
1088 浏览

javascript - HTML5 Canvas 使用easeljs pan

这里有没有人有一个使用 Easeljs 进行平移的好例子?我实际上是在一个大约 5200x7400 的大画布内制作一个球的动画。我可以使用包含画布的 div 将球置于屏幕中心,将其设置为溢出滚动,然后使用该函数设置tick()我的.scrollTopscrollLeft<div>

我只想使用纯画布来执行此操作,因为当我尝试在 Android 4.0 上使用我的网站时,scrollTopScrollLeft不起作用。

0 投票
2 回答
2385 浏览

javascript - 如何在Javascript中移动元素的旋转点?

如果我在 EaselJS 中旋转图像,它会围绕 0,0 点旋转我如何移动它?泰!拉斯

0 投票
2 回答
4736 浏览

javascript - EaselJS 透视图像变换

是否可以在 html5 画布中进行透视图像转换?我现在正在使用 EaselJS,但找不到满足我需求的解决方案。