Video

This Plugin requires the Title Command Customizer. 

Title Picture Choices
Version 1.10
SomeRanDev

This plugin requires the Game Upgrade plugin:
http://sumrndm.site/game-upgrade/

This Plugin also requires the Title Command Customizer:
http://sumrndm.site/title-command-customizer/

This plugin gives developers the capability to add animated pictures as 
choice commands for the title command window.

==============================================================================
How to Set Images
==============================================================================

If you wish to set an command to use a certain picture, first place the 
picture within /img/SumRndmDde/title/.

Next, add a new item to the "Image Data" Parameter list.

Set "Image" to the name of the image file.
Set "Symbol" to the symbol the command the image should be used for.

You can optionally define a specific position for the command by
setting the "X Position" and "Y Position" Parameters also.

==============================================================================
End of Help File
==============================================================================

Welcome to the bottom of the Help file.

Thanks for reading!
If you have questions, or if you enjoyed this Plugin, please check
out my YouTube channel!

https://www.youtube.com/c/SumRndmDde

Until next time,
~ SomeRanDev
var SRD = SRD || {};
SRD.TitlePictureChoices = SRD.TitlePictureChoices || {};

var Imported = Imported || {};
Imported["SumRndmDde Title Picture Choices"] = 1.10;

function Sprite_TitlePictureChoice() {
	this.initialize.apply(this, arguments);
}

