在屏幕坐标显示动画

yang1zhi · 发表于 2018-10-6 14:38:55

加入我们，或者，欢迎回来。

您需要登录才可以下载或查看，没有账号？注册会员

×

本帖最后由 yang1zhi 于 2020-11-5 09:31 编辑

me_xy_animation.zip (1.06 KB, 下载次数: 216)

就是个垃圾而已。

用默认脚本改的。

可在屏幕的任何坐标显示‘动画’

//在事件中的脚本里，写上$gameParty.XY_animation(id,x,y)
//也可以自己在指定的Scene里面调用createXYanimationWindow来实现

更新---------------------------------------------------------------------------------------------------------------
//SceneManager._scene.END_XYanimation() 可结束动画播放

YZ_xy_animation.zip (1.13 KB, 下载次数: 166)

xx0192476 · 发表于 2018-11-1 21:07:59

请问在公共事件中可以调用这个吗？

xx0192476 · 发表于 2018-11-1 21:12:43

谢谢，我试了一下，正好能用上。

wr282828 · 发表于 2019-8-17 11:56:31

厉害了大佬，解决了燃眉之急，不过还是有个小问题想请教下，
这个动画是否能更改 Z轴层级因为我使用了其他显示图片的插件现在这个动画显示在了图片下面我想把这个动画弄到图片上面去
我那个插件是用 zIndex = 1000 来控制层级的
期待大佬的解答 |
最后还是非常感谢大佬这个小插件非常有用的

yang1zhi · 发表于 2019-8-17 14:42:30

wr282828 发表于 2019-8-17 11:56
厉害了大佬，解决了燃眉之急，不过还是有个小问题想请教下，
这个动画是否能更改 Z轴层级因为我使用了 ...

不好办。JS的Z轴是根据先来后到来决定上下的。我不知道你那个什么原理。我这个是使用指令后才开始添加的。应该是最后到达的。

沉滞的剑 · 发表于 2019-8-17 16:08:25

wr282828 发表于 2019-8-17 11:56
厉害了大佬，解决了燃眉之急，不过还是有个小问题想请教下，
这个动画是否能更改 Z轴层级因为我使用了 ...

深度管理需要对children列表进行排序, 实现方式并不统一, 你可以把你的插件发过来么, 我研究一下该怎么弄

wr282828 · 发表于 2019-8-17 19:59:10

AXY_Gif.rar (3.01 KB, 下载次数: 116)
我用的是这个显示图片的插件

wr282828 · 发表于 2019-8-17 20:54:58

[pre lang="javascript"]//=============================================================================
// XueYu Plugins - Gif
// AXY_Gif.js
// Version: 1.0
// License: BSD
//=============================================================================
/*:
* @plugindesc v1.00 动图显示 This plugin show gif, jpg, and many formats img from website or local.
* @author XueYu Plugins
*
* @param 锚点
* @param Anchor
* @desc The Img Anchor point. topleft/center
* @default center
*
* @param X
* @desc The x position of img. this is a eval param, so you can use Variables.
* img的x位置。这是一个eval参数，所以可以使用变量
* @default Graphics.width/2
*
* @param Y
* @desc The y position of img. this is a eval param, so you can use Variables.
* @default Graphics.height/2-90
*
* @param Width
* @desc The img width with % percent or px. img宽度的百分比或px。
* @default 100%
*
* @param Height
* @desc The img height with % percent or px.
* @default 100%
*
* @param opacity
* @desc The css opacity. 0-1 css的不透明度。0 - 1
* @default 1
*
* @param zIndex
* @desc The css zIndex.
* @default 10000
*
* @param 改变（一般用于旋转）
* @param transform
* @desc 可用脚本 $gameTemp._DXXtransform = "rotate(0deg)"; 修改。
* @default rotate(0deg)
*
* @param 延时
* @param delay
* @desc The Img life time. set to 0 to disable. unit is microseconds.
* Img的使用寿命。设置为0禁用。单位是微秒。
* @default 0
*
* @param path
* @desc The gif file you save.
* @default img/gif/
*
* @help
* Introduction
* This plugin support rmmv show gif, jpg, and many formats img from website or local.
* Easy to use and powerful.
*
* Example:
* show:
* AXY_Gif.show({filename:'1.gif'});
* AXY_Gif.show({filename:'1.jpg'});
* AXY_Gif.show({filename:'url=img/faces/Actor1.png'});
* AXY_Gif.show({filename:'1.gif',id:2});
* AXY_Gif.show({id:3,filename:'1.gif',delay:3000});
* AXY_Gif.show({x:0, y:0, align:'topleft', filename:'url=http://www.yourdomain.com/gif.jpg'});
* AXY_Gif.show({x:0, y:0, align:'topleft', filename:'url=http://www.yourdomain.com/gif.gif'});
* all args with default:
* AXY_Gif.show({x:'Graphics.width/2', y:'Graphics.height/2-90', align:'center', filename:'1.gif',id:1,delay:0,width:'100%',height:'100%',opacity:1});
*
* move:
* AXY_Gif.move(id,x,y);
*
* remove with id:
* AXY_Gif.remove(1);
* AXY_Gif.remove(2);
* remove all:
* AXY_Gif.removeall();
*
*
* showtext
* AXY_Gif.showtext({x:500, y:500, id:50, content:'你好吗', color:'#000000', size:10});
*
* movetext
* AXY_Gif.movetext(id,x,y);
*/

