在EaselJS / CreateJS中停止单击某个阶段上的对象并转到nextStage
在EaselJS / CreateJS中，可以通过停止单击某个阶段上的对象并转到下一个阶段来实现一些交互效果或者切换场景的功能。
EaselJS / CreateJS是一套用于创建交互式Web内容的JavaScript库，其中包含了丰富的功能和工具，可以帮助开发者轻松地创建各种动画和游戏。
要实现在EaselJS / CreateJS中停止单击某个阶段上的对象并转到下一个阶段，可以按照以下步骤进行操作：
- 创建舞台（Stage）对象：使用EaselJS / CreateJS提供的Stage类创建一个舞台对象，用于承载所有的显示对象。
- 创建显示对象：使用EaselJS / CreateJS提供的各种显示对象类（如Shape、Bitmap等）创建需要显示的对象，并添加到舞台上。
- 添加交互事件监听器：为需要响应点击事件的对象添加交互事件监听器，可以使用EaselJS / CreateJS提供的on()方法来监听点击事件。
- 在事件处理函数中实现逻辑：在点击事件的处理函数中，可以编写代码来实现停止当前阶段上的对象，并转到下一个阶段的逻辑。可以使用EaselJS / CreateJS提供的stop()方法来停止当前阶段上的对象的动画播放，使用nextStage属性来获取下一个阶段的引用，然后使用gotoAndPlay()方法来播放下一个阶段的动画。
下面是一个示例代码：
// 创建舞台对象
var stage = new createjs.Stage("canvas");
// 创建显示对象
var shape = new createjs.Shape();
shape.graphics.beginFill("#FF0000").drawCircle(0, 0, 50);
shape.x = 100;
shape.y = 100;
// 添加显示对象到舞台
stage.addChild(shape);
// 添加交互事件监听器
shape.on("click", handleClick);
// 点击事件处理函数
function handleClick(event) {
// 停止当前阶段上的对象的动画播放
event.target.stop();
// 获取下一个阶段的引用
var nextStage = event.target.nextStage;
// 播放下一个阶段的动画
nextStage.gotoAndPlay(0);
}
// 更新舞台
createjs.Ticker.addEventListener("tick", stage);在这个示例中，我们创建了一个舞台对象和一个圆形显示对象，并将圆形显示对象添加到舞台上。然后，我们为圆形显示对象添加了一个点击事件监听器，在点击事件处理函数中，我们停止了当前阶段上的对象的动画播放，并获取了下一个阶段的引用，然后播放了下一个阶段的动画。
这只是一个简单的示例，实际应用中可能会涉及更复杂的逻辑和场景。根据具体的需求，可以结合EaselJS / CreateJS提供的其他功能和工具，来实现更丰富的交互效果和场景切换。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我在CreateJS / EaselJS中有两个画布和两个阶段。第一个阶段将autoClear设置为false，我从一个stagemousedown事件开始在它上面进行动态绘制。第二阶段使用nextStage将鼠标事件发送到第一阶段。第二个阶段有一个界面，比如我想要按下转到另一个页面的位图。当我点击Bitmap时，下面的stage会进行动态绘制。我希望在位图上的单击不会进入第一阶段，但stopImmediatePropagation不起作用，也不会将带有mouseEnabled false的位图的克隆放在它的下面。我可以只在Bitmap上使用mousedown，这样用户就不会注意到太多，但我想
浏览 11提问于2018-01-11得票数 1
我正在用HTML5构建一个应用程序，使用CreateJS (EaselJS)，Box2D，使用Browserify (用Gulp构建)用CoffeeScript编写。
我刚花了半天的时间在键盘上敲打我的头，试图找出为什么我的EaselJS事件不能工作。窗口/文档事件很好。任何和所有的EaselJS事件都没有做任何事情。结果是调试画布捕获了它们，在无形的上覆盖。
我无意中发现了这一点，最终通过打开和关闭调试画布发现了这一点，这使得事件得以获得，并且它们开始响应。
所以现在，我的问题是:处理这些事件的最佳方法是什么？
a)，不需要我首先切换调试画布，并且
( b)当调试处于活动状态时，我如何将事件
浏览 3提问于2014-09-17得票数 0
1回答
我有一个绘图画布(基于EaselJS )，当在mouseup上时，我想给正在呈现到画布上的形状注入新的颜色。我也想不使用过滤器。
BIN：
我曾经直接将一个定制的填充/笔画注入到形状图形中，但是在后来的EaselJS版本中，这已经停止工作了。
marker.graphics._dirty = true;
marker.graphics._fill = new createjs.Graphics.Fill('blue');
marker.graphics._stroke = new createjs.Graphics.Stroke('blue');
什么是建议的方
浏览 1提问于2015-11-05得票数 0
回答已采纳
1回答
我在EaselJS中创建了player类，方法是像这样扩展形状：
var Player = createjs.extend(function Player (color, x, y) {
this.Shape_constructor();
this.x = x;
this.y = y;
this.graphics.beginFill(color).drawCircle(0, 0, 10);
}, createjs.Shape).constructor;
createjs.promote(Player, 'Shape');
我想让我的播放器听一下s
浏览 4提问于2015-12-27得票数 0
回答已采纳
1回答
我需要使用Shape对象创建可拖动的随机矩形。此函数用于在单击鼠标的位置创建新的矩形。
var rects = [];
var i=0;
var stage;
window.onload = function() {
canvas = document.getElementById("drawingCanvas");
context = canvas.getContext("2d");
stage = new createjs.Stage("drawingCanvas");
canvas.onclick = canvasClick;
}
fu
浏览 1提问于2018-05-11得票数 0
1回答
因此，我一直在寻找用Javascript创建游戏的最好方法，并决定EaselJS可能工作得最好(如果有更好的库，请告诉我)。
我刚刚开始，但我似乎不能加载一个精灵来工作…我不太确定问题是什么，因为它正在与画布连接，正在加载库……以下是javascript控制台错误：
Uncaught TypeError: Cannot read property 'length' of null easeljs-0.7.1.min.j
s:12
b._calculateFrames easeljs-0.7.1.min.js:12
b.initialize
浏览 0提问于2014-03-03得票数 0
1回答
我有一个只使用EaselJS加载和显示图像的工作动画。整个动画工作得很好，但是图像会立即出现并消失。我希望随着时间的推移，它们会逐渐消失。下面是一个可以更好地说明问题的小玩意：
var stage = new createjs.Stage("canvas");
var shape = new createjs.Shape(new createjs.Graphics().f("#f00").dc(0,0,100)).set({x:100,y:100});
stage.addChild(shape);
stage.update();
shape.addEventL
浏览 2提问于2014-04-25得票数 4
回答已采纳
在代码的开头，我设置了一个滴答事件。下面这三条线起作用。
createjs.Ticker.addEventListener("tick", handleTick);
createjs.Ticker.useRAF = true;
createjs.Ticker.setFPS(30);
我想在代码末尾删除侦听器。我试过这样称呼它，但它不起作用：
createjs.Ticker.removeAllListeners();
火狐控制台上写着我是createjs.Ticker.removeAllListeners is not a function。所以我试着换另一个：
createjs
浏览 1提问于2014-01-14得票数 0
回答已采纳
1回答
导入第三方图书馆
、、、
我需要在angular2项目中导入第三方库。
以下是我所做的：
ng new myproject
npm install --save createjs-easeljs
npm install @types/easeljs
现在是我被困的时刻。如何导入和使用这个库？有像Shape或Stage这样的对象
import { Shape, Stage } from '../../../node_modules/createjs-easeljs/lib/easeljs-0.8.2.min.js';
这根本不起作用。
我的文件夹结构：
dynam194:src timo$ tree -L
浏览 1提问于2017-01-30得票数 0
回答已采纳
1回答
我正在使用easeljs javascript来制作一种游戏。我正在使用这个例子：
正如你所看到的，有太空望远镜。这是图形对象：
this.graphics.beginStroke("#FFFFFF");
我想用这样的图片来填充背景：
var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png");
this.graphics.beginBitmapFill(bitmap, "no-repeat");
但我总是会犯这样的错误：
未
浏览 0提问于2013-06-20得票数 0
回答已采纳
2回答
我需要在一个项目中使用EaselJS并导入一些字体。
我想用谷歌字体代替，但你需要WiFi，我的项目不应该需要WiFi。
我试着用CSS导入字体就像这样-
@font-face {
font-family: Sample;
src: url(font/Organo.ttf);
}
然后我用EaselJS做了一些短信-
var txt = new createjs.Text();
txt.x = txt.y = 500;
txt.font = "96px Sample";
txt.color =
浏览 1提问于2016-02-19得票数 0
回答已采纳
1回答
我正在尝试创建一个Vue.js组件，它允许我加载(使用PreloadJS)并显示各种EaselJS画布实验。Vue.js组件：
获取使用HTML和2个div创建的用于实验脚本和EaselJS库的
created生命周期钩子:使用PreloadJS加载EaselJS库(包括在主PreloadJS文件中)
将EaselJS库文件存储在#creatjLib div中。
之后，它加载实验脚本文件并将它们存储在#gameAssets中。
以下是组件：
<template>
<div class="fullscreen">
<
浏览 3提问于2017-07-18得票数 2
回答已采纳
1回答
我试着在一个html文件中使用两个不同的画布。我可以很好地处理测试文件(它不包含任何图像)。当我对图像使用画布时，它不起作用。因此，我怀疑我的库设置有问题。所有文件都是用adobe CC flash canvas创建的。感谢您的任何帮助或提示！
<script src="http://code.createjs.com/easeljs-0.7.1.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.4.1.min.js"></script
浏览 1提问于2016-10-03得票数 0
1回答
扩展“类”并通过模块导出
、、、
我在tuts+上学习有关使用easeljs开发游戏的教程(浏览器化，保龄球，咕噜)。尽管如此，我还是想要完成，但部分教程工作流程(类模型)现在已经不推荐了。这就是createjs团队对此的看法：
我不太明白，因为我不知道以前的模型，而TBH试图让JS表现得像OO一样是件痛苦的事。
我有基于main.js和Button.js的在线演示的easeljs。我想扩展easeljs容器并导出Button原型(prototype是定义类的JS方式，对吗？)并使用(创建?的实例)在main.js里。
我应该使用匿名函数包装Button.js文件以避免使用全局范围，还是因为我是通过它的构造函数导出它，所以
浏览 0提问于2015-10-28得票数 2
回答已采纳
我刚开始尝试用Haxe做一个网页应用程序，我想用CreateJS，它有一个Haxe外部库。我使用FlashDevelop作为我的集成开发环境。
因此，我在FlashDevelop中创建了一个新的Haxe项目，并使用"haxelib install createjs“安装了CreateJS。现在我尝试将导入添加到我的Main.hx中，但它不起作用。我的导入看起来像这样：“导入createjs.easeljs.Ticker;”(从一个例子中获得，只是复制了它，但没有工作:s)我还在我的项目中添加了一个新的映射"lib“，我在其中添加了createjs内容。
我得到的错误是: src
浏览 0提问于2012-09-10得票数 3
回答已采纳
1回答
起伏的画布动画- EaselJS
、、、、
我正在尝试使用来模拟在EaselJS横幅中看到的画布元素。但是我的动画在chrome和firefox上都是不稳定的。任何帮助都是非常感谢的。(首次使用EaselJS )
我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>EaselJS</title>
<style>
body{
margin: 0;
浏览 7提问于2016-08-17得票数 0
回答已采纳
我对creatJS有意见，希望你能帮上忙。
var stage = new createjs.Stage(canvas);
我发现了一个错误：
angular.js:13642 ReferenceError: createjs未定义。即使我把EaselJS放在我的保龄球组件里。
谢谢
浏览 9提问于2016-07-26得票数 1
回答已采纳
我正试图为我的easelJS小应用程序寻找一种好的碰撞检测方法。
我刚刚用createjs.Shape创建了两个矩形
但是在创建矩形形状之后，API不让我知道矩形的宽度和高度(我不知道为什么)。
EaselJS Shape有一个名为"hitTest“的方法，但是它只能用于测试形状和点的碰撞。
//Here's the code http://jsfiddle.net/ZbZjL/16/.
//Create a stage by getting a reference to the canvas
stage = new createjs.Stage("demoCanva
浏览 4提问于2013-12-03得票数 5
回答已采纳
在本例中：
var canvas = document.getElementById("testCanvas");
var stage = new createjs.Stage(canvas);
function drawRectangle(){
var rect = new createjs.Shape();
rect.graphics.beginFill("#000").drawRect(10, 10, 100, 100);
stage.addChild(rect);
}
function drawShapes(){
drawRectang
浏览 1提问于2017-08-03得票数 2
回答已采纳
1回答
我有一个简单的形状：
var line = new createjs.Shape();
line.graphics.beginFill('red').drawRect(0, 0, 1, 10);
我想把这个形状的宽度从1px变成100 1px。
我该怎么做？
我已经阅读了几乎所有的文档，并仍然不确定是否有可能在这一点上，我似乎找不到一个例子，在他们的网站或其他地方。
createjs.Tween.get(line).to({width: 100}, 1000, linear);
这显示在几乎所有的动画文档中，但在使用宽度时却什么也不做。当我更改x或y属性时，效果很好。是否有我可
浏览 1提问于2016-01-14得票数 0
回答已采纳
我一直在使用createjs Easeljs库进行一些帆布游戏项目。总之，我印象深刻，但我最近遇到了一个问题，铬，是阻碍我。
当鼠标左键按下，鼠标移动时，FPS就会在chrome上被降到30 (正如开发人员工具所报告的)。这是非常明显的，相对于60 This的比赛，通常运行。
为了理解这一点，我剥去了一块光秃秃的画布和滴答，问题依然存在。所以我迷路了。我可以用下面的代码再现这个问题：
<html>
<head>
<script src="./javascript/easeljs-0.8.1.combined.js"></scri
浏览 4提问于2015-10-08得票数 0
回答已采纳
我使用CreateJS/EaselJS在画布上显示了一个视频，它工作得很好：
stage = new createjs.Stage("demoCanvas");
background = new createjs.Shape();
stage.addChild(background);
videoDOM = document.createElement('video');
videoDOM.src = 'videos/espace_clients.webm';
if($.browser.msie) videoDOM.src = 'vi
浏览 0提问于2015-04-22得票数 1
5回答
使用Tweenjs设置颜色动画
、、、、
我最近切换到了EaselJs，并且想要对圆的颜色进行动画处理。
到目前为止，我得到的代码是：
var shape = new createjs.Shape();
shape.graphics.beginFill(createjs.Graphics.getRGB(255, 0, 0));
shape.graphics.drawCircle(0, 0, 10);
stage.addChild(shape);
var tween = createjs.Tween.get(shape, { loop: true }).
to({color:"#00FF00" }, 1000)
浏览 0提问于2013-01-09得票数 2
回答已采纳
我希望在EaselJs画布中的位图上覆盖一个文本。
在我的代码中，图像首先使用PreloadJS加载。随后又添加了文本。它们都从x= 0开始，y=0有不同的宽度和高度。因此，为了显示文本，我需要它在图像的顶部。
我有一种方法可以根据参数(即DisplayObj )显示文本或图像。因此，基本上，我必须调用DisplayObj(img)，然后是DisplayObj(文本)。然而，这将导致文本显示在图像后面。如果我更改代码，而不是执行两个函数调用，只需将显示文本的逻辑放在显示图像之后，只调用1次，它就能工作了。然而，这并不是我想要的，因为有时，文字和图像不需要相互叠加，因此这种方法似乎不太好。
对于
浏览 0提问于2015-07-27得票数 1
我不明白，如果我添加一个位图到stage，为什么eventlistener (从demo复制)不能工作。似乎位图导致了问题，因为如果我添加另一个圆圈等，点击工作正常。
请参见示例：
<!DOCTYPE html>
<html>
<head>
<title>EaselJS demo: Simple animation</title>
<link href="../_shared/demo.css" rel="stylesheet" type="text/css"
浏览 0提问于2013-09-30得票数 0
1回答
我已经在easeljs中使用循环绘制了几个矩形。它们不会填满任何颜色。如果我想稍后填充它们，我需要重新绘制它们吗？我必须保存他们的坐标。接下来，如果我想知道是否有人被填满了，有什么函数可以这样做吗？我是第一次接触canvas和easeljs。
optionChecks[oIndex] = new createjs.Shape();
optionChecks[oIndex].graphics.beginStroke("blue");
optionChecks[oIndex].graphics.setStrokeStyle(2);
optionChecks[oIndex].
浏览 2提问于2014-06-17得票数 0
1回答
画架JS的功能
、、
我正在尝试(但失败了)画架JS和画布。总的来说，我对canvas是个新手，而且我也在学习JS。我基本上是想做一个画布，我可以更新颜色，通过一个按钮点击传递。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>IllustratorSetup</title>
<script src="https://code.createjs.com/easeljs-0.8.2.min
浏览 1提问于2016-02-08得票数 1
我试着用TweenJS做一些非常简单的事情，在使用GSAP之后，我发现它的直观程度降低了。只想在已经设置为包含图像的div之间使用CSS/HTML：
<script type="text/javascript" src="https://code.createjs.com/easeljs-0.8.2.min.js"></script>
<script type="text/javascript" src="https://code.createjs.com/tweenjs-0.6.2.min.js"&
浏览 2提问于2016-06-22得票数 4
回答已采纳
我将通过说这是100%在Firefox (v21.0)中工作来开始这个问题。由于某些原因，它不能在Google Chrome (v27.0.1453.94m)上工作。它在IE10中也不起作用。
下面是我遇到问题的JavaScript代码：
function canvasDrawBackground(value){
console.log(value);
stage.removeChild(background);
var temp = new createjs.Bitmap("images/bg_" + value +".jpg"
浏览 0提问于2013-06-01得票数 1
回答已采纳
我在一张画布上有一个舞台和一个容器。
在舞台内部，我添加了一个包含两个矩形形状的Container。我将一个函数绑定到舞台的stagemousedown事件，该事件在事件发生的坐标下通过getObjectUnderPoint函数返回形状。
HTML：
<body onload="init();">
<canvas id="canvas" width="300" height="200">
</canvas>
<button onclick="zoom()"
浏览 1提问于2015-03-19得票数 1
回答已采纳
我在使用getCacheDataURL方面有一些问题。此功能在chrome中正确工作，但在IE10和Firefox中不工作。我这样做：
var cont = new createjs.Container();
var cont.cache(0,0,50,50);
var bitmap = new createjs.Bitmap(cont.getCacheDataURL());
var stage = new createjs.Stage();
stage.addChild(bitmap);
浏览 0提问于2015-03-28得票数 0
回答已采纳
是否可以将鼠标事件添加到形状蒙版？我有工作的面具，并在其他测试中它的动画。但现在我想知道是否可以单击和拖动蒙版。
您可以在这里看到示例：
尽管Easeljs似乎永远不会在jsFiddle中工作，但你也可以在这里看到代码：
var circle = new createjs.Shape();
var Galaxy;
$(document).ready(function() {
canvasWidth = "1024px";
canvasHeight = "768px";
stage = new createjs.Stage('demoCanvas
浏览 1提问于2013-06-06得票数 0
1回答
看起来我是照本宣科，但并不管用。这段代码到底出了什么问题？
<!DOCTYPE html>
<html lang="sv-se">
<head>
<script src="https://code.createjs.com/easeljs-0.8.2.min.js"></script>
<script src="https://code.createjs.com/tweenjs-0.6.2.min.js"></script>
<scr
浏览 0提问于2016-03-14得票数 0
在下面的代码中，当我单击circle时，它打算使用txt.Text = "gffdfgdsgsdgsdg";更新txt的text属性，但它不起作用吗？你知道怎么做吗？
function init() {
var canvas = document.getElementById('easel');
var stage = new createjs.Stage(canvas);
var circle = new createjs.Shape();
circle.graphics.beginFill("rgba(255,25
浏览 0提问于2013-05-13得票数 0
回答已采纳
1回答
我正在开发一个ReactJS应用程序，在这个应用程序中，我使用EaselJS处理多张画布，在同一页上，我必须根据不同的条件添加和删除不同的画布，以呈现不同的视图。即使在删除画布之后，也可以使用下面的代码来释放画布组件
createjs.Touch.disable(this.stage);
this.stage.removeAllChildren();
this.stage.removeAllEventListeners();
this.stage.enableDOMEvents(false);
一些事件正在被触发。在使用应用程序一段时间之后，它开始使用大量的处理和内存。在查看了chrome中的
浏览 0提问于2018-05-22得票数 0
回答已采纳
EaselJS的removeChild方法(的一部分)是否也处理连接到该孩子的eventListeners的清理？或者必须在删除子节点之前使用removeEventListener手动删除子事件侦听器？
例如：
stage = new createjs.Stage(canvas);
circle = new createjs.Shape();
circle.graphics.beginFill("#333").drawCircle(0,0,5);
circle.addEventListener("mousedown",function(event){
浏览 1提问于2013-08-29得票数 1
我不能在Sencha Touch的Ext.Container中显示EaselJS (CreateJS)对象( EaselJS必须在canvas元素中才能运行)。
我已经成功地在Container中创建了元素，但它们不会显示在屏幕上。在窗口中定义了obj阶段和侦听器之后，我在EaselJL对象中添加了元素，但我不知道如何在定义函数的Ext Container中显示它。尝试使用容器的add方法插入阶段obj时会抛出错误。
继续:我想知道如何在Sencha Touch的Container中添加/显示其他库的组件。
下面是我尝试实现的类的代码：
Ext.define('oa.view.Ativ
浏览 3提问于2013-04-26得票数 0
1回答
在IE9中使用easelJS渲染位图时遇到问题。所有其他浏览器都可以很好地呈现图像，但IE9画布是空白的。我甚至尝试在隐藏的div中预加载图像，但仍然不起作用。这是我的代码，请帮帮我！
function init(){
var canvas = document.getElementById('myCanvas');
var stage = new createjs.Stage(canvas);
var ship= new createjs.Bitmap(ship.png);
stage.addChild(ship
浏览 0提问于2013-02-08得票数 0
回答已采纳
1回答
我对EaselJ很陌生。我正在旋转一个有9x和3 (0x)的轮子，总共有12个数字。我可以通过调用函数来旋转车轮，但是我想在预定义的车轮的特定点/数目上停止它。
var _oContainer;
this._init = function(iXPos,iYPos){
_oWheel = s_oSpriteLibrary.getSprite("wheel_circle");
_oContainer = new createjs.Container;
_oContainer.x = CANVAS_WIDTH - 200;
_oContainer.y
浏览 0提问于2018-09-13得票数 0
经过一年的反复研究和实验，我觉得我开始对JavaScript有了更多的了解。所以，现在，我想尝试我的手在编写一个简单的2D平台游戏(想想超级马里奥世界或声波刺猬)。为此，我将使用EaselJS库。
我试图弄清楚如何使用左右箭头键移动/平移画布中的“世界”。我知道如何在箭头键的keydown上运行函数，但我不太确定如何处理移动/平移操作。
当按下键时，是否应该调整画布内每一个物体的位置/坐标？或者我应该把所有的东西放在一个容器中，并移动容器的位置/坐标？
我会感激任何能把我推向正确方向的东西。(商标:)
最新的答案 证实，我确实必须把所有东西放在中，这样我才能设置容器的位置。这是我起草
浏览 4提问于2013-06-21得票数 8
回答已采纳
3回答
我希望能够从我的一个类的构造函数中引用外部库(EaselJs)：
export class GameCanvas {
private stage;
constructor() {
this.stage = new createjs.Stage("canvasElementId"); // this doesn't compile
}
start(delay, callback) {
}
}
这不会编译，因为它不知道createjs是什么
我可以把它传递给
浏览 1提问于2013-06-24得票数 0
回答已采纳
Button.js：
(function () {
function Button(label) {
console.log(label);
}
}());
demo.html：
<html>
<head>
<script src="../../lib/easeljs-0.7.1.min.js"></script>
<script src="Button.js"></script>
<script>
win
浏览 1提问于2014-05-29得票数 0
2回答
对于我的应用程序，我需要不断更新用户的触摸/鼠标位置，但我似乎无法在使用easeljs-0.8.1.min.js的移动设备上看到按动事件。
我让Touch在舞台上
createjs.Touch.enable(stage, true, false);
和测试
stage.addEventListener("pressmove", function (evt) {
console.log("stage pressmove");
});
在台式机上工作，但在Android和iOS Chrome上没有给出结果。
有什么不对的？
浏览 1提问于2015-12-29得票数 1
回答已采纳
1回答
我看过关于Easeljs的两个不同的教程，一个是David Rousset的，一个是Lee Brimelow的。我不知道哪一种更好，区别是什么。示例1 (David Rousset)：
(function (window) {
function Player(imgPlayer, x_start, x_end) {
this.initialize(imgPlayer, x_start, x_end);
}
Player.prototype = new createjs.BitmapAnimation();
// public properties:
Player.prototype
浏览 0提问于2013-08-06得票数 3
回答已采纳
2回答
Easeljs中动画的奇怪行为
、、、、
我刚刚开始学习Javascript，所以我对EaselJs中的动画有一些麻烦。我试图在鼠标点击时移动对象(正如我所期望的那样)，但当我试图以适当的方式添加移动动画时，我的动画不起作用，只是在对象移动时停止在一帧。下面是main.js的代码和问题示例：
var canvas;
var stage;
var imgCharRun = new Image();
var imgCharIdle = new Image();
var bmpAnimation;
var canvasx;
var isClicked = false;
function init() {
canvas = docu
浏览 1提问于2014-01-02得票数 1
1回答
我正在尝试学习JavaScript和html5画布，然而，事实证明它有点混乱，我不明白为什么它似乎不工作.
我正在创建一个简单的地图，它具有google地图的一些功能(拖放/缩放/退出/等)。为了做到这一点，我选择了html5画布和easeljs作为拖放函数。
我有一个javascript文件(path.js)，它包含两个函数：
pathConstructor() - easeljs教程中的示例函数
drawMap() -第一个函数的拷贝略有修改(而且现在可能错了)
当我从画布中调用pathConstructor()时，一切都很好，但是，在用drawMap()替换它之后，一切都停止了。如果我现
浏览 4提问于2016-08-25得票数 0
2回答
我正在为一个画布项目使用Adobe Animate CC。我有一个数组，我将事件侦听器分配给它，如下所示：
for(var i = 0; i < navBtnArray.length; i++ ){
navBtnArray[i].addEventListener("click", navigationControls);
}
我试图弄清楚的是如何捕获在数组中被单击的按钮的索引值。我试着这样做：
function navigationControls(e){
console.log(navBtnArray.indexOf(this));
}
但它总是返回-1。再说一次，这
浏览 0提问于2016-11-12得票数 2
我正在创建一个游戏，其中我想使用一个使用easeljs和spritesheet的动画。我使用下面的代码来做这件事，但是动画似乎没有出现在我的画布上。这很奇怪，因为也没有错误。我做错了什么？
我的代码：
stage = new createjs.Stage(canvas);
sprite = new createjs.SpriteSheet({
"images": ["./images/vos.png"],
"frames": [[0, 0, 32, 32, 0, 0, 0],
[32
浏览 7提问于2013-10-22得票数 0
1回答
在触发从ipcMain到窗口的事件后，我尝试在easeljs中动态生成一个精灵工作表。
我遇到的问题是preloadjs/easeljs在控制台中触发了这个错误：
无法读取未定义的属性"getContext“
它只会在我打包应用程序后发生，而不是在开发模式下，在那里一切都像预期的那样工作。
下面是我在窗口中的代码
import { ipcRenderer } from "electron";
let canvasEl, stage, queue;
ipcRenderer.on("render-spritesheets", (_, data) =>
浏览 17提问于2019-04-07得票数 0
我为每个精灵单独加载spritesheet，按需使用PreloadJS与JSON文件。现在，我想将ColorMatrixFilter应用于Sprite或Spritesheet。
经过一些研究，我发现了这段来自Lanny的代码片段，其中的SpriteSheet定义在代码中，并且在SpriteSheet创建中使用了对位图cacheCanvas bmp.cacheCanvas的引用。
现在，如果我使用JSON文件来定义SpriteSheet，我不能引用位图cacheCanvas。如果SpriteSheet类有一个附加过滤器的可选参数，那就更好了，这样它就必须执行以下操作，但也支持JSON文件加载：
浏览 7提问于2018-01-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