(function(_, __) {

"use strict";

//-----------------------------------------------------------------------------
// SRD.Requirements
//-----------------------------------------------------------------------------

_.alertNeedGameUpgrade = function() {
	alert("The 'SRD_GameUpgrade' plugin is required for using the 'SRD_TitlePictureChoices' plugin.");
	if(confirm("Do you want to open the download page to 'SRD_GameUpgrade'?")) {
		window.open('http://sumrndm.site/game-upgrade/');
	}
};

if(!Imported["SumRndmDde Game Upgrade"]) {
	_.alertNeedGameUpgrade();
	return;
}

if(SRD.requirePlugin(
	'SumRndmDde Title Command Customizer', 
	'SRD_TitlePictureChoices', 
	'SRD_TitleCommandCustomizer', 
	'http://sumrndm.site/title-command-customizer/')) return;

//-----------------------------------------------------------------------------
// SRD.TitlePictureChoices
//-----------------------------------------------------------------------------

const params = PluginManager.parameters('SRD_TitlePictureChoices');

_.data = SRD.parse(params['Image Data'], true);

_.meetsRequirements = !!Imported["SumRndmDde Title Command Customizer"];

_.comImages = {};
_.comPositions = {};

_.highlight = String(params['Highlight Frame']).trim().toLowerCase() === 'true';
_.opacity = parseInt(params['Disable Opacity']);
_.duration = parseInt(params['Animation Duration']);
_.scale = parseFloat(params['Scale Animation']);
_.xGoal = parseInt(params['X Animation']);
_.yGoal = parseInt(params['Y Animation']);
_.lineHeight = parseInt(params['Line Height']);

_.min = 1;
_.max = 1 + _.scale;
_.speed = (_.max - _.min) / _.duration;
_.xSpd = (_.xGoal) / _.duration;
_.ySpd = (_.yGoal) / _.duration;
_.confirm = 0.05;
_.close = 0.1;

_.loadImage = function(filename, hue) {
	return ImageManager.loadBitmap('img/SumRndmDde/title/', filename, hue, true);
};

_.setup = function() {
	for(let i = 0; i < _.data.length; i++) {
		const data = _.data[i];
		const symbol = data['Symbol'];
		_.comImages[symbol] = data['Image'];
		if(data['X Position'] && data['Y Position']) {
			_.comPositions[symbol] = [data['X Position'], data['Y Position']];
		}
	}
};

_.setup();

//-----------------------------------------------------------------------------
// Window_TitleCommand
//-----------------------------------------------------------------------------

Window_TitleCommand.prototype._refreshAllParts = function() {};
Window_TitleCommand.prototype._refreshCursor = function() {};

_.Window_TitleCommand_initialize = Window_TitleCommand.prototype.initialize;
Window_TitleCommand.prototype.initialize = function(messageWindow) {
	this._spriteChoices = [];
	_.Window_TitleCommand_initialize.apply(this, arguments);
};

_.Window_TitleCommand_start = Window_TitleCommand.prototype.start;
Window_TitleCommand.prototype.start = function() {
	this._spriteChoices.forEach(function(sprite) {
		if(sprite) {
			this.removeChild(sprite);
		}
	}, this);
	_.Window_TitleCommand_start.apply(this, arguments);
};

Window_TitleCommand.prototype.lineHeight = function() {
	return _.lineHeight;
};

Window_TitleCommand.prototype.drawItem = function(index) {
	const name = this.commandName(index);
	const rect = this.itemRectForText(index);
	const symbol = this.commandSymbol(index);
    const enabled = this.isCommandEnabled(index);
	const image = _.comImages[symbol];
	const position = _.comPositions[symbol];
    if(this._spriteChoices[index]) this.removeChild(this._spriteChoices[index]);
    let sprite;
	if(image) {
		const bit = _.loadImage(image);
		sprite = new Sprite_TitlePictureChoice(bit);
		if(position) {
			sprite.mainX = position[0] - eval(__.x);
			sprite.mainY = position[1] - eval(__.y);
		} else {
			sprite.mainX = rect.x + (rect.width/2);
			sprite.mainY = rect.y + (rect.height/2);
		}
	} else {
		const width = this.textWidthEx(name);
		const bit = new Bitmap(width, this.contents.fontSize + 4);
		const tempCont = this.contents;
		this.contents = bit;
		if(__.textCodes) {
			this.drawTextEx(this.commandName(index), 0, 0);
		} else {
			this.drawText(this.commandName(index), 0, 0, bit.width, 'center');
		}
		this.contents = tempCont;
		sprite = new Sprite_TitlePictureChoice(bit);
		sprite.mainX = rect.x + (rect.width/2);
		sprite.mainY = rect.y + (rect.height/2);
	}
    if(!enabled) sprite._realOpa = (_.opacity / 255);
    else sprite._realOpa = 1;
    this._spriteChoices[index] = sprite;
    this.addChild(sprite);
};

Window_TitleCommand.prototype.itemTextAlign = function() {
	return 'center';
};

_.Window_TitleCommand_update = Window_TitleCommand.prototype.update;
Window_TitleCommand.prototype.update = function() {
	_.Window_TitleCommand_update.apply(this, arguments);
	var length = this._spriteChoices.length;
	for(var i = 0; i < length; i++) {
        const sprite = this._spriteChoices[i];
		if(sprite) {
			sprite.opacity = this.openness * (sprite._realOpa);
			if(this.index() === i) {
				sprite.updateIncrease();
			} else {
				sprite.updateDecrease();
			}
		}
	}
};

_.Window_TitleCommand_close = Window_TitleCommand.prototype.close;
Window_TitleCommand.prototype.close = function() {
	for(var i = 0; i < this._spriteChoices.length; i++) {
		if(this._spriteChoices[i]) {
			if(i === this.index()) {
				this._spriteChoices[i].startConfirm();
			} else {
				this._spriteChoices[i].startDecline();
			}
		}
	}
	_.Window_TitleCommand_close.apply(this, arguments);
};

//-----------------------------------------------------------------------------
// Sprite_TitlePictureChoice
//-----------------------------------------------------------------------------

Sprite_TitlePictureChoice.prototype = Object.create(Sprite.prototype);
Sprite_TitlePictureChoice.prototype.constructor = Sprite_TitlePictureChoice;

Sprite_TitlePictureChoice.prototype.initialize = function() {
	Sprite.prototype.initialize.apply(this, arguments);
	this.anchor.x = 0.5;
	this.anchor.y = 0.5;
	this.mainX = 0;
	this.mainY = 0;
	this.offsetX = 0;
	this.offsetY = 0;
	this._duration = _.duration;
	this._breath = 1;
	this._direction = 0;
	this._frameMode = false;
	this._ready = false;
	this.bitmap.addLoadListener(function() {
		if(_.highlight) {
			this.setFrame(0, 0, this.bitmap.width / 2, this.bitmap.height);
			this._ready = true;
		}
	}.bind(this));
};

Sprite_TitlePictureChoice.prototype.update = function() {
	Sprite.prototype.update.apply(this, arguments);
	this.updatePosition();
	this.updateFinish();
};

Sprite_TitlePictureChoice.prototype.updatePosition = function() {
	this.x = this.mainX + this.offsetX;
	this.y = this.mainY + this.offsetY;
};

Sprite_TitlePictureChoice.prototype.startConfirm = function() {
	this._direction = 1;
};

Sprite_TitlePictureChoice.prototype.startDecline = function() {
	this._direction = 2;
};

Sprite_TitlePictureChoice.prototype.updateIncrease = function() {
	if(this._ready) {
		this.updateFrame(true);
	}
	if(this._breath < this._duration) {
		this._breath++;
		this.updateAnimation();
	}
};

Sprite_TitlePictureChoice.prototype.updateDecrease = function() {
	if(this._ready) {
		this.updateFrame(false);
	}
	if(this._breath > 0) {
		this._breath--;
		this.updateAnimation();
	}
};

Sprite_TitlePictureChoice.prototype.updateAnimation = function() {
	this.scale.x = 1 + ((this._breath / this._duration) * _.scale);
	this.scale.y = 1 + ((this._breath / this._duration) * _.scale);
	this.offsetX = ((this._breath / this._duration) * _.xGoal);
	this.offsetY = ((this._breath / this._duration) * _.yGoal);
};

Sprite_TitlePictureChoice.prototype.updateFrame = function(on) {
	if(this._frameMode !== on) {
		this._frameMode = on;
		if(this._frameMode) {
			this.setFrame(this.bitmap.width / 2, 0, this.bitmap.width / 2, this.bitmap.height);
		} else {
			this.setFrame(0, 0, this.bitmap.width / 2, this.bitmap.height);
		}
	}
};

Sprite_TitlePictureChoice.prototype.updateFinish = function(on) {
	if(this._direction) {
		if(this._direction === 1) {
			this.opacity -= (_.close * 100);
			this.scale.x += _.close;
			this.scale.y += _.close;
			if(this.opacity <= 0) {
				this._direction = 0;
				this.parent.removeChild(this);
			}
		} else if(this._direction === 2) {
			this.scale.x -= _.confirm;
			this.scale.y -= _.confirm;
			if(this._breath <= 0) {
				this._direction = 0;
				this.parent.removeChild(this);
			}
		}
	}
};

})(SRD.TitlePictureChoices, SRD.TitleCommandCustomizer);