论坛 › RPG Maker MV 讨论区 › 基于DOM层的光标指针替换方案

じ☆ve冰风 发表于 2024-3-7 04:19:42

基于DOM层的光标指针替换方案

JAVASCRIPT 代码
在CSS里清理掉body的光标

body {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: none;
    overflow: hidden;



JAVASCRIPT 代码
在index中加入div标记




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 1sinfinite;
}

@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层的光标指针替换方案