问题标签 [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 回答
2243 浏览

javascript - 在 EaselJS 中将矢量绘制到位图

我正在开发一个不断绘制数千个向量的 EaselJS 程序。不用说,在很短的时间之后,性能就会下降。为了在 Flash 中解决这个问题,我会在矢量后面创建一个位图,并定期将矢量绘制到该位图上,并将它们从显示列表中删除。

我在 EaselJS 中执行此操作时遇到了麻烦,即使看起来所有部件都已到位。如何创建一个空的 Bitmap() 并将 Container() 的内容绘制到它?

0 投票
1 回答
6503 浏览

html - EaselJS 在鼠标悬停上更改颜色

在 HTML 画布元素中实现了所有鼠标和矢量相关信息后,我切换到 EaselJS。

我已经习惯了 EaselJS,它真的很整洁。我特别喜欢容器以及它们使绘制嵌入形状变得多么简单。但是,我不知道您如何在鼠标悬停时实现形状的颜色变化。任何简单的东西,比如将颜色从红色变为绿色的矩形。

我是否应该从其容器中删除形状并使用新颜色创建一个新形状?

更复杂的是,如果一个形状部分地遮挡了另一个形状,比如说一个圆圈内的一个正方形,那么 onMouseOver 将不会在该正方形上注册该圆圈。有没有办法解决。

干杯

编辑:这是我用来画圆的向量的一个例子

有没有一种简单的方法可以将新颜色传递给 beginFill?我可以在那里使用变量吗?是circle.graphics...只执行一次,还是每次调用stage.update()

0 投票
2 回答
3860 浏览

javascript - 方法比较:EaselJS vs Multiple Canvases vs Hidden Canvas 的交互性

1.) 我发现了一个名为 EaselJS 的画布 API,它在为您绘制的每个元素创建一个显示列表方面做得非常出色。它们本质上成为画布上可单独识别的对象(在一个画布上)

2.) 然后我在http://simonsarris.com/上看到了这个可以拖放的教程,它利用隐藏的画布概念进行选择。

3.) 第三种方法,一种工作方法,http://www.lucidchart.com/,这正是我想要实现的,基本上每个形状都在不同的画布上,并用于定位它们。有大量的画布。

问题是,什么是实现交互式网络图的最简单方法,如http://www.lucidchart.com/

一个附带的问题是,通过在画布上定位或使用多个画布(一个用于呈现文本)来获取文本输入是否更好,如 LucidChart

0 投票
1 回答
598 浏览

javascript - Easeljs:鼠标事件停止工作

我正在使用 EaselJs 库实现触摸动画。

当我从本地文件夹中读取图像时,所有鼠标事件都可以正常工作,例如:onPress。

但是当我从如下 URL 中选择图像源时:http: //www.visionale.net/wp-content/uploads/cool-accessories-car.jpg

鼠标事件,如 onPress,停止工作。

例如,尝试从库中拖动AndDrop 并将图像链接“img/x.jpg”更改为来自互联网的任何链接。

0 投票
1 回答
3552 浏览

javascript - EaselJS 线条模糊

我使用 EaselJS 作为 HTML5 画布的 API。

我注意到以下代码:

...产生以下行:

在此处输入图像描述

我将粗细设置为 1 - 但线条仍然模糊。如果你放大快照,你可以看到它实际上占据了 3 个像素。我相信我在某处读到画布在两个像素之间绘制了一个点,因此两个像素实际上都会被着色。您需要将绘制点的位置移动像素宽度的一半,使其落在整个像素上。

我的应用程序需要清晰的图像,请告知。

0 投票
0 回答
3454 浏览

javascript - 使用 EaselJS 使用鼠标事件调整画布元素的大小

我正在尝试将元素绘制到画布上,然后允许用户通过单击并拖动它们来调整它们的大小。我已经用 Kinetic JS 库实现了这个,但我的开发团队正在转向 Easel JS。

这是 Kinetic 库的代码。

这工作得很好。

我在 Easel JS 中了解了这么多,但是这段代码没有做任何事情。画布完全是空白的。我意识到我不确定如何:

  • 调用鼠标事件——在这里我试图将它们附加到 DOM 元素,如本教程中所示
  • 在哪里设置调整大小功能 - 单独的功能?在 tick() 函数中调用?
  • 抓取鼠标坐标

我知道这不应该这么困难,并希望得到任何帮助。

0 投票
1 回答
4242 浏览

javascript - 按住键时的Javascript画架JS动画

我正在尝试使用easelJS 制作一个HTML5 RPG 游戏来处理精灵动画。当我在任何方向按箭头键时,角色不会播放动画,而是似乎跳回第 0 帧并停止而不是循环动画。

我需要的是动画在按下键时继续循环,而不是角色卡在帧中。

这是我到目前为止的游戏,它真的很乱,因为我正在试验并仍在学习 HTML5。 http://cloudrealms.com/dev/

这是我正在使用的代码:

箭头键捕获:

在我的勾选中,我有一个名为 HandleInput() 的函数,代码如下:

我想知道的是如何在按住箭头键的同时为玩家精灵设置动画?

0 投票
1 回答
1283 浏览

javascript - 代码辅助 - Aptana 中的外部 javascript 库

试图在 Aptana 3 中获取 Easeljs js 库(作为 Web 项目)。拖动项目中的文件(文件被索引)。它不会将该库识别为代码辅助。外部 js 库是制作 sdocml 的唯一方法(如果有,是否有生成器?)还是有其他方法来获得代码帮助?

0 投票
3 回答
1266 浏览

sprite-sheet - EaselJS 和 SpriteSheet

我只是想在精灵表中获取每一帧,但我一直得到的只是第一帧,这是代码:

我会把它放在小提琴上,但图像会出现跨域问题。

0 投票
3 回答
822 浏览

javascript - 为 EaselJS 生成 Haxe 外部

作为 JavaScript 和 Haxe 的新手,这可能有一个简单的答案,但我发现 Haxe 在 GoogleCode for EaselJS 上有 externs 端口,但它们已经过时并且对应于早期版本。我已经能够修复在编译期间发生的错误,但我仍然担心我没有捕获所有新变量和函数名称。

我的问题是:有没有一种简单的方法可以为像 EaselJS 这样的大型 JS 库生成外部变量?