276 lines
8.4 KiB
JavaScript
276 lines
8.4 KiB
JavaScript
/*---------------------------------------------------------------------------*
|
||
* 2020/06/01 kido
|
||
* https://kido0617.github.io/
|
||
*---------------------------------------------------------------------------*/
|
||
|
||
/*:
|
||
* @plugindesc 配信風のコメント表示プラグイン
|
||
* @author kido0617
|
||
* @help
|
||
*
|
||
* LiveCommentManager(LCM)
|
||
*
|
||
* ・初期化
|
||
* LCM.init(x, y, width, height);
|
||
*
|
||
* ・表示(透明背景)
|
||
* LCM.show('テキスト');
|
||
*
|
||
* ・表示(背景色あり。プラグインパラメータで色を定義して使います)
|
||
* LCM.show('テキスト', 1);
|
||
*
|
||
* ・表示(制御文字あり)
|
||
* LCM.show('\\I[82]\\C[2]ジョン:\\C[0]改行してみる\nあいうえおー');
|
||
*
|
||
* ・非表示状態にする
|
||
* LCM.setVisible(false);
|
||
*
|
||
* ・表示状態にする
|
||
* LCM.setVisible(true);
|
||
*
|
||
* ・コメント消去(showすればまた1から追加できる)
|
||
* LCM.clear();
|
||
*
|
||
* ・撤去(完全に消えます。再度 initしてください)
|
||
* LCM.remove();
|
||
*
|
||
* initしたマップでのみ有効。マップ遷移したら自動的に消えます。
|
||
*
|
||
* @param 1行の高さ
|
||
* @desc 基本的に フォントサイズ+α です。
|
||
* @type number
|
||
* @default 36
|
||
*
|
||
* @param フォントサイズ
|
||
* @desc フォントサイズです
|
||
* @type number
|
||
* @default 28
|
||
*
|
||
* @param アイコンサイズ
|
||
* @desc アイコンサイズです
|
||
* @type number
|
||
* @default 32
|
||
*
|
||
* @param スクロールスピード
|
||
* @desc コメントが上にスクロールするスピード[pixel/frame]
|
||
* @type number
|
||
* @default 4
|
||
*
|
||
* @param テキストパディング
|
||
* @desc テキストの左端のパディング[pixel]
|
||
* @type number
|
||
* @default 6
|
||
*
|
||
* @param 文字のアウトラインを消す
|
||
* @desc 消したいときはtrue
|
||
* @type boolean
|
||
* @default true
|
||
*
|
||
* @param デフォルトフォントカラー
|
||
* @desc 白文字以外の場合は変える(ツクールのシステムの色番号 例:14)
|
||
* @type number
|
||
* @default 0
|
||
*
|
||
* @param 背景色定義
|
||
* @desc rgb(255, 0, 0) の形式で指定。使うときは番号(1～)で指定
|
||
* @type string[]
|
||
* @default []
|
||
*
|
||
*/
|
||
|
||
(function () {
|
||
|
||
const params = PluginManager.parameters('LiveComment');
|
||
const lineHeight = parseInt(params['1行の高さ']);
|
||
const fontSize = parseInt(params['フォントサイズ']);
|
||
const iconSize = parseInt(params['アイコンサイズ']);
|
||
const scrollSpeed = parseInt(params['スクロールスピード']);
|
||
const textPadding = parseInt(params['テキストパディング']);
|
||
const outlineDisabled = params['文字のアウトラインを消す'] == 'true';
|
||
const defaultFontColor = parseInt(params['デフォルトフォントカラー']);
|
||
const colors = JSON.parse(params['背景色定義']);
|
||
|
||
window.LCM = function () { };
|
||
|
||
function getLiveCommentContainer(){
|
||
let lc = SceneManager._scene._liveCommentContainer;
|
||
if(!lc){
|
||
//console.error('initしてません！');
|
||
}
|
||
return lc;
|
||
}
|
||
|
||
LCM.init = function (x, y, width, height) {
|
||
if(SceneManager._scene._liveCommentContainer){
|
||
console.error('すでにinitされてあります');
|
||
return;
|
||
}
|
||
let lc = new LiveCommentContainer(x, y, width, height);
|
||
var spriteSetMap = null;
|
||
for(var i = 0 ; SceneManager._scene.children.length; i++){
|
||
if(SceneManager._scene.children[i] instanceof Spriteset_Map){
|
||
spriteSetMap = SceneManager._scene.children[i];
|
||
break;
|
||
}
|
||
}
|
||
if(spriteSetMap){
|
||
//ピクチャの上、フェードの下に位置したい
|
||
for(var i = 0 ; i < spriteSetMap.children.length; i++){
|
||
if(spriteSetMap.children[i] instanceof Sprite_Timer) {
|
||
spriteSetMap.addChildAt(lc, i);
|
||
break;
|
||
}
|
||
}
|
||
}else{
|
||
SceneManager._scene.addChild(lc);
|
||
}
|
||
|
||
|
||
SceneManager._scene._liveCommentContainer = lc;
|
||
};
|
||
|
||
LCM.show = function (text, backgroundColor) {
|
||
let lc = getLiveCommentContainer();
|
||
if(lc) lc.show(text, backgroundColor);
|
||
};
|
||
|
||
LCM.setVisible = function(toggle){
|
||
let lc = getLiveCommentContainer();
|
||
if(lc) lc.visible = toggle;
|
||
};
|
||
|
||
LCM.remove = function(){
|
||
let lc = getLiveCommentContainer();
|
||
if(!lc) return;
|
||
lc.parent.removeChild(lc);
|
||
SceneManager._scene._liveCommentContainer = null;
|
||
};
|
||
|
||
LCM.clear = function(){
|
||
let lc = getLiveCommentContainer();
|
||
if(lc) lc.clear();
|
||
};
|
||
|
||
function LiveCommentContainer(x, y, width, height) {
|
||
PIXI.Container.call(this);
|
||
this.x = x;
|
||
this.y = y;
|
||
this._width = width;
|
||
this._height = height;
|
||
this.yPos = 0;
|
||
this.mask = new PIXI.Graphics();
|
||
this.mask.beginFill();
|
||
this.mask.drawRect(x, y, width, height);
|
||
this.mask.endFill();
|
||
}
|
||
|
||
LiveCommentContainer.prototype = Object.create(PIXI.Container.prototype);
|
||
LiveCommentContainer.prototype.constructor = LiveCommentContainer;
|
||
|
||
LiveCommentContainer.prototype.update = function () {
|
||
let moveY = 0;
|
||
//最後に追加したコメントが枠外だったらスクロール開始するので移動量算出
|
||
if(this.children.length > 0){
|
||
let last = this.children[this.children.length - 1];
|
||
let bottom = last.y + last.height;
|
||
let diff = bottom - this._height;
|
||
if(diff > 0 ) moveY = diff > scrollSpeed ? scrollSpeed : diff;
|
||
}
|
||
|
||
for (let i = 0; i < this.children.length; i++){
|
||
this.children[i].update();
|
||
this.children[i].y -= moveY;
|
||
}
|
||
this.yPos -= moveY;
|
||
|
||
//画面外にスクロールしたコメントを消す
|
||
if (this.children[0] && this.children[0].y + this.children[0].height <= 0) {
|
||
this.removeChildAt(0);
|
||
}
|
||
};
|
||
|
||
|
||
LiveCommentContainer.prototype.show = function (text, backgroundColor) {
|
||
let lcw = new Window_LiveComment(this.yPos, this._width, text, backgroundColor);
|
||
this.yPos += lcw.height;
|
||
this.addChild(lcw);
|
||
};
|
||
|
||
LiveCommentContainer.prototype.clear = function () {
|
||
this.removeChildren();
|
||
this.yPos = 0;
|
||
};
|
||
|
||
function Window_LiveComment() {
|
||
this.initialize.apply(this, arguments);
|
||
}
|
||
|
||
Window_LiveComment.prototype = Object.create(Window_Base.prototype);
|
||
Window_LiveComment.prototype.constructor = Window_LiveComment;
|
||
|
||
|
||
Window_LiveComment.prototype.initialize = function (y, width, text, backgroundColor) {
|
||
let line = (text.match(/\n/g ) || [] ).length + 1;
|
||
Window_Base.prototype.initialize.call(this, 0, y, width, line * this.lineHeight());
|
||
|
||
this.text = text;
|
||
if(backgroundColor) this.createBackground(colors[backgroundColor - 1]);
|
||
|
||
this.opacity = 0;
|
||
let outlineFunc;
|
||
if(outlineDisabled) {
|
||
outlineFunc = Bitmap.prototype._drawTextOutline;
|
||
Bitmap.prototype._drawTextOutline = function(){};
|
||
}
|
||
this.drawTextEx(text, textPadding, this.lineHeight() / 2 - this.standardFontSize() / 2 - 4);
|
||
if(outlineDisabled) Bitmap.prototype._drawTextOutline = outlineFunc;
|
||
};
|
||
|
||
Window_LiveComment.prototype.createBackground = function (backgroundColor) {
|
||
this._backSprite = new Sprite();
|
||
this._backSprite.bitmap = new Bitmap(this._width, this._height);
|
||
this._backSprite.bitmap.fillAll(backgroundColor);
|
||
this.addChildToBack(this._backSprite);
|
||
};
|
||
|
||
Window_LiveComment.prototype.normalColor = function() {
|
||
if(defaultFontColor) return this.textColor(defaultFontColor);
|
||
|
||
return this.textColor(0);
|
||
};
|
||
|
||
Window_LiveComment.prototype.lineHeight = function () {
|
||
return lineHeight;
|
||
};
|
||
|
||
Window_LiveComment.prototype.standardPadding = function () {
|
||
return 0;
|
||
};
|
||
|
||
Window_LiveComment.prototype.standardFontSize = function () {
|
||
return fontSize;
|
||
};
|
||
|
||
Window_LiveComment.prototype.processDrawIcon = function(iconIndex, textState) {
|
||
var size = this.getIconSize();
|
||
var y = (this.lineHeight() - size) / 2;
|
||
this.drawIcon(iconIndex, textState.x + 2, y);
|
||
textState.x += size + 4;
|
||
};
|
||
|
||
Window_LiveComment.prototype.drawIcon = function(iconIndex, x, y) {
|
||
var bitmap = ImageManager.loadSystem('IconSet');
|
||
var pw = Window_Base._iconWidth;
|
||
var ph = Window_Base._iconHeight;
|
||
var sx = iconIndex % 16 * pw;
|
||
var sy = Math.floor(iconIndex / 16) * ph;
|
||
var size = this.getIconSize();
|
||
this.contents.blt(bitmap, sx, sy, pw, ph, x, y, size, size);
|
||
};
|
||
|
||
Window_LiveComment.prototype.getIconSize = function() {
|
||
return iconSize;
|
||
};
|
||
|
||
|
||
})();
|