自定義圖片腳本中第三註解(紅色範圍複製起來)
三、在需要的地方新增以下語法,並且自己調整即可顯示。
——————————————————————————
var xSrc, ySrc;
var destWidth = GraphicsFormat.FACE_WIDTH;
var destHeight = GraphicsFormat.FACE_HEIGHT;
var srcWidth = destWidth;
var srcHeight = destHeight;
var pic1 = root.getMaterialManager().createImage(No1.Material, No1.GaugeImg);
if (root.isLargeFaceUse() && pic.isLargeImage()) {
srcWidth = root.getLargeFaceWidth();
srcHeight = root.getLargeFaceHeight();
}
xSrc = srcWidth;
ySrc = srcHeight;
pic1.drawStretchParts(x, y, destWidth = 550, destHeight = 530, xSrc-96, ySrc-96, srcWidth = 550, srcHeight = 530);
//x . y = 圖片座標自訂位置
//destWidth.destHeight.srcWidth.srcHeight = 調整圖片倍率
//如果沒特殊需求請將這四項設為與圖片同等寬*高,例如550*530 = Width=550.Height=530
//xSrc.ySrc = 圖片顯示範圍,例如【xSrc-15、ySrc+15】則會X從0改為-15座標顯示、Y是+15座標顯示,超出圖片顯示尺寸外則會強制消除
//因此如無必要,請勿亂修正
在使用圖片語法前 ,請先熟知自己的圖片大小為多少
以No1.No2來說分別是
由於這也算是改UI的一部份,因此套用在UI格式裡面就好
getCommandTextUI: function() {
return root.queryTextUI(‘restcommand_title’);
},
新增插入的圖片語法為『藍色部分』唷!
getCommandTextUI: function() {
var xSrc, ySrc;
var destWidth = GraphicsFormat.FACE_WIDTH;
var destHeight = GraphicsFormat.FACE_HEIGHT;
var srcWidth = destWidth;
var srcHeight = destHeight;var pic1 = root.getMaterialManager().createImage(No1.Material, No1.GaugeImg);
// .Material, .GaugeImg 前方請輸入【定義名稱】
if (root.isLargeFaceUse() && pic1.isLargeImage()) {
//pic.isLargeImage() 請改為定義的 pic1
srcWidth = root.getLargeFaceWidth();
srcHeight = root.getLargeFaceHeight();
}
var pic2 = root.getMaterialManager().createImage(No2.Material, No2.GaugeImg);
// .Material, .GaugeImg 前方請輸入【定義名稱】
if (root.isLargeFaceUse() && pic2.isLargeImage()) {
//pic.isLargeImage() 請改為定義的 pic2
srcWidth = root.getLargeFaceWidth();
srcHeight = root.getLargeFaceHeight();
}
xSrc = srcWidth;
ySrc = srcHeight;
pic1.drawStretchParts(260, 160, destWidth = 300, destHeight = 400, xSrc-96, ySrc-96, srcWidth = 300, srcHeight=400);
//顯示半身繪
pic2.drawStretchParts(410, 30, destWidth = 234, destHeight = 179, xSrc-96, ySrc-96, srcWidth = 234, srcHeight=179);
//顯示對話框
return root.queryTextUI(‘restcommand_title’);
},
這樣就完成 導入自定義圖片 教學了
一起來看看效果是如何吧?