【问题标题】:Advice on how to accomplish background scrolling in all directions关于如何完成全方位背景滚动的建议
【发布时间】:2017-01-08 10:26:51
【问题描述】:

我正在尝试找出开始创建效果的最佳方法,例如 (https://howifight.53.com),其中背景可向所有方向滚动/拖动。

我知道这背后的技术是 pixi.js 但是,我似乎无法挖掘出这种效果是如何实现的。任何指向好的方向的指针都会很棒。

【问题讨论】:

    标签: javascript css pixi.js


    【解决方案1】:

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

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

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

    这是一个非常基本的概述,但我已经模拟了一个示例供您查看:jsFiddle。欢迎随时提出任何问题。

    【讨论】:

    • 这有助于肯定地说明这个概念。感谢您提供小提琴的链接。
    猜你喜欢
    • 2020-05-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-30
    • 2017-09-30
    相关资源
    最近更新 更多