文件 | 语言 | 大小 | 版本 | 开发者 | 最后更新 | |
lands/mouse production | JavaScript | 1.4KB | v1.0.0 | YB | 2024-10-16 | 查看 |
lands/mouse source code | JavaScript | 5.5KB | v1.0.0 | YB | 2024-10-16 | 查看 |
const {mouse} = await Lan.import('mouse');
const ms = mouse(canvas);
ms.onhover = (x, y) => {
// ...
};
请参考向导程序:粒子系统。
import * as lands from "https://ddzeb.com/lands/mouse";
const mouse = lands.mouse(canvas);
// use mouse ...
const lands = await import("https://ddzeb.com/lands/mouse");
const mouse = lands.mouse(canvas);
// use mouse ...
我们的鼠标支持基本上是基于 gesture 的设计思路,让我们在处理鼠标悬停、按压划动以及点击等事件的时候能更加简单。我们可以对一个 canvas 进行多次鼠标绑定,每次返回的都是同一个对象。另外,mouse 对象没有接口方法,主要是提供属性以及事件。
鼠标悬停事件,当鼠标移出画布区域的时候,curx 以及 cury 均为 undefined。
鼠标按压划动事件,指鼠标按下并移动。当鼠标刚按下没有移动的时候,oldx 以及 oldy 为 undefined,当鼠标完成划动抬起的时候,所有参数均为 undefined。
鼠标点击事件,down 表达出是按下还是抬起。