craftyjs视区误解

Question

学习CraftyJS，我缺少一些关于视口如何工作的信息。我需要:大的水平地图(平台)和相机，跟随英雄。是否有任何提示可以阅读详细信息，解释它是如何工作的？非常感谢!

附注:在这种情况下，官方CraftyJS应用程序接口文档对我没有帮助

Answer 1

在这种情况下，

官方CraftyJS应用编程接口文档对我没有帮助

在本例中，它都在那里，尽管分布在几个页面上。一定要快速浏览整个API，以便对可用功能有一个很好的了解。

我需要的:大型水平贴图(platformer)

请参阅Getting started中的最后一个示例。

我需要的：...摄像机，追随英雄

摄影机在Crafty中称为视口。请参阅Crafty.viewport.follow()

如果您有进一步的问题，请告诉我。

把所有这些放在一起：

​

Crafty.init();

Crafty.e('2D, DOM, Color, floor')
  .attr({x: -400, y: 250, w: 850, h: 10})
  .color('green');

var hero = Crafty.e('2D, DOM, Color, Twoway, Gravity')
  .attr({x: 0, y: 0, w: 50, h: 50})
  .color('#F00')
  .twoway(200)
  .gravity('floor');

Crafty.viewport.clampToEntities = false;
Crafty.viewport.follow(hero);

<script src="https://cdn.rawgit.com/craftyjs/Crafty/0.8.0/dist/crafty-min.js"></script>

​