Craftyjs 视口误解答案

【问题标题】：craftyjs viewport misunderstandingCraftyjs 视口误解
【发布时间】：2017-09-24 21:39:34
【问题描述】：

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

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

【问题讨论】：

标签： javascript craftyjs

【解决方案1】：

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

在这种情况下，一切都在那里，尽管分布在几个页面上。请务必浏览整个 API，以全面了解可用功能。

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

请参阅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);

&lt;script src="https://cdn.rawgit.com/craftyjs/Crafty/0.8.0/dist/crafty-min.js"&gt;&lt;/script&gt;

【讨论】：