Javascript CraftyJS-viewport.centerOn（）不工作

我正在尝试用CraftyJS框架制作2D JavaScript游戏。但我仍然坚持使用“centerOn”功能

代码如下：

取消注释最后一行JavaScript时，您将看到该方法不起作用：

英雄不在屏幕中央（他在屏幕顶部）

英雄的动作渲染被破坏（至少在我的Chrome和Firefox中） 知道我做错了什么吗

谢谢你的回答

居中无法正常工作，因为默认情况下，巧妙地将视口钳制到可见的实体集。您可以使用

Crafty.viewport.clampToEntities=false

禁用此选项。（这经常出现，我怀疑它需要在默认情况下禁用！）

渲染被中断，因为您同时为实体提供了DOM和Canvas渲染组件——您应该只使用其中一个

正如您所知，调用像

centerOn

这样的视口动画将禁用

follow

。（或任何其他当前动画。）

是代码的工作版本

居中无法正常工作，因为默认情况下，巧妙地将视口钳制到可见的实体集。您可以使用

Crafty.viewport.clampToEntities=false

禁用此选项。（这经常出现，我怀疑它需要在默认情况下禁用！）

渲染被中断，因为您同时为实体提供了DOM和Canvas渲染组件——您应该只使用其中一个

正如您所知，调用像

centerOn

这样的视口动画将禁用

follow

。（或任何其他当前动画。）

是代码的工作版本

居中无法正常工作，因为默认情况下，巧妙地将视口钳制到可见的实体集。您可以使用

Crafty.viewport.clampToEntities=false

禁用此选项。（这经常出现，我怀疑它需要在默认情况下禁用！）

渲染被中断，因为您同时为实体提供了DOM和Canvas渲染组件——您应该只使用其中一个

正如您所知，调用像

centerOn

这样的视口动画将禁用

follow

。（或任何其他当前动画。）

是代码的工作版本

居中无法正常工作，因为默认情况下，巧妙地将视口钳制到可见的实体集。您可以使用

Crafty.viewport.clampToEntities=false

禁用此选项。（这经常出现，我怀疑它需要在默认情况下禁用！）

渲染被中断，因为您同时为实体提供了DOM和Canvas渲染组件——您应该只使用其中一个

正如您所知，调用像

centerOn

这样的视口动画将禁用

follow

。（或任何其他当前动画。）

是代码的工作版本

Crafty.init(500, 350, document.getElementById('game'))
    .background('#eee');

Crafty.e('Earth, 2D, DOM, Canvas, Color')
    .attr({x: 0, y: 100, w: 480, h: 400})
    .color('#6C3108');

var hero = Crafty.e('Hero, 2D, DOM, Canvas, Color, Gravity, Fourway')
    .attr({x: 60, y: 90, w: 10, h: 20})
    .color('#338')
    .gravity('Earth')
    .fourway(4);

Crafty.viewport.follow(hero, -60, 0);
// Crafty.viewport.centerOn(hero, 10);