案件だmatter.jsを使ったのでそこで詰まったポイント紹介いたします。
#スクロールできない
matte.jsではcanvas上でスクロールできないみたいです、、
#解決方法
removeEventListenerでスクロールできるようにする。
//マウス操作
var mouseConstraint = MouseConstraint.create(engine, {
element: container, //マウス操作を感知する要素を指定(DEMOでは生成したcanvasを指定)
constraint: {
render: {
strokeStyle: "rgba(0, 0, 0, 0)", //マウス操作の表示を隠す
},
},
});
//以下のコードを記述
mouseConstraint.mouse.element.removeEventListener(
"mousewheel",
mouseConstraint.mouse.mousewheel
);
mouseConstraint.mouse.element.removeEventListener(
"DOMMouseScroll",
mouseConstraint.mouse.mousewheel
);
マウス操作を記述してるコードの下に、removeEventListenerを記述してください。
#まとめ
PCはこれでスクロールもドラックもできるようになるのですが、スマホはできないままです。。
スマホでもスクロールできる方法あれば教えてください。