草庐IT

javascript - EaselJS:有人可以解释一下演示中使用的继承模式吗?

我正在使用EaselJS创建游戏,我想知道是否有人可以解释演示文件中使用的继承模式是如何工作的。具体来说,我正在查看以下文件:https://github.com/CreateJS/EaselJS/blob/master/examples/assets/Ship.js在第7行,Ship的原型(prototype)设置为createjs.container()...varp=Ship.prototype=newcreatejs.Container();然后在第28行,存储了对原始构造函数的引用:p.Container_initialize=p.initialize;//uniquetoa

javascript - 如何在我的 CreateJS 形状中获得随机颜色?

我想在定义“深红色”的地方使用随机颜色varstage=newcreatejs.Stage("demoCanvas");varcircle=newcreatejs.Shape();circle.graphics.beginFill("Crimson").drawCircle(0,0,50);circle.x=100;circle.y=100;stage.addChild(circle);stage.update(); 最佳答案 beginFill接受任何颜色,也可以是十六进制,所以你只需要生成一个随机的十六进制颜色varstage=

javascript - 容器中的中心文本 (EaselJS)

我是EaselJS的新手,我正在尝试创建一个文本居中的彩色容器。这是我的代码:varwidth=100,height=100;canvas.width=width+10;canvas.height=height+10;varcontainer=newc.Container();container.x=10;container.y=10;container.setBounds(0,0,width,height);varrect=newc.Shape();rect.graphics.beginFill('#6e7e8e').drawRect(0,0,width,height);contai

javascript - 在 Createjs/Easeljs 中使用触摸事件

我正在尝试对Createjs/Easeljs对象使用触摸事件。例如,我正在尝试使用addEventListener附加touchstart和touchmove事件。Touchstart和mousedown似乎有效:我正在使用浏览器和触摸设备对其进行测试,它似乎在这两种情况下都有效。但是mousemove和touchmove好像不行。我虽然是因为我删除了stopPropagation和preventDefault方法,但我看到LannyMcNie写道没有必要在CreateJS中执行此操作1.我不明白为什么它不起作用。这是我的代码:http://pastebin.com/pqxWLNKG问

javascript - EaselJS 线条模糊

我正在使用EaselJS作为HTML5Canvas的API。我注意到下面的代码:line.graphics.setStrokeStyle(1).beginStroke("black").moveTo(100,100).lineTo(200,200);stage.addChild(line);...产生以下行:我将粗细设置为1-但线条仍然模糊。如果将快照放大,可以看到它实际上占据了3个像素。我相信我在某个地方读到Canvas在两个像素之间画了一个点,这样两个像素实际上都会被着色。您需要将绘制点的位置移动像素宽度的一半,使其落在整个像素上。我的应用程序需要清晰的图像,请指教。

javascript - HTML5 Canvas : Moving/panning world with arrow keys in EaselJS

经过一年的学习和反复试验,我觉得我开始对JavaScript有了更多的了解。所以,现在,我想尝试编写一个简单的2D平台游戏(想想《super马里奥世界》或《刺猬索尼克》)。为此,我将使用EaselJS库。我想弄清楚如何使用左右箭头键在Canvas中移动/平移“世界”。我知道如何在箭头键的keydown上运行函数,但我不太确定应该如何处理移动/平移。当按下一个键时,我是否应该调整Canvas中每一个东西的位置/坐标?或者我是否应该将所有东西都放在一个容器中并移动容器的位置/坐标?我会感激任何能将我推向正确方向的东西。泰夫姆:)更新了答案Thechosenanswerbelow确认我确实必

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

尝试在Aptana3中获取Easeljsjs库(作为Web项目)。拖动项目中的文件(文件已编入索引)。它不将库识别为代码辅助。外部js库是制作sdocml的唯一方法(如果有的话,有生成器吗?)还是有其他方法来获得代码辅助? 最佳答案 Ugg我知道这是题外话,但我发现Aptana3和Eclipse中的代码辅助通常很差,而且真的很耗内存,在很多情况下我已经关闭了它,因为IDE已变得无响应不断的“重建工作区”......所以有了这个……如果您按照这些说明进行操作,它们应该对您有所帮助https://wiki.appcelerator.or

javascript - 方法比较 : EaselJS vs Multiple Canvases vs Hidden Canvas for interactiveness

1.)我发现了一个名为EaselJS的CanvasAPI,它在为您绘制的每个元素创建显示列表方面做得非常出色。它们本质上成为Canvas上可单独识别的对象(在一个Canvas上)2.)然后我在http://simonsarris.com/上看到了关于这个可以拖放的教程,它使用了一个隐藏的Canvas概念来进行选择。3.)第三种方法,一种可行的方法,http://www.lucidchart.com/,这正是我想要实现的,基本上将每个形状都放在不同的Canvas上,并用于定位它们。有大量的Canvas。问题是,在http://www.lucidchart.com/上实现交互式网络图的最简

javascript - EaselJS 阿尔法蒙版过滤器

我是Canvas的新手。我一直试图在这个EaselJSAlphaMask中反转图像示例,以便初始图像清晰,而您绘制的内容模糊;基本上,与演示相反。我已经用它玩了几个小时,将滤镜应用于bitmapvar并将它们从blurvar中移除。我所做的一切都行不通。似乎只需切换一下就可以轻松解决问题,但事实并非如此。反正不适合我。有没有人有这方面的例子,或者知道该怎么做?我可以提供我所做的代码示例,但它基本上只是在玩弄打字机上的猴子之类的东西。Here'sthecodeonGithub这是他们示例中的相关代码。varstage;varisDrawing;vardrawingCanvas;varol

ios - CreateJS EaselJS在iOS中绘制位图视频

一些代码:video=document.createElement('video');video.setAttribute('webkit-playsinline');video.src='movie.mp4';varVideo=newcreatejs.Bitmap(video);stage.addChild(Video);我正在使用CreateJS开发适用于iPad的富媒体网络应用程序。在桌面浏览器上,将位图视频绘制到Canvas/舞台上效果很好,但在iOS上它“什么都不做”。我想在视频上方有一个动画对象,所以我认为这就是为什么需要在Canvas内绘制视频的原因。有没有人有这方面的经