// Imported
var Imported = Imported || {};
Imported.AXY_Gif = true;

// Parameter Variables
var AXY = AXY || {};
AXY.Gif = AXY.Gif || {};

AXY.Gif.Parameters = PluginManager.parameters('AXY_Gif');
AXY.Gif.Param = AXY.Gif.Param || {};

//
AXY.Gif.Param.Anchor = String(AXY.Gif.Parameters['Anchor']);
AXY.Gif.Param.X = String(AXY.Gif.Parameters['X']);
AXY.Gif.Param.Y = String(AXY.Gif.Parameters['Y']);
AXY.Gif.Param.Width = String(AXY.Gif.Parameters['Width']);
AXY.Gif.Param.Height = String(AXY.Gif.Parameters['Height']);
AXY.Gif.Param.opacity = parseFloat(AXY.Gif.Parameters['opacity']);
AXY.Gif.Param.zIndex = parseInt(AXY.Gif.Parameters['zIndex']);
AXY.Gif.Param.delay = parseInt(AXY.Gif.Parameters['delay']);
AXY.Gif.Param.path = String(AXY.Gif.Parameters['path']);

AXY.Gif.Param.transform = String(AXY.Gif.Parameters['transform']);

//main
//gif
AXY_Gif = {
show: function () {
//console.log(arguments[3]);
var AXYGifArgs =    arguments[0] ? arguments[0] : {};
var filename =    AXYGifArgs['filename'] ? AXYGifArgs['filename'] : "";
var delay      =    AXYGifArgs['delay'] ? AXYGifArgs['delay'] : AXY.Gif.Param.delay;
var id =    AXYGifArgs['id'] ? AXYGifArgs['id'] : 1;
var x =    AXYGifArgs['x'] != undefined ? AXYGifArgs['x'] : eval(AXY.Gif.Param.X);
var y =    AXYGifArgs['y'] != undefined ? AXYGifArgs['y'] : eval(AXY.Gif.Param.Y);
var width =    AXYGifArgs['width'] ? AXYGifArgs['width'] : AXY.Gif.Param.Width;
var height =    AXYGifArgs['height'] ? AXYGifArgs['height'] : AXY.Gif.Param.Height;
var opacity =    AXYGifArgs['opacity'] ? AXYGifArgs['opacity'] : AXY.Gif.Param.opacity;
var align =    AXYGifArgs['align'] ? AXYGifArgs['align'] : AXY.Gif.Param.Anchor;
var transform = $gameTemp._DXXtransform ? $gameTemp._DXXtransform : AXY.Gif.Param.transform;

if(filename.indexOf('url=') != -1){
filename = filename.replace('url=', '');
}
else{
filename = AXY.Gif.Param.path + filename;
}

var AXYGifEntity;
var AXYGifTemplate = '<div id="AXYGif'+id+'" class="AXYGif" width=1600 height=900 style="visibility:hidden;position:fixed;left:0px;top:0px;transform:'+transform+';z-index:'+
AXY.Gif.Param.zIndex+';"><img src="'+filename+'" style="width:'+width+';height:'+height+';opacity:'+opacity+';" /></div>';

AXYGifEntity = $('body').append(AXYGifTemplate);

$("#AXYGif"+id+" img")[0].onload = function(){
if(align == 'center'){
if(width.indexOf("px") != -1){
var widthpx = width;
var widthint = parseFloat(width);
}
else{
var widthint = $("#AXYGif"+id+" img")[0].naturalWidth*parseFloat(width)/100;
if(widthint == 0){console.log("必须提前加载图片否则naturalWidth为0");}
var Wadj = AXY_Gif.AdjustWidth(widthint);
var widthpx = Wadj+'px';
}
if(height.indexOf("px") != -1){
var heightpx = height;
var heightint = parseFloat(height);
}
else{
var heightint = $("#AXYGif"+id+" img")[0].naturalHeight*parseFloat(height)/100;
var Hadj = AXY_Gif.AdjustHeight(heightint);
var heightpx = Hadj+'px';
}

var imgx = widthint/2;
var imgy = heightint/2;
var divx = x-imgx;//*parseFloat(width)/100;
var divy = y-imgy;//*parseFloat(height)/100;

divx = AXY_Gif.AdjustX(divx);
divy = AXY_Gif.AdjustY(divy);

            // console.log("x:" + divx + " y:" + divy);
$("#AXYGif"+id+" img").css({'width':widthpx,'height':heightpx});
$("#AXYGif"+id).css({left:divx+'px', top:divy+'px', visibility:'visible'});

}
else{
var wint = $("#AXYGif"+id+" img")[0].naturalWidth * parseFloat(width)/100;
var hint = $("#AXYGif"+id+" img")[0].naturalHeight * parseFloat(height)/100;
if(wint == 0){console.log("必须提前加载图片否则naturalWidth为0");}
// console.log("w:" + wint + " h:" + hint);
var w = AXY_Gif.AdjustWidth(wint) + 'px';
var h = AXY_Gif.AdjustHeight(hint) + 'px';
x = AXY_Gif.AdjustX(x);
y = AXY_Gif.AdjustY(y);
$("#AXYGif"+id+" img").css({'width':w,'height':h});
$("#AXYGif"+id).css({left:x, top:y, visibility:'visible'});
// console.log($("#AXYGif"+id));
      }
}
// console.log($("#AXYGif"+id));
if(delay>=1){
setTimeout(function()
{
$('#AXYGif'+id).remove();
}, delay);
}
},
remove: function () {
var id =    arguments[0] ? arguments[0] : 1;
// console.log($('#AXYGif'+id));
// console.log($('#AXYGif'+id).stop());
$('#AXYGif'+id).stop().animate({"opacity": "0"},500, function() {
$(this).remove();
});
},
removeall: function () {
$('.AXYGif').stop().animate({"opacity": "0"}, 500, function() {
$(this).remove();
});
},
move: function () {
var id = arguments[0] ? arguments[0] : 1;
      var x1 = arguments[1] ? arguments[1] : 1;
      var y1 = arguments[2] ? arguments[2] : 1;

x1 = AXY_Gif.AdjustX(x1);
y1 = AXY_Gif.AdjustY(y1);

x1 = x1 + "px";
y1 = y1 + "px";

$('#AXYGif'+id).animate({left: x1, top: y1},"fast");
},
// removeall: function () {
// $('.AXYGif').stop().animate({"width": "0","height": "0"}, "normal", function() {
// $(this).remove();
// });
// }
showtext: function () {
var AXYGifArgs =    arguments[0] ? arguments[0] : {};

var delay      =    AXYGifArgs['delay'] ? AXYGifArgs['delay'] : AXY.Gif.Param.delay;
var id =    AXYGifArgs['id'] ? AXYGifArgs['id'] : 1;
var x =    AXYGifArgs['x'] != undefined ? AXYGifArgs['x'] : 0;
var y =    AXYGifArgs['y'] != undefined ? AXYGifArgs['y'] : 0;
var opacity =    AXYGifArgs['opacity'] ? AXYGifArgs['opacity'] : AXY.Gif.Param.opacity;
var content =    AXYGifArgs['content'] ? AXYGifArgs['content'] : 0;
var color =    AXYGifArgs['color'] ? AXYGifArgs['color'] : 'white';
var size =    AXYGifArgs['size'] ? AXYGifArgs['size'] : 5;
var zIndex =    AXYGifArgs['zIndex'] ? AXYGifArgs['zIndex'] : 10001;

var AXYGifEntity;

var AXYGifTemplate = '<div id="AXYGiftext'+id+'" class="AXYGiftext" style="visibility:hidden;position:fixed;left:0px;top:0px;z-index:'+zIndex+';font-weight: 700;"><p><font size="'+size+'" face="arial" color="'+color+'">'+content+'</font></p></div>';

AXYGifEntity = $('body').append(AXYGifTemplate);

x = AXY_Gif.AdjustX(x);
y = AXY_Gif.AdjustY(y);

$("#AXYGiftext"+id).css({left:x, top:y, visibility:'visible'});
// console.log($("#AXYGif"+id));
if(delay>=1){
setTimeout(function()
{
$('#AXYGiftext'+id).remove();
}, delay);
}
},
removetext: function () {
var id = arguments[0] ? arguments[0] : 1;
$('#AXYGiftext'+id).stop().animate({"opacity": "0"},10, function() {
$(this).remove();
});
},
movetext: function () {
var id = arguments[0] ? arguments[0] : 1;
      var x1 = arguments[1] ? arguments[1] : 1;
      var y1 = arguments[2] ? arguments[2] : 1;

x1 = AXY_Gif.AdjustX(x1);
y1 = AXY_Gif.AdjustY(y1);
      x1 = x1 + "px";
      y1 = y1 + "px";
$('#AXYGiftext'+id).animate({left: x1, top: y1},300);
},
removealltext: function () {
$('.AXYGiftext').stop().animate({"opacity": "0"}, "fast", function() {
$(this).remove();
});
},
AdjustWidth: function () {
      var Wself = arguments[0] ? arguments[0] : 1;
      var Wnow = parseInt(Graphics._canvas.style.width);
      var Wadjust = Wnow / 1600 * Wself ;
      Wadjust = Math.round(Wadjust);
      return  Wadjust;
},
AdjustHeight: function () {
      var Hself = arguments[0] ? arguments[0] : 1;
      var Hnow = parseInt(Graphics._canvas.style.height);
      var Hadjust = Hnow / 900 * Hself ;
      Hadjust = Math.round(Hadjust);
      return  Hadjust;
},
AdjustX: function () {
      var Xself = arguments[0] ? arguments[0] : 1;
      var Wnow = parseInt(Graphics._canvas.style.width);
      var Winner = window.innerWidth;
      var Xadjust = Wnow / 1600 * Xself ;
      if(Wnow != Winner){
         var Xpy = (Winner - Wnow) / 2;
         Xadjust = Xadjust + Xpy;
      }
      Xadjust = Math.round(Xadjust);
      return  Xadjust;
},
AdjustY: function () {
      var Yself = arguments[0] ? arguments[0] : 1;
      var Hnow = parseInt(Graphics._canvas.style.height);
      var Hinner = window.innerHeight;
      var Yadjust = Hnow / 900 * Yself ;
      if(Hnow != Hinner){
        var Ypy = (Hinner - Hnow) / 2 ;
        Yadjust = Yadjust + Ypy;
      }
      Yadjust = Math.round(Yadjust);
      return  Yadjust;
}

};[/pre]

wr282828 · 发表于 2019-8-18 08:04:11

本帖最后由 wr282828 于 2019-8-18 08:06 编辑

沉滞的剑发表于 2019-8-17 16:08
深度管理需要对children列表进行排序, 实现方式并不统一, 你可以把你的插件发过来么, 我研究一下该怎么弄 ...

心塞，突然发现，这个动画是游戏最初的 GameCanvas上面进行绘制的，而它的 zIndex = 1，
我如果要让动画显示在我那个插件图片上面，必须自己新建一个 canvas ，然后再在这个画布上面绘制动画

求大佬指点我应该咋做
主要是我不知道怎么在自己新建的canvas上调用mv原本的代码绘制动画在这个画布上...

=========================================================
=========================================================
=========================================================

白嫩白嫩的 · 发表于 2020-11-5 00:30:59

yang大佬抱歉来打扰了，最近在使用您的这个插件做实验，想知道能不能通过代码将正在播放的动画取消掉？跪求指点

[原创发布] 在屏幕坐标显示动画

加入我们，或者，欢迎回来。

评分

评分

点评

点评

点评

点评

点评

点评

浏览过的版块

开拓者