如何让图片始终指向鼠标位置的问题

yanzhllwc

我想做一个ARPG小游戏，在玩家身上有一张指针的图片始终指向鼠标的方向，但是这个问题困扰了我很久，用了Drill_up大佬翻译与制作的插件，我知道可以让图片一直跟随在玩家身上，也知道了使用脚本可以让图片旋转到某个角度，
但是实在想不出如何获得鼠标位置xy，并让图片的旋转角度和鼠标xy相关联，所以想求助一下大家，看看有什么办法、、

白嫩白嫩的

yanzhllwc 发表于 2020-1-1 21:46
现在是这样的状态，我只能用事件来做，代码不会用，其实是8方向的箭头，由于那个像素必须要玩家X和鼠标X或Y ...

顺便问下楼主怎么实现例图中角色只有左右没有上下动作图的？

yanzhllwc

虽然研究了很久，但实际却很简单，我不会JS，所以做不成插件，我用的是事件。
方法就是像上面说的一样，先定义4个变量，分别是鼠标的XY和玩家的XY坐标。之后就用脚本，需要旋转的图片角度=那个公式。
$gameScreen.picture(5)._angle = Math.atan2($gameVariables.value(38) - $gameVariables.value(40), $gameVariables.value(37) - $gameVariables.value(39)) * (180 / Math.PI)+90;

yanzhllwc

没想到做出来了，真的很感谢大家的帮助！！
使用了月光大大提到的Math.atan2公式，因为写在JS里我做不出来，最后尝试在公共事件中制作，把JS的这个公式写在事件中的脚本中，结果就实现了，效果如下
这里给出公式：Math.atan2(y2-y1,x2-x1)*180/Math.PI+90，这里+90度是因为，不知道为啥MV里出来的效果就是差着这个90度，所以加上就正常了。
参考贴子：https://blog.csdn.net/pecke/article/details/41014069

yanzhllwc

现在是这样的状态，我只能用事件来做，代码不会用，其实是8方向的箭头，由于那个像素必须要玩家X和鼠标X或Y绝对一致才会出现90,180那几个角度，所以可以忽略不计。。。
但是这样只能有这么几个方向，不能一直指向鼠标，如果不行我就只能先放弃这个功能了，先做别的

yanzhllwc

在野月光族 发表于 2019-12-31 01:38
瞎猜一下，可能是长这样子的。

月光大大，其实我自己发的18楼那个代码就是全部了，并没有上下文、、、不知道是哪里错了，大大提到的rotation值，请问是什么呢？

yanzhllwc

哇~谢谢各位大大了！容我研究一下下！！

play337

下面這個官方插件 可以做到 月光大的功能
不過 他只可以 4個方向轉而已
就是無法像 下面這兩個一樣 可以 全方向.... 而且跟很多插件衝突....

01.本來找到GLV的MV Map Projectiles,但是相當難設定..
https://galvs-scripts.com/2016/09/13/mv-map-projectiles/

02. 日本人做的這個 看起來很厲害...不過也是很難設定
https://tm.lucky-duet.com/viewtopic.php?t=7121
https://game.nicovideo.jp/atsumaru/games/gm9334

-----------------------------------
//=============================================================================
// PlayerPointerTurn.js
// ----------------------------------------------------------------------------
// Copyright (c) 2015 Triacontane
// This software is released under the MIT License.
// http://opensource.org/licenses/mit-license.php
// ----------------------------------------------------------------------------
// Version
// 1.1.0 2018/02/10 PD_8DirDash.js?券€????游????孵??怠紋敹????賬?餈賢??????
// 1.0.0 2016/02/23 ??
// ----------------------------------------------------------------------------
// [Blog]   : https://triacontane.blogspot.jp/
// [Twitter]: https://twitter.com/triacontane/
// [GitHub] : https://github.com/triacontane/
//=============================================================================

/*:
* @plugindesc ??喋餈質楚??啜??
* @author ??Ｕ?喋??
*
* @help 蝘餃??航?芸???扎?潦?
* ??嫘??扎?踴?嫘????整???
*
* ???啜?喋?胯??押?扎?喋??喋??胯??????
*
* ?拍閬?嚗?
*  雿€?⊥?扳憭€?????賬??典耦?????8蝳?函?嚗?
*  ?怒??????整??€?
*  ???啜?喋??????扼???
*/
(function() {

    var isExistPlugin = function(pluginName) {
        return PluginManager._parameters.hasOwnProperty([pluginName.toLowerCase()]);
    };

    //=============================================================================
    // Game_Player
    //  ??喋?格????
    //=============================================================================
    var _Game_Player_moveByInput      = Game_Player.prototype.moveByInput;
    Game_Player.prototype.moveByInput = function() {
        if (!this.isMoving() && this.canMove() && TouchInput.isMoved()) {
            this.turnToPointer();
        }
        _Game_Player_moveByInput.apply(this, arguments);
    };

    Game_Player._8dirTable = [6, 9, 8, 7, 4, 1, 2, 3, 6];
    Game_Player.prototype.turnToPointer = function() {
        var tx = TouchInput.x, ty = TouchInput.y, sx = this.screenX(), sy = this.screenY();
        var dir;
        if (isExistPlugin('PD_8DirDash') && this._characterName.indexOf('Q') !== -1) {
            var degree = (Math.atan2(ty - sy, -(tx - sx)) / Math.PI + 1) / 2 * 8;
            dir        = Game_Player._8dirTable[Math.round(degree)];
        } else {
            dir = Math.abs(tx - sx) > Math.abs(ty - sy) ? (tx > sx ? 6 : 4) : (ty > sy ? 2 : 8);
        }
        this.setDirection(dir);
    };

    //=============================================================================
    // TouchInput
    //  ??喋?桐?蝵柴?撣詻閮
    //=============================================================================
    TouchInput._onMouseMove = function(event) {
        var x = Graphics.pageToCanvasX(event.pageX);
        var y = Graphics.pageToCanvasY(event.pageY);
        this._onMove(x, y);
    };
})();

在野月光族

瞎猜一下，可能是长这样子的。

yanzhllwc

由于不会程序，所以尝试了很多写法，总之是不成功，最后决定把里面的内容简单化，写成了下面的样子：

(function () {
       
        var _TouchInput__onMouseMove = TouchInput._onMouseMove;
    TouchInput._onMouseMove = function(event) {
        _TouchInput__onMouseMove.apply(this, arguments);
        this.mouseX = Graphics.pageToCanvasX(event.pageX);
        this.mouseY = Graphics.pageToCanvasY(event.pageY);
    };
       
        var px = $gamePlayer._realX;
        var py = $gamePlayer._realY;
        var mx = TouchInput.mouseX;
        var my = TouchInput.mouseY;
        var targetShuttle = 0;
       
        if(px <= mx) {
                if (py >= my) {
                        targetShuttle = 45;
                } else {
                        targetShuttle = 135;
                }
        } else {
                if (py >= my) {
                        targetShuttle = 315;
                } else {
                        targetShuttle = 225;
                }
        };
       
        $gameScreen.picture(5)._angle = targetShuttle;
       
})();

存了一个js放在了插件目录并在游戏中开启，自我感觉是先定义了鼠标的移动时XY坐标，之后用px，py，mx，my分别代表玩家XY坐标和鼠标XY坐标，引用 芯☆淡茹水 大佬的区域判断，让那个5号图片的角度值呈现45,135,225,315的变化，可是这样都不成功，那张图片完全没有变化、、不知道有没有大佬能帮我看看是什么小白问题导致了不成功、、、、、