@egjs/axes
Version:
A module used to change the information of user action entered by various input devices such as touch screen or mouse into the logical virtual coordinates. You can easily create a UI that responds to user actions.
21 lines (19 loc) • 465 B
JavaScript
var viewport = document.querySelector(".viewport");
var camera = document.querySelector(".camera");
var input = new eg.Axes.PanInput(viewport, {
scale: [1, 1],
inputType: ["touch", "mouse"],
preventClickOnDrag: true,
preventDefaultOnDrag: true,
});
var axes = new eg.Axes(
{
x: {
range: [-1000, 0],
startPos: 0,
},
},
).on("change", function (e) {
camera.style.transform = "translateX(" + e.pos.x + "px)";
});
axes.connect(["x"], input);