HTML5 / JS:将光标锁定在canvas元素中
HTML5 / JS: have the cursor locked in a canvas element
所以我正在制作一款html5/js RTS游戏。游戏可以全屏运行。现在的问题是,拥有双屏幕的玩家在移动光标太远时,他们的光标将离开画布并跳转到第二个屏幕。有没有好的方法来防止这种情况?我知道,这是存在的,但这似乎隐藏了光标,这显然不是我想在RTS游戏中看到的。通常我可以画自己的光标,但问题是,这样绘制的光标将取决于帧率,有时可能会下降,所以它会比"正常"光标感觉不那么平滑。那么,有没有一种方法可以将光标锁定在元素中而不隐藏它,并且仍然可以移动,只是停在边框处呢?
没有办法限制用户的鼠标移动。
笑……如果可能的话,你可以想象广告商会把你的鼠标冻结在广告上的"立即购买"按钮上。: -)
如果对你的设计有意义,你可以让你的canvas元素"capture the mouse events"
捕获鼠标使画布接收所有鼠标事件,即使鼠标物理上不在画布元素中。也许这对你的设计有用——也许没有用。
https://developer.mozilla.org/en-US/docs/Web/API/Element.setCapture祝你游戏顺利!
相关文章:
- 在keydown(JS,Jquery)上更改HTML5 Canvas元素
- JavaScript canvas 元素在画布清除后不显示
- 在HTML5的canvas元素中使用Zigfu(kinect)
- Canvas 元素 + Javascript 在 Chrome 和 Firefox 中工作,而不是在 Internet
- 在 html canvas 元素上使用 javascript 进行冲突检测,而无需使用 jquery
- 通过 Meteor 更新 KineticJS Canvas 元素
- 可以't访问iframe中的canvas元素
- 将iframe放入HTML5中的canvas元素中
- 从Canvas元素制作图像
- 如何查找Canvas元素中单击的对象名称/id
- Canvas元素运行不正常
- HTML5 Canvas -按类在所有Canvas元素中绘制相同的东西
- jquery和canvas元素的问题
- 隐藏HTML5 Canvas元素
- 在django——canvas元素中上传并保存用户摄像头截图到文件
- 如何比较两个html5-canvas-元素的内容
- HTML5 canvas元素的JavaScript代码将不起作用——包含一个循环
- 添加onclick和onmouseover到canvas元素
- HTML5 / JS:将光标锁定在canvas元素中
- 当在canvas元素中从表单向文本发送文本时,删除文本不起作用