JAVASCRIPT 代码
- 在CSS里清理掉body的光标
- body {
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
- cursor: none;
- overflow: hidden;
JAVASCRIPT 代码
JAVASCRIPT 代码
- 添加DOM的样式
- #cursor{
- background-image: url(../img/ui/鼠标.png);
- position:absolute;
- z-index:200;
- top:50%;
- left:50%;
- width:32px;
- height:32px;
- background-size: 100%;
- animation: size 1s infinite;
- }
- @keyframes size {
- 0% {
- transform:scale(1);
- }
- 50% {
- transform:scale(0.9);
- }
- 100% {
- transform:scale(1);
- }
- }
JAVASCRIPT 代码
- 添加监听
- LIM.cursor=document.getElementById("cursor")
- /////光标
- TouchInput._onMouseMove = function(event){
- const x = Graphics.pageToCanvasX(event.pageX);
- const y = Graphics.pageToCanvasY(event.pageY);
- LIM.cursor.style.left =event.pageX + "px"
- LIM.cursor.style.top = event.pageY + "px"
- if(this._mousePressed){
- this._onMove(x, y);
- }elseif(Graphics.isInsideCanvas(x, y)){
- this._onHover(x, y);
- }
- };
尝试过在Scene_Base创建时加一个鼠标精灵，这样就能让鼠标和游戏缩放同步，但是总有各种BUG。
有大佬有现成的方案吗
本帖来自P1论坛作者清澈淌漾，因Project1站服务器在国外有时候访问缓慢不方便作者交流学习，经联系P1站长fux2同意署名转载一起分享游戏制作经验，共同为国内独立游戏作者共同创造良好交流环境，原文地址：https://rpg. blue/forum.php?mod=viewthread&tid=494777 若有侵权，发帖作者可联系底部站长QQ在线咨询功能删除，谢谢。
基于DOM层的光标指针替换方案: MousePointerExtend.zip