javascript - Craftyjs 视口误解

Question

学习 CraftyJS，我错过了一些关于视口如何工作的信息。我需要：跟随英雄的大型水平地图（平台游戏）和相机。是否有任何提示可以在哪里阅读详细信息，解释它是如何工作的？非常感谢！

PS 官方 CraftyJS API 文档在这种情况下对我没有帮助

Answer 1

在这种情况下，官方 CraftyJS API 文档对我没有帮助

在这种情况下，一切都在那里，尽管分布在几个页面上。一定要浏览整个 API，以便对可用功能有一个很好的了解。

我需要什么：大型水平地图（平台游戏）

请参阅入门中的最后一个示例。

我需要的东西：......相机，跟随英雄

相机在 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>