关于如何在各个方向完成背景滚动的建议

Advice on how to accomplish background scrolling in all directions

本文关键字：滚动背景于如何方向更新时间：2023-09-26

我想弄清楚什么是最好的方法来开始创建一个效果，如(https://howifight.53.com)的背景是可滚动/可拖动的所有方向。

我知道这背后的技术是pixi.js，但是，我似乎不能挖掘出这个效果是如何实现的。任何好的指示都很棒。

首先，需要设置页面和样式。

您需要一个包含元素来包含您正在移动的HTML(使用overflow:hidden)。然后，你需要在其中添加一个元素，以便在JavaScript中移动。

然后你需要实现一些拖放功能。捕获mousedown，然后捕获mousemove并更新每个requestAnimationFrame，然后停止拖动，触发mouseup。

这是一个非常基本的概述，但我已经模拟了一个示例供您查看:jsFiddle。