标签: easeljs
在javascript中检测按键的最简单方法
我对javascript中的游戏有一个想法(我将使用EaselJS制作它),我将不得不检测按键.在网上浏览后,我看到了很多建议(使用window.onkeypress,使用jQuery等),但对于几乎所有选项都有反驳.你们有什么建议？使用jQuery这听起来很容易,但我几乎没有使用该库的经验(我也不是特别是javascript的老手)所以我宁愿避免它.如果jQuery是最好的选择,有人可以给出一个很好的例子(解释会很棒)如何做到这一点？
我想这会被问到很多,但我找不到任何明确的答案.提前致谢!
推荐指数
解决办法
查看次数
使用jQuery Mobile的Safari中的可视错误 - 内容复制
我正在使用jQuery Mobile 1.3.0,EaselJs 0.6.0和TweenJs 0.4.0构建移动应用程序.
因此,当我加载页面时,某些内容会在视觉上重复.DIV并不是真的重复,它只是视觉上的.
- 此错误仅出现在Safari(Windows + OSX)上.
- 如果我单击并滑动以选择页面,则错误消失.
- 如果我切换页面(使用jQuery Mobile幻灯片转换),它也会消失.
这是一个截图:https://dl.dropboxusercontent.com/u/37896707/both.jpg
我的代码很大,所以我不能在这里完全发布它.我花了2个小时玩我的代码试图解决这个问题.我真的不知道.
如果您有想法并需要更多信息,请告诉我.
推荐指数
解决办法
查看次数
如何将事件侦听器添加到对象数组
我有一个对象数组(特别是easelJS图像) - 像这样:
var imageArray = new Array;
gShape = new createjs.Shape();
// shape is something
imageArray.push(gShape);
我想要做的是有一个事件监听器,而不是:
gShape.addEventListener("click", function() {alert"stuff"});
我希望程序明确知道单击了哪个区域,以便我可以通过以下方式发送警告框:
imageArray[index].addEventListener("click", function(){
alert " you clicked region number " + index}
推荐指数
解决办法
查看次数
鼠标在画布上单击(或触摸)事件会导致使用HTML5,Phonegap和Android进行选择
我正在使用easlejs + phonegap处理HTML5游戏,并且遇到了每次在画布上单击/触摸/ mousedown时屏幕闪烁的问题.
下面是我为测试问题而创建的非常简单的代码,看它是否与easlejs相关.从代码中可以看出,它与easlejs无关,只是一个html5/phonegap问题.
你可以看到我也尝试了没有选择的CSS样式,没有运气.
<!doctype html>
<html>
<head>
<title></title>
<style type="text/css">
#canvas
{
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
</style>
</head>
<body>
<canvas id="canvas" width="320" height="480"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas");
canvas.addEventListener("mousedown", function(e)
{
var ctx = canvas.getContext("2d");
var x = Math.random() * 320;
var y = Math.random() * 480;
var w = Math.random() * 100;
var h = Math.random() * 100;
ctx.fillStyle = "#FF0000";
ctx.fillRect(x,y,w,h);
}, false);
</script>
</body>
</html>
推荐指数
解决办法
查看次数
如何设置EaselJS图形和形状的z-index
我在画布上有EaselJS Shapes然后我开始绘制每个刻度的图形.目前正在形状上绘制图形.有没有办法定义z-index,以便每个帧都在Graphics上绘制Shapes？
任何帮助将非常感激.
推荐指数
解决办法
查看次数
EaselJS Alpha Mask滤镜
我是Canvas的新手.我一直试图在这个EaselJS Alpha Mask示例中反转图像,以便初始图像清晰,并且您绘制的内容模糊; 基本上,演示的反向.
我已经玩了几个小时,将过滤器应用到bitmapvar并从blurvar中删除它们.我所做的一切都不起作用.似乎只是简单地解决问题,但似乎并非如此.反正不适合我.
有没有人有这方面的例子,或者知道该怎么做？我可以提供我所做的代码示例,但它基本上只是在玩打字机上的猴子.
这是他们的例子中的相关代码.
<script id="editable">
var stage;
var isDrawing;
var drawingCanvas;
var oldPt;
var oldMidPt;
var displayCanvas;
var image;
var bitmap;
var maskFilter;
var cursor;
var text;
var blur;
function init() {
examples.showDistractor();
image = new Image();
image.onload = handleComplete;
image.src = "../_assets/art/flowers.jpg";
stage = new createjs.Stage("testCanvas");
//text = new createjs.Text("Loading...", "20px Arial", "#FFF");
//text.set({x: stage.canvas.width / 2, y: stage.canvas.height - 40});
//text.textAlign = "center";
}
function …推荐指数
解决办法
查看次数
方法比较:EaselJS vs Multiple Canvases vs Hidden Canvas用于交互性
1.)我找到了一个名为EaselJS的画布API,它为你绘制的每个元素创建一个显示列表做了很棒的工作.它们基本上成为画布上可单独识别的对象(在一个画布上)
2.)然后我在http://simonsarris.com/上看到了这个可以拖放的教程,它利用隐藏的画布概念进行选择.
3.)第三种方法,一种工作方法,http://www.lucidchart.com/,这正是我想要实现的,基本上在不同的画布上有每一个形状,并用于定位它们.有大量的帆布.
问题是,如http://www.lucidchart.com/所示,实现交互式网络图的最简单方法是什么？
一个侧面的问题是,通过在画布上定位或使用多个画布(一个用于渲染文本)来获取文本输入更好,如LucidChart
推荐指数
解决办法
查看次数
代码辅助 - Aptana中的外部JavaScript库
试图在Aptana 3中获取Easeljs js库(作为Web项目).拖动项目中的文件(文件已编制索引).它不会将库识别为代码辅助.是外部js库创建sdocml的唯一方法(如果有的话是生成器吗？)还是有其他方法可以获得代码辅助？
推荐指数
解决办法
查看次数
画架没有显示位图
这是我的画架js功能,它绘制一个红色圆圈和一个图像,但是圆圈正在显示,但图像不是.
function Start() {
var stage = new createjs.Stage("DogeCanvas");
var dog = new createjs.Bitmap("doge.jpg");
var circle = new createjs.Shape();
circle.graphics.beginFill("red").drawCircle(0, 0, 50);
circle.x = 100;
circle.y = 100;
dog.x=100;
dog.y=100;
stage.addChild(circle, dog);
stage.update();
}
这是html文件
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
<script src="Doge.js"></script>
</head>
<body bgcolor="#C7C7C7" onload="Start();">
<canvas id="DogeCanvas" width="480" height="320"></canvas>
</body>
</html>
为什么？请帮忙,好像在其他人的代码中这有用,但为什么这对我不起作用？
推荐指数
解决办法
查看次数
如何使用EaselJS绘制多边形？
有Shape.graphic方法可以轻松绘制圆形和矩形,但没有明显的方法可以绘制多边形,如六边形和多边形？你如何使用EaselJS绘制它们？
推荐指数
解决办法
查看次数