Project1

标题: 精灵按钮 的问题求解 [打印本页]

---

作者: jac000    时间: 2018-7-26 23:03
标题: 精灵按钮 的问题求解
Sprite_Button 类
怎么做 把鼠标放上去 有改变

---

作者: 番茄x    时间: 2018-7-27 12:56
还有这种按钮效果吗？鼠标悬停有特效的？如果解决也请帮帮我，谢谢！

---

作者: jac000    时间: 2018-7-27 16:37
没有吗  难道只能用 获取鼠标坐标 来实现吗？

---

作者: jac000    时间: 2018-7-28 19:33

番茄x 发表于 2018-7-27 12:56
还有这种按钮效果吗？鼠标悬停有特效的？如果解决也请帮帮我，谢谢！

解决了 首先你要修改下
//==============rpg_core.js修改=================
TouchInput._onMouseMove = function(event) {
    // if (this._mousePressed) {
        var x = Graphics.pageToCanvasX(event.pageX);
        var y = Graphics.pageToCanvasY(event.pageY);
        this._onMove(x, y);
    // }
};
把 鼠标点击 注释掉 然后加一个新的 按键精灵

最后新建按键精灵的时候 NEW 这个就行了
例如 this._nextButton = new Mac_Sprite_Button();

---

作者: 番茄x    时间: 2018-7-30 16:33
“this._nextButton = new Mac_Sprite_Button();”请问这个语句写在哪里啊？

---

作者: 番茄x    时间: 2018-7-30 16:50
现在改成了这样，但是好像没看到什么效果

1. TouchInput._onMouseMove = function(event) {
   
2. //if (this._mousePressed) {
   
3.         var x = Graphics.pageToCanvasX(event.pageX);
   
4.         var y = Graphics.pageToCanvasY(event.pageY);
   
5.         this._onMove(x, y);
   
6.         
   
7. //}
   
8. function Mac_Sprite_Button() {
   
9.         Sprite_Button.apply(this, arguments);      
   
10. 
    
11.     };
    
12.     Mac_Sprite_Button.prototype = Object.create(Sprite_Button.prototype);
    
13.     Mac_Sprite_Button.prototype.constructor = Mac_Sprite_Button;
    
14. 
    
15.     Mac_Sprite_Button.prototype.update = function() {
    
16.         Sprite_Button.prototype.update.call(this);        
    
17.         this.macisTouched();
    
18.     };
    
19. 
    
20.     Mac_Sprite_Button.prototype.macisTouched = function() {      
    
21.         var x = TouchInput.x;
    
22.         var y = TouchInput.y;
    
23.         var btx = this.x;
    
24.         var bty = this.y;
    
25.         if ((x>=btx&&x<=btx+this.width)&&(y>=bty&&y<=bty+this.height)){  
    
26.         //这里面是 你要做的效果 自己根据自己的改         
    
27.                 this.opacity = 255;
    
28.             }else{
    
29.                 this.opacity = 100;
    
30.             }        
    
31.        };
    
32.         this._nextButton = new Mac_Sprite_Button();
    
33. 
    
34. };

复制代码

---

作者: jac000    时间: 2018-7-31 17:49

番茄x 发表于 2018-7-30 16:50
现在改成了这样，但是好像没看到什么效果

你这 写法当然不对啊 都没理解到意思 我想想看怎么给你解释

---

作者: shitake    时间: 2018-7-31 18:42
给sprite_buttom组件加个update函数 里面每帧获取一下鼠标坐标然后做point hit 如果鼠标坐标在按钮上 则改变对应的sprite的bitmap为highlight 时的图 如果没命中 则改为 default 时的图

---

作者: jac000    时间: 2018-7-31 20:41

番茄x 发表于 2018-7-30 16:50
现在改成了这样，但是好像没看到什么效果

这是一个整体 你写拿都无所谓
//=====================按钮精灵=======================   
    function Mac_Sprite_Button() {
        Sprite_Button.apply(this, arguments);      

    };
    Mac_Sprite_Button.prototype = Object.create(Sprite_Button.prototype);
    Mac_Sprite_Button.prototype.constructor = Mac_Sprite_Button;

    Mac_Sprite_Button.prototype.update = function() {
        Sprite_Button.prototype.update.call(this);        
        this.macisTouched();
    };

    Mac_Sprite_Button.prototype.macisTouched = function() {        
        var x = TouchInput.mousex;
        var y = TouchInput.mousey;
        var btx = this.x;
        var bty = this.y;
        if ((x>=btx&&x<=btx+this.width)&&(y>=bty&&y<=bty+this.height)){            
                this.opacity = 255;
            }else{
                this.opacity = 100;
            }        
       };
这也是一个整体
TouchInput._onMouseMove = function(event) {
   
        var x = Graphics.pageToCanvasX(event.pageX);
        var y = Graphics.pageToCanvasY(event.pageY);
        if (this._mousePressed) {
            this._onMove(x, y);
        }
        this.mousex = x;
        this.mousey = y;
};
上面2个只要不写在 函数里面就行
最后一个 你要加在你 按钮 在的地方
这是个例子 别照抄 会错的
Mac_Scene_Equip.prototype.nextButton = function(){   //你需要的界面  我是是在这个下 Mac_Scene_Equip
        this._nextButton = new Mac_Sprite_Button();         //建立一个新的 按钮
        this._nextButton.setClickHandler(this.nextActor.bind(this));    //按钮按下的 程序名 this.nextActor 这个根据你自己的来改
        this._nextButton.bitmap=ImageManager.loadSystem('button2');   //加载的图片我的这个路径是在System下的 名字 button2
        this._nextButton.x=100;     // 按钮  X  坐标  
        this._nextButton.y=266;    // 按钮  Y 坐标                  
        this.addChild(this._nextButton);       //显示 按钮
    };
我的这个效果是 改的透明度 你只要看懂了 其他效果也能做

---

作者: jac000    时间: 2018-8-1 01:04

shitake 发表于 2018-7-31 18:42
给sprite_buttom组件加个update函数 里面每帧获取一下鼠标坐标然后做point hit 如果鼠标坐标在按钮上 则改 ...

问个问题

Mac_Eqmenu.prototype.onItemCancel = function() {        
        this._categoryWindow.activate();
    };

我想在Mac_Equip用 Mac_Eqmenu下的  这个命令
我该怎么调用
一个是 Mac_Eqmenu.prototype = Object.create(Scene_ItemBase.prototype);
一个是Mac_Equip.prototype = Object.create(Scene_MenuBase.prototype);下的

Mac_Equip.prototype.onSlotCancel = function() {
        this._slotWindow.deselect();        
       Mac_Eqmenu.prototype.onItemCancel.call(this);  //这个不能用
    };

---

作者: 番茄x    时间: 2018-8-4 17:05
非常感谢大佬的耐心讲解(*°∀°)=3

---

作者: jac000    时间: 2018-8-5 16:43

番茄x 发表于 2018-8-4 17:05
非常感谢大佬的耐心讲解(*°∀°)=3

大什么佬啊 我也是新手啊 现学的

---

作者: 南宫逸枫    时间: 2018-11-23 21:10
谢谢大佬！我正好需要！学习了！

---

欢迎光临 Project1 (https://rpg.blue/)

Powered by Discuz! X3.1