Project1

标题: 哪位大神会写代码啊？gif脚本帮忙优化一下呗！ [打印本页]

作者: lqsg123 时间: 2017-12-28 02:21
标题: 哪位大神会写代码啊？gif脚本帮忙优化一下呗！
本帖最后由 lqsg123 于 2017-12-29 14:57 编辑

就是这个脚本，我是小白，能不能帮我修改一下代码，让动态图显示在对话框的后面呢？

还有就是全屏和小窗口之间切换的时候，动态图不会跟着放大缩小！

懂脚本的大神帮我修改一下呗！！！

//=============================================================================
// 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 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.
* @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.
* @default 100%
*
* @param Height
* @desc The img height with % percent or px.
* @default 100%
*
* @param opacity
* @desc The css opacity. 0-1
* @default 1
*
* @param zIndex
* @desc The css zIndex.
* @default 10000
*
* @param delay
* @desc The Img life time. set to 0 to disable. unit is microseconds.
* @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});
* remove with id:
* AXY_Gif.remove(1);
* AXY_Gif.remove(2);
* remove all:
* AXY_Gif.removeall();
*/

// 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']);

//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;

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" style="visibility:hidden;position:fixed;left:0px;top:0px;z-index:'+
AXY.Gif.Param.zIndex+';"><img src="'+
filename+'" style="width:'+
width+';height:'+
height+';opacity:'+
opacity+';" /></div>';

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

if(align == 'center'){
$("#AXYGif"+id+" img")[0].onload = function(){
//alert('width = ' + this.naturalWidth + ' , height =' + this.naturalHeight);
//console.log($("#AXYGif"+id+""));
//console.log($("#AXYGif"+id+" img")[0].baseURI);
//console.log($("#AXYGif"+id+" img")[0].currentSrc);
//console.log($("#AXYGif"+id+" img")[0].clientHeight);
//console.log($("#AXYGif"+id+" img")[0].naturalWidth);
//console.log($("#AXYGif"+id+" img")[0].width);
//console.log($("#AXYGif"+id+" img")[0].height);

if(width.indexOf("px") != -1){
var widthpx = width;
var widthint = parseFloat(width);
}
else{
var widthint = $("#AXYGif"+id+" img")[0].naturalWidth*parseFloat(width)/100;
var widthpx = widthint+'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 heightpx = heightint+'px';
}

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

//console.log('img center point: imgx='+imgx+', imgy='+imgy);
//console.log('screens left top: divx='+divx+', divy='+divy);
//console.log('x='+parseFloat(width)/100+', y='+parseFloat(height)/100+', naturalWidth='+ $("#AXYGif"+id+" img")[0].naturalWidth);
//console.log('x='+x+', y='+y);
//console.log('widthpx='+widthpx+', heightpx='+heightpx);
//console.log('Graphics.width='+Graphics.width+', Graphics.height='+Graphics.height);
//console.log(window);
//var imgCenter =

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

if(delay>=1){
setTimeout(function()
{
$('#AXYGif'+id).remove();
}, delay);
}

//console.log(css);
//console.log($gameParty);
//console.log($gameSystem);
//console.log(TextManager.currencyUnit);

//$('#AXYGif'+id+' img').stop().show().animate({"width": "100%","height": "100%"}, "normal");
},
remove: function () {
var id =    arguments[0] ? arguments[0] : 1;
$('#AXYGif'+id).stop().animate({"width": "0","height": "0"}, "normal", function() {
$(this).remove();
});
},
removeall: function () {
$('.AXYGif').stop().animate({"width": "0","height": "0"}, "normal", function() {
$(this).remove();
});
}
};

Image 3.png (719.39 KB, 下载次数: 13)

Image 4.png (445.15 KB, 下载次数: 19)

作者: Fan723 时间: 2017-12-28 10:15
这个插件不是写得很直白了吗？显示时长、位置、移除图片等都是用插件指令控制的。
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});
你用这个插件指令不能控制位置跟消失时间吗？

作者: lqsg123 时间: 2017-12-28 15:53

Fan723 发表于 2017-12-28 10:15
这个插件不是写得很直白了吗？显示时长、位置、移除图片等都是用插件指令控制的。
AXY_Gif.show({x:'Graphi ...

我是小白，完全不懂代码！关键是这两个问题！

让动态图显示在对话框的后面呢？

还有就是全屏和小窗口之间切换的时候，动态图不会跟着放大缩小！

作者: lqsg123 时间: 2017-12-29 14:47
本帖最后由 lqsg123 于 2017-12-29 14:53 编辑

lqsg123 发表于 2017-12-28 15:53
我是小白，完全不懂代码！关键是这两个问题！

让动态图显示在对话框的后面呢？

AXY_Gif.show({filename:'s1.gif',id:2,width:'121',height:'121',x:950,y:444});
这个是代码

能让对话框显示在动态图的后面吗？
大神你还在不在啊？

Image 4.png (445.15 KB, 下载次数: 22)

作者: lqsg123 时间: 2017-12-29 16:47

lqsg123 发表于 2017-12-29 14:47
AXY_Gif.show({filename:'s1.gif',id:2,width:'121',height:'121',x:950,y:444});
这个是代码

谢谢大神啊！不过

这个脚本不能改成让动态图显示在对话框的后面吗？就像普通图片显示在对话框的后面！

作者: soulsaga 时间: 2017-12-29 17:16
本帖最后由 soulsaga 于 2017-12-29 17:19 编辑

* @param zIndex
* @desc The css zIndex.
* @default 10000

插件管理里面的參数可设定吧?把这个改成很小的数值应该就会在对话框后面了...我想..大概..

作者: walf_man 时间: 2017-12-31 01:07
是的，用的img，所以你只能缩小图片到不要遮盖对话框的大小，如果用canvas那只能用序列帧做动画，不支持gif的

作者: lqsg123 时间: 2018-1-3 21:06

soulsaga 发表于 2017-12-29 17:16
* @param zIndex
* @desc The css zIndex.
* @default 10000

没用啊，这个是干嘛的呀

作者: 汪汪 时间: 2018-1-6 01:20
看起来不可能...
或许应该研究下sprite如何用gif...

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