标签: createjs

我正在使用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 Shapes然后我开始绘制每个刻度的图形.目前正在形状上绘制图形.有没有办法定义z-index,以便每个帧都在Graphics上绘制Shapes？

任何帮助将非常感激.

我正在寻找一个逻辑理解与样本实现的想法,采取如下这样的tilemap:

http://thorsummoner.github.io/old-html-tabletop-test/pallete/tilesets/fullmap/scbw_tiles.png

并以这样的逻辑方式呈现:

http://thorsummoner.github.io/old-html-tabletop-test/

我看到所有的瓷砖都在那里,但我不明白它们是如何以形成形状的方式放置的.

到目前为止,我对渲染图块的理解很简单,而且非常手动.循环遍历地图数组,其中有数字(1,2,3,无论如何),渲染指定的图块.

var mapArray = [
    [0, 0, 0, 0 ,0],
    [0, 1, 0, 0 ,0],
    [0, 0, 0, 0 ,0],
    [0, 0, 0, 0 ,0],
    [0, 0, 1, 1 ,0]
];

function drawMap() {
    background = new createjs.Container();      
    for (var y = 0; y < mapArray.length; y++) {
        for (var x = 0; x < mapArray[y].length; x++) {
            if (parseInt(mapArray[y][x]) == 0) {
                var tile = new createjs.Bitmap('images/tile.png');
            }
            if (parseInt(mapArray[y][x]) == 1) {
                var …

我想开始开发HTML5/JS游戏.我看到了这两个框架LimeJS和CreateJS&EaselJS.哪一个更好？有没有人有这两个框架的经验？那文档怎么样？

有Shape.graphic方法可以轻松绘制圆形和矩形,但没有明显的方法可以绘制多边形,如六边形和多边形？你如何使用EaselJS绘制它们？

我目前正在开发一款游戏,它使用一个大型平铺地图,可以拖动,并随着你的角色快速移动.

我已经创建了一个简单版本的问题 JSFiddle Example

每个图块都是一个Shape并被缓存.所有形状都进入容器内,容器根据摄像机位置移动.

我注意到某些缩放级别的fps有奇怪的下降.缩放只是调整形状的大小.

如果您调整缩放,您将看到我的意思.

铬

zoom 1 = good fps
zoom 3 = bad fps
zoom 5 = good fps

这种帧速率问题的原因是什么？

请注意,我也在createjs社区论坛上发布了这个.
社区问题

这是jsfiddle示例中的代码

HTML

<canvas id="mainCanvas" width="500" height="500"></canvas>
<span id="fps-container"><span id="fps">Loading</span> FPS</span>

JS

/*
This is a very simple version of a larger app/game i am creating
uses a large map that is drawn in sectors (createjs shapes)
I have not figured out the best way to cache, because if …

我想知道如何停止整个CreateJs画布动画以及如何在以后重新启动它.我想节省计算能力和内存,而画布对用户不可见.

有人知道吗？

先感谢您

所以我有这个项目,我需要操纵图片,文字和其他对象来创建:生日,婚礼和其他卡.

这些卡中的每一个都包含字体,样式等.现在我发现我将使用Createjs编辑这些图片的 工具

我要导入的图片示例如下:

从这张图片中可以看出,有很多元素和很多文字.所有文本都是可编辑的,但必须保持相同的字体.

所以我需要将每个对象重要为尖顶并导入字体和颜色.

有没有人知道是否有任何简单的方法可以做到这一点,还是我不能创造我自己的乏味方式？

我正在尝试使用Createjs/Easeljs对象的触摸事件.例如,我正在尝试使用addEventListener附加touchstart和touchmove事件.

Touchstart和mousedown似乎有效:我正在使用浏览器和触摸设备来测试它,它似乎在两种情况下都有效.

但是,mousemove和touchmove似乎不起作用.我虽然是因为我删除了stopPropagation和preventDefault方法,但我看到Lanny McNie写道,在CreateJS 1中没有必要这样做.

我无法弄清楚为什么它不起作用.

这是我的代码:http: //pastebin.com/pqxWLNKG

问候.

我是EaselJS的新手,我正在尝试创建一个带有居中文本的彩色容器.这是我的代码:

var width = 100, height = 100;
canvas.width = width + 10;
canvas.height = height + 10;
var container = new c.Container();
container.x = 10;
container.y = 10;
container.setBounds(0, 0, width, height);

var rect = new c.Shape();
rect.graphics.beginFill('#6e7e8e').drawRect(0, 0, width, height);
container.addChild(rect);

var text = new c.Text();
text.set({
    text: 'hello',
    textAlign: 'center'
});
container.addChild(text);
stage.addChild(container);
stage.update();

由于某种原因,文本不在容器中居中,但文本的一半不在容器中.我的代码有什么问题？