是否可以使用原版javascript制作一个跟随玩家的视口?



我想知道如何制作一个跟随玩家的视口,例如在横向卷轴游戏中。我有一个半工作版本,但它需要我移动除播放器之外的所有内容。

ctx.translate(canvX,canvY);
drawBlocks();
ctx.restore()

这目前有效,但我将不得不绘制敌人和其他对象,而且我不想经常重做这个过程。我正在寻找一个简单的解决方案,基本上涉及跟随玩家的摄像机。这可能吗?

使用类似 three.js 表示游戏。 因为您必须每秒绘制尽可能多的帧,而画布对此并不适用(如果您现在不相信我,请等到您必须在屏幕上绘制更多内容(。

但是,对于您当前的代码,我注意到的一件事是您缺少save

如果这不是问题,我认为不是,根据您的问题,您不想重新绘制所有内容,只想重新绘制背景? 您实际上可以使用多个图层,以便每个敌人都是一个 HTML 元素,并且只有在敌人的动画帧更改时才能重新绘制敌人。 然后你只需移动它们的元素(在性能方面比重新绘制便宜一点(。

第三.JS是你应该学习的......它真的会帮助你。

最新更新