问题标签 [craftyjs]

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 投票
1 回答
100 浏览

javascript - 克隆实体不可拖动,虽然原始实体是,crafyjs

我正在使用 Craftyjs 构建这个简单的 HTML5 拖放游戏。

  1. 我创建了一个带有一些组件的实体,我们称之为 E1,其中一个组件是“ Draggable”。
  2. 我创建了一个新实体 E2 并将其作为 E1 的克隆(现在 E2 应该具有所有 E1 的属性和组件的副本)
  3. 运行时,E2 被克隆,具有相同的属性和属性,但不可拖动!

    var E1 = Crafty.e("2D, Canvas, apple, Draggable, Gravity, Collision");

    var E2 = E1.clone();

    E2.attr({x:100, y:100});

    E2.addComponent("可拖动");

    E2.enableDrag(); E2.bind("正在拖动", function(){ console.log("E2被拖动"); });

我尝试过了:

  1. 强制添加 Draggable 组件,E2.addComponent("Draggable")但它不起作用!
  2. 绑定 Draggable 事件,如“ Dragging”和“ StartDrag”,但它也不起作用!
  3. 通过使用“ enableDrag”方法强制启用拖动,但这也没有任何效果:(
  4. consloe.logE2 是否有 Draggable 组件通过 usingE2.has("Draggable")并返回 yes!

仅供参考:MouseUp 和 MouseOver 等所有其他功能也不适用于 E2,即使我稍后添加它们,关于是什么导致 Draggable 组件在克隆实体中不起作用的任何想法?

0 投票
1 回答
489 浏览

javascript - 使用 Crafty.js 播放卷轴时更改精灵宽度

谁能帮我解决这个问题:http: //jsfiddle.net/B5UsC/20/

你可以看到当卷轴在最后一帧动画时精灵动画没有正确渲染Hardpunch播放特定帧时可以改变角色宽度吗?就像你看到我的 spritesheet 不包含静态宽度和高度,所以这对我来说有点混乱

编码 :

我阅读了有关处理具有不同宽度和高度的复杂精灵表的信息,所有答案都是关于为所有精灵创建大小均匀的框,例如此处的示例:https ://gamedev.stackexchange.com/questions/48225/how-do-i- support-animation-with-frames-of-different-sizes 但我实际上无法理解这是什么意思以及我将如何做到这一点,他们没有提供示例。什么是evenly sized boxes

0 投票
1 回答
155 浏览

javascript - Crafty.js 显示白屏

我正在使用crafty.js(用于游戏的HTML5 引擎),但它不会加载。我只是得到一个白屏!一切都设置正确,我正在使用 Chrome。我检查了所有文件名是否都正常,它们是。有人能帮助我吗?我的代码:

0 投票
1 回答
350 浏览

javascript - CraftyJS:我无法使用 .onHit 销毁实体

我遇到了 craftyJS 的问题。我制造了一艘发射激光的船,但我希望激光在与实体发生碰撞时摧毁它。我已经尝试过这样做,但它不起作用。这是我的代码:

谁能告诉我我的代码有什么问题?

0 投票
2 回答
95 浏览

javascript - Date getTime 为较长的持续时间提供较低的值

我正在使用 Date().getTime 通过从 keyup 事件中减去 keydown 事件来测量按键的持续时间。但是,对于超过 ~500 毫秒的按键,记录的时间似乎会返回到较低的值。

这是 JSFiddle http://jsfiddle.net/bdzaorw2/

0 投票
1 回答
168 浏览

javascript - 创建一个Crafty JS实体的类(类的类?)

我正在尝试创建一个创建具有特定属性的狡猾实体的类。到目前为止,类中的函数没有运行,因为“this”指的是窗口对象

在尝试将函数作为类的原型时,我遇到了一个问题。

如果在构造函数中定义了一个对象,我不能用它来添加一个原型。

0 投票
1 回答
99 浏览

javascript - 狡猾的 JS 错误说我没有关闭函数

Firefox 的控制台说 TypeError: Crafty.sprite(...).reel is not a function。这是指线

我不明白的是,对我来说,它看起来与这条线完全相同(除了图像源)

因此,我不明白为什么会出现错误。预先感谢您的帮助

0 投票
1 回答
75 浏览

javascript - 具有 2 个重力的狡猾元素

我试图理解Crafty。这是我的代码。

我想添加

但这不起作用。广场仍然穿过二楼

0 投票
0 回答
44 浏览

javascript - 如何使用 phonegap 解析画布游戏图像

我刚刚使用 CraftyJS 创建了一个基本游戏。我创建了一些引用图像的字符。这些图像位于 www/img 文件夹中。当我在模拟器上运行应用程序时,图像是空白的,只显示文本。如何解决这个问题?

0 投票
1 回答
86 浏览

javascript - 如何检测多边形上的碰撞

我正在尝试使用CraftyJS检测我的播放器(只是一个正方形)和一个多边形之间的碰撞:

撞到多边形的方块不会改变它们的颜色。我错过了什么?

小提琴:http: //jsfiddle.net/c3597/32/