【发布时间】:2017-01-08 10:26:51
【问题描述】:
我正在尝试找出开始创建效果的最佳方法,例如 (https://howifight.53.com),其中背景可向所有方向滚动/拖动。
我知道这背后的技术是 pixi.js 但是,我似乎无法挖掘出这种效果是如何实现的。任何指向好的方向的指针都会很棒。
【问题讨论】:
标签: javascript css pixi.js
我正在尝试找出开始创建效果的最佳方法,例如 (https://howifight.53.com),其中背景可向所有方向滚动/拖动。
我知道这背后的技术是 pixi.js 但是,我似乎无法挖掘出这种效果是如何实现的。任何指向好的方向的指针都会很棒。
【问题讨论】:
标签: javascript css pixi.js
首先,您需要设置页面和样式。
您需要一个包含元素来包含您正在移动的 HTML(使用 overflow:hidden)。然后你需要其中的一个元素来实际使用 JavaScript 移动。
然后你需要实现一些拖放功能。捕获mousedown,然后捕获mousemove 并更新每个requestAnimationFrame,然后触发mouseup 停止拖动。
这是一个非常基本的概述,但我已经模拟了一个示例供您查看:jsFiddle。欢迎随时提出任何问题。
【讨论】: