4983 lines
No EOL
137 KiB
JavaScript
4983 lines
No EOL
137 KiB
JavaScript
//<暗号化対象外>
|
||
//=============================================================================
|
||
// TRP_ParticleEditor.js
|
||
//=============================================================================
|
||
/*:
|
||
* @author Thirop
|
||
* @plugindesc ※TRP_Particleより下に配置
|
||
*
|
||
* @param showGuide
|
||
* @text 項目ヘルプの表示
|
||
* @desc ON/trueにすると編集中の項目の説明が左下に表示されます。
|
||
* @type Boolean
|
||
* @default true
|
||
*
|
||
* @param paramFontSize
|
||
* @text 項目フォントサイズ
|
||
* @desc 画面右に表示される項目のフォントサイズ。見切れる場合には小さくしてください。(デフォ値18)
|
||
* @type number
|
||
* @default 18
|
||
*
|
||
* @param noColorCode
|
||
* @text 色コード非表示
|
||
* @desc colorパラメータのコード(#ffffffなど)の非表示設定。横幅が見切れる場合はON(非表示)推奨
|
||
* @type Boolean
|
||
* @default false
|
||
*
|
||
* @param buttonFontSize
|
||
* @text ボタンフォントサイズ
|
||
* @desc 画面右下に表示されるボタンのフォントサイズ。見切れる場合には小さくしてください。(デフォ値13)
|
||
* @type number
|
||
* @default 13
|
||
*
|
||
* @param buttonWidth
|
||
* @text ボタンの横幅
|
||
* @desc 画面右下に表示されるボタンの横幅。見切れる場合には小さくしてください。(デフォ値120)
|
||
* @type number
|
||
* @default 86
|
||
*
|
||
* @param saveAsArray
|
||
* @text 配列圧縮して保存
|
||
* @desc 配列圧縮して保存することでファイル容量を削減します。
|
||
* @type boolean
|
||
* @default false
|
||
*
|
||
* @param copyAsArray
|
||
* @text 配列圧縮してコピー
|
||
* @desc 配列圧縮してコピーすることでテキスト量を削減します。
|
||
* @type boolean
|
||
* @default true
|
||
*
|
||
*
|
||
* 【更新履歴】
|
||
* 1.10 2020/5/19 Windowsでのキー対応修正
|
||
* 1.07 2020/5/7 微細な内部処理変更
|
||
* 1.06 2020/5/7 attach対象でキャラがいない場合の不具合修正
|
||
* 1.05 2020/5/6 アニメーションピッカー追加。angleType→angleに変更他
|
||
* 1.04 2020/4/15 配列圧縮で保存時に発生方法が保存されない不具合修正
|
||
* 1.00 2020/4/11 初版。
|
||
*
|
||
*/
|
||
//=============================================================================
|
||
|
||
// ParticleEditor
|
||
// ParticleParam
|
||
// ParticleParam.ValueParam
|
||
// ParticleParam.NodeParam
|
||
// ParticleParam.ColorNodeParam
|
||
// ColorPicker
|
||
// ImagePicker
|
||
|
||
|
||
if (Utils.isNwjs() && Utils.isOptionValid('test')){
|
||
function ParticleEditor(){
|
||
this.initialize.apply(this, arguments);
|
||
}
|
||
ParticleEditor.FILE_PATH = 'data/TrpParticles.json';
|
||
ParticleEditor.HELP_PATH = 'js/plugins/TRP_ParticleList.js';
|
||
ParticleEditor.IMAGE_PATH = 'img/particles/';
|
||
ParticleEditor.ANIMATION_PATH = 'img/animations/';
|
||
};
|
||
|
||
|
||
(function(){
|
||
"use strict";
|
||
if (!Utils.isNwjs() || !Utils.isOptionValid('test')){
|
||
return;
|
||
}
|
||
var fs = require('fs');
|
||
var path = require('path');
|
||
var base = path.dirname(process.mainModule.filename);
|
||
var filePath = path.join(base, ParticleEditor.FILE_PATH);
|
||
if(!fs.existsSync(filePath)){
|
||
var file = '{}';
|
||
fs.writeFileSync(filePath,file);
|
||
}
|
||
})();
|
||
|
||
|
||
(function(){
|
||
"use strict";
|
||
|
||
if (!Utils.isNwjs() || !Utils.isOptionValid('test')){
|
||
return;
|
||
};
|
||
|
||
|
||
var parameters = PluginManager.parameters('JsScript209Set');
|
||
parameters.imageNames = null;
|
||
parameters.animationNames = null;
|
||
|
||
var showGuide = parameters.showGuide==='true';
|
||
var paramFontSize = Number(parameters.paramFontSize)||18;
|
||
var noColorCode = parameters.noColorCode==='true';
|
||
|
||
var saveAsArray = parameters.saveAsArray==='true';
|
||
var copyAsArray = parameters.copyAsArray==='true';
|
||
|
||
// var noLineBreaks = parameters.noLineBreaks==='true';
|
||
var noLineBreaks = saveAsArray;
|
||
|
||
|
||
var isMac = navigator.userAgent.match(/Macintosh|Mac/);
|
||
var displayCount = PluginManager.parameters('JsScript208Set').displayCount==='true';
|
||
ParticleEditor.DEFAULT_DATA = {
|
||
"alpha": {
|
||
"list":[{
|
||
time:0,
|
||
value:0
|
||
},{
|
||
time:0.5,
|
||
value:1
|
||
},{
|
||
time:1,
|
||
value:0
|
||
}]
|
||
},
|
||
"scale": {
|
||
"list":[{
|
||
time:0,
|
||
value:0
|
||
},{
|
||
time:0.5,
|
||
value:1
|
||
},{
|
||
time:1,
|
||
value:0
|
||
}],
|
||
"minimumScaleMultiplier": 0.5
|
||
},
|
||
"speed": {
|
||
"list":[{
|
||
time:0,
|
||
value:300
|
||
},{
|
||
time:1,
|
||
value:100
|
||
}],
|
||
"minimumSpeedMultiplier": 1
|
||
},
|
||
"color": {
|
||
"list":[{
|
||
time:0,
|
||
value:"#ffffff"
|
||
},{
|
||
time:1,
|
||
value:"#ffffff"
|
||
}]
|
||
},
|
||
"colorMode":0,
|
||
"acceleration": {
|
||
"x": 0,
|
||
"y": 0
|
||
},
|
||
"maxSpeed": NaN,
|
||
"startRotation": {
|
||
"min": 0,
|
||
"max": 360
|
||
},
|
||
"noRotation": false,
|
||
"rotationSpeed": {
|
||
"min": 0,
|
||
"max": 0
|
||
},
|
||
"angle":0,
|
||
"mirrorType":0,
|
||
"lifetime": {
|
||
"min": 1,
|
||
"max": 1
|
||
},
|
||
"blendMode": "add",
|
||
"frequency": 0.01,
|
||
"spawnChance": 1,
|
||
"particlesPerWave":1,
|
||
"emitterLifetime": -1,
|
||
"maxParticles": 10000,
|
||
"fluctuation":{
|
||
"max":0,
|
||
"sensitivity":0
|
||
},
|
||
"spawnType":"point",
|
||
"pos": {
|
||
"x": 0,
|
||
"y": 0
|
||
},
|
||
"spawnRect":null,
|
||
"spawnCircle":null,
|
||
"particleSpacing":0,
|
||
"angleStart":0,
|
||
"addAtBack": false,
|
||
"noRotation": false,
|
||
"image":null,
|
||
"targetType":0,
|
||
"comment":""
|
||
};
|
||
|
||
|
||
(function(){
|
||
ParticleEditor.GUIDE_TEXTS = {
|
||
alpha:['【アルファ/不透明度】','値の範囲:0~1',null,'<中間値設定可能>','左端が開始時(時間0)、右端が終了時(時間1)の値','@時間(0~1) + Enterで中間値を設定可能','delete(Macはfn+delete)で中間値の削除','中間値編集中にshift+@時間(0~1)+Enterで時間変更','例)@0.5 + Enterで中間地点での値を設定開始'],
|
||
scale:['【スケール/拡大率】','1で等倍',null,'<中間値設定可能>','左端が開始時(時間0)、右端が終了時(時間1)の値','@時間(0~1) + Enterで中間値を設定可能','delete(Macはfn+delete)で中間値の削除','中間値編集中にshift+@時間(0~1)+Enterで時間変更','例)@0.5 + Enterで中間地点での値を設定開始'],
|
||
minimumScaleMultiplier:['【最小スケール倍率】','パーティクル生成時の最小スケール倍率','例)0.1として開始時のスケールが0.5の場合は',' 0.5*0.1=0.05から0.5の間の',' ランダムなスケールのパーティクルが発生。'],
|
||
speed:['【スピード/速度】','パーティクルの速度。開始値は0にしないこと。',null,'<中間値設定可能>','左端が開始時(時間0)、右端が終了時(時間1)の値','@時間(0~1) + Enterで中間値を設定可能','delete(Macはfn+delete)で中間値の削除','中間値編集中にshift+@時間(0~1)+Enterで時間変更','例)@0.5 + Enterで中間地点での値を設定開始'],
|
||
minimumSpeedMultiplier:['【最小スピード倍率】','パーティクル生成時の最小スピード倍率','例)0.1として開始時のスピードが0.5の場合は',' 0.5*0.1=0.05から0.5の間の',' ランダムなスピードのパーティクルが発生。'],
|
||
color:['【カラー/色】','左上のカラーピッカーで設定可能','バックスペース(Macはdelete)で白にリセット',null,'<中間値設定可能>','左端が開始時(時間0)、右端が終了時(時間1)の値','@時間(0~1) + Enterで中間値を設定可能','delete(Macはfn+delete)で中間値の削除','中間値編集中にshift+@時間(0~1)+Enterで時間変更','例)@0.5 + Enterで中間地点での値を設定開始'],
|
||
colorMode:['【カラーモード】','0で時間によって色が変化。','0以外で発生時の色の分布を変化(時間変化無し)'],
|
||
acceleration:['【加速度】','加速度が有効な場合は画像の向きは移動方向で固定'],
|
||
startRotation:['【発生時の射出角度】','パーティクルの飛び出す方向。(画像の向きも連動)','0で右,90で下,180で左,270(-90)で上方向。'],
|
||
rotationSpeed:['【画像回転速度】','画像の回転速度の最小値と最大値。','動きには影響なし。'],
|
||
imageOption:['【画像表示設定】','画像の向き/反転の設定。動きには影響なし。','angle:0~360で画像のみ回転、-1でランダムな角度。','mirror:0で調整なし,1で反転,2でランダム。'],
|
||
lifetime:['【パーティクル寿命】','個々のパーティクルの消えるまでの秒数'],
|
||
blendMode:[],
|
||
frequency:['【フリクエンシー/発生間隔】','パーティクルが発生する間隔','0.01とすると0.01秒に1回発生し、1秒間に100回'],
|
||
spawnChance:['【発生確率】','各発生タイミングに、パーティクルが発生する確率。'],
|
||
particlesPerWave:['【1回での発生個数】','各発生タイミングに同時に発生する個数。','同時に発生するパーティクルのlifetimeは固定'],
|
||
emitterLifetime:['【エミッター寿命】','-1で無限。0より大きくすると、指定時間で発生終了'],
|
||
maxParticles:['【最大表示数の制限】','このエミッターから発生する最大数の制限値'],
|
||
fluctuation:['【フラクチュエーション/ゆらぎ】','角度のゆらぎ設定。','max:各フレームで角度の変化幅の最大値','sensitivity:0~1で指定。小さいほどゆるやかに、大きいほど激しくゆらぐ。'],
|
||
pos:['【ポイント(発生方法)】','指定の点から発生。','<※発生方法はいずれか１つのみ指定が有効>'],
|
||
rect:['【レクト/四角(発生方法)】','四角形の中からランダムに発生。','左上の点をx,y、幅/高さをwidth,heightで指定','<※発生方法はいずれか１つのみ指定が有効>'],
|
||
circle:['【サークル/円(発生方法)】','円の中からからランダムに発生','中心点をx,y、半径をradiusで指定。','<※発生方法はいずれか１つのみ指定が有効>'],
|
||
ring:['【リング(発生方法)】','ドーナツ状のリングからランダムに発生。','中心点をx,y、外側の半径をradius','内側の半径をminRで指定。','<※発生方法はいずれか１つのみ指定が有効>'],
|
||
burst:['【バースト(発生方法)】','particlesPerWaveで複数発生させる際に','開始角度startAngleと角度間隔spacingを指定して','放射状に発生させる。(startRotation設定無効)','particlesPerWaveとspacingをかけて360とすると、','きれいな放射状に発生する','<※発生方法はいずれか１つのみ指定が有効>']
|
||
};
|
||
|
||
//blend mode guide text
|
||
var texts = ParticleEditor.GUIDE_TEXTS.blendMode;
|
||
ParticleEditor.BLEND_MODE_NAMES = Game_Particle.BLEND_MODE_NAMES;
|
||
texts.push('【ブレンドモード/画像合成方法】');
|
||
var length = ParticleEditor.BLEND_MODE_NAMES.length;
|
||
var text = '';
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
if(i%3 === 0){
|
||
if(i>0){
|
||
texts.push(text);
|
||
}
|
||
text = '';
|
||
}else{
|
||
text += ',';
|
||
}
|
||
text += i + ':' + ParticleEditor.BLEND_MODE_NAMES[i];
|
||
if(i===length-1){
|
||
texts.push(text);
|
||
}
|
||
}
|
||
})();
|
||
|
||
function supplement(defaultValue,optionArg){
|
||
if(optionArg === undefined){
|
||
return defaultValue;
|
||
}
|
||
return optionArg;
|
||
};
|
||
function supplementNum(defaultValue,optionArg){
|
||
return Number(supplement(defaultValue,optionArg));
|
||
};
|
||
|
||
var _supplementDefWords = ['default','def','d'];
|
||
function supplementDef(defaultValue, optionArg, otherWords) {
|
||
var value = supplement(defaultValue,optionArg);
|
||
|
||
var defTargetWords = otherWords || [];
|
||
if(defTargetWords){
|
||
defTargetWords = defTargetWords.concat(_supplementDefWords);
|
||
}else{
|
||
defTargetWords = _supplementDefWords;
|
||
}
|
||
|
||
var length = defTargetWords.length;
|
||
for(var i=0; i<length; i=(i+1)|0){
|
||
var target = defTargetWords[i];
|
||
if(value === target){
|
||
value = defaultValue;
|
||
break;
|
||
}
|
||
}
|
||
return value;
|
||
};
|
||
function supplementDefNum(defaultValue, optionArg, otherWords) {
|
||
var value = supplementDef(defaultValue,optionArg,otherWords);
|
||
return Number(value);
|
||
};
|
||
|
||
//=============================================================================
|
||
// Game_Particle
|
||
//=============================================================================
|
||
Game_Particle.prototype.particleEdit = function(eventId,id,target,name,z,x,y,image){
|
||
this._particleEdit(eventId,null,id,target,name,z,x,y,image);
|
||
};
|
||
Game_Particle.prototype._particleEdit = function(eventId,copyName,id,target,name,z,x,y,image){
|
||
name = supplementDef(id,name)||id;
|
||
|
||
id = this.idWithSuffix(id);
|
||
var data = this._data[id];
|
||
|
||
if(copyName){
|
||
var copyData = $dataTrpParticles[copyName];
|
||
if(!copyData){
|
||
throw new Error('not found copy original data for name '+copyName);
|
||
}
|
||
$dataTrpParticles[name] = JsonEx.makeDeepCopy($dataTrpParticles[copyName]);
|
||
}else if(!$dataTrpParticles[name]){
|
||
$dataTrpParticles[name] = JsonEx.makeDeepCopy(ParticleEditor.DEFAULT_DATA);
|
||
}
|
||
|
||
if(!data){
|
||
this.particleSet(eventId,id,target,name,z,x,y,image);
|
||
data = this._data[id];
|
||
}
|
||
SceneManager._scene.startParticleEdit(this,id);
|
||
|
||
return true;
|
||
};
|
||
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// ParticleEmitter
|
||
//=============================================================================
|
||
var _ParticleEmitter_update = ParticleEmitter.prototype.update;
|
||
ParticleEmitter.prototype.update = function(){
|
||
if(this._destroyed)return;
|
||
|
||
if(this._data.editing && this._data.forceChangeImage){
|
||
this._data.forceChangeImage = false;
|
||
this.changeImage(this._data.image);
|
||
}
|
||
return _ParticleEmitter_update.call(this);
|
||
};
|
||
var _ParticleEmitter_updateEmitter = ParticleEmitter.prototype.updateEmitter;
|
||
ParticleEmitter.prototype.updateEmitter = function(){
|
||
_ParticleEmitter_updateEmitter.call(this);
|
||
|
||
if(this._restartCount<=0
|
||
&& this._data
|
||
&& this._data.editing
|
||
&& this._emitter
|
||
&& ((this._emitter._emitterLife===0||!this._emitter.emit)||this.isEmitByOriginalTrigger())
|
||
&& this._emitter.particleCount===0
|
||
&& this._targetType!==TARGET_TYPES.click
|
||
&& this._targetType!==TARGET_TYPES.drag)
|
||
{
|
||
this.restartForEditing();
|
||
}
|
||
};
|
||
|
||
var _ParticleEmitter_tryDestroy = ParticleEmitter.prototype.tryDestroy;
|
||
ParticleEmitter.EDIT_RESTART_COUNT = 10;
|
||
ParticleEmitter.prototype.tryDestroy = function(){
|
||
if(this._data.editing){
|
||
this.restartForEditing();
|
||
return;
|
||
}
|
||
|
||
_ParticleEmitter_tryDestroy.call(this);
|
||
};
|
||
|
||
|
||
ParticleEmitter.prototype.restartForEditing = function(){
|
||
this._emitter.emit = false;
|
||
this._restartCount = ParticleEmitter.EDIT_RESTART_COUNT;
|
||
this._stop = false;
|
||
this._data.stop = false;
|
||
};
|
||
|
||
var _ParticleEmitter_updateForWalk = ParticleEmitter.prototype.updateForWalk;
|
||
ParticleEmitter.prototype.updateForWalk = function(){
|
||
if(this._data.editing){
|
||
this._emitter.emit = true;
|
||
}else{
|
||
_ParticleEmitter_updateForWalk.call(this);
|
||
}
|
||
};
|
||
|
||
var _ParticleEmitter_updateForStartDash = ParticleEmitter.prototype.updateForStartDash;
|
||
ParticleEmitter.prototype.updateForStartDash = function(){
|
||
if(this._data.editing){
|
||
this._emitter.emit = true;
|
||
}else{
|
||
_ParticleEmitter_updateForStartDash.call(this);
|
||
}
|
||
};
|
||
|
||
|
||
//=============================================================================
|
||
// Scenes
|
||
//=============================================================================
|
||
Scene_Base.prototype.particleCountHandlerWithId = function(id){
|
||
if(!this._particleSystem)return null;
|
||
|
||
var emitter = this._particleSystem._emitters[id];
|
||
if(!emitter)return null;
|
||
|
||
return emitter.particleCount.bind(emitter);
|
||
};
|
||
|
||
Scene_Base.prototype.startParticleEdit = function(particle,id){
|
||
if(this._particleEditor){
|
||
this.addChild(this._particleEditor);
|
||
return;
|
||
}
|
||
if(!this._particleSystem)return;
|
||
|
||
this._particleEditor = new ParticleEditor(particle,id);
|
||
this.addChild(this._particleEditor);
|
||
};
|
||
|
||
|
||
var _Scene_Base_update = Scene_Base.prototype.update;
|
||
Scene_Base.prototype.update = function(){
|
||
if(!!this._particleEditor){
|
||
this.updateForParticleEdit();
|
||
}else{
|
||
_Scene_Base_update.call(this);
|
||
}
|
||
};
|
||
Scene_Base.prototype.updateForParticleEdit = function(){
|
||
$gameScreen._particle.update();
|
||
this._particleSystem.updateForEditor(this);
|
||
this._particleEditor.update();
|
||
if(this._particleEditor.isTerminated()){
|
||
this.removeChild(this._particleEditor);
|
||
this._particleEditor = null;
|
||
}
|
||
};
|
||
|
||
|
||
var _Scene_Map_update = Scene_Map.prototype.update;
|
||
Scene_Map.prototype.update = function() {
|
||
if(!!this._particleEditor){
|
||
Scene_Base.prototype.update.call(this);
|
||
this._spriteset._destinationSprite.update();
|
||
}else{
|
||
_Scene_Map_update.call(this);
|
||
}
|
||
};
|
||
|
||
|
||
|
||
var _Scene_Battle_update = Scene_Battle.prototype.update;
|
||
Scene_Battle.prototype.update = function() {
|
||
if(!!this._particleEditor){
|
||
Scene_Base.prototype.update.call(this);
|
||
}else{
|
||
_Scene_Battle_update.call(this);
|
||
}
|
||
};
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// Manager
|
||
//=============================================================================
|
||
ImageManager.loadParticlePreset = function(filename, hue) {
|
||
return this.loadBitmap('img/particlePresets/', filename, hue, true);
|
||
};
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// ParticleEditor
|
||
//=============================================================================
|
||
ParticleEditor.prototype = Object.create(PIXI.Container.prototype);
|
||
ParticleEditor.prototype.constructor = ParticleEditor;
|
||
ParticleEditor.prototype.initialize = function(particle,id){
|
||
PIXI.Container.call(this);
|
||
this.width = Graphics.boxWidth;
|
||
this.height = Graphics.boxHeight;
|
||
Input.clear();
|
||
|
||
var data = particle._data[id];
|
||
var config = Game_Particle.configData(data);
|
||
|
||
if(data.image){
|
||
this.checkImageExists(data);
|
||
}else if(config.image){
|
||
this.checkImageExists(config);
|
||
}
|
||
|
||
data.editing = true;
|
||
|
||
this._id = id;
|
||
this._particle = particle;
|
||
|
||
this._terminated = false;
|
||
this._data = data;
|
||
this._config = config;
|
||
this._image = config.image;
|
||
|
||
this._editingIndex = -1;
|
||
this._particleCount = 0;
|
||
this._particleCountInterval = 0;
|
||
this._commands = [];
|
||
this._menuCommands = [];
|
||
this._saveButton = null;
|
||
|
||
this._guideSprite = null;
|
||
this._guideCache = null;
|
||
|
||
|
||
this._countHandler = null;
|
||
this._keydownListener = null;
|
||
this._keyupListener = null;
|
||
this._keyCode = 0;
|
||
|
||
|
||
this._parts = [];
|
||
this._particleCountSprite = null;
|
||
this._inputtingWords = null;
|
||
|
||
this._colorPicker = null;
|
||
|
||
this._imagePicker = null;
|
||
this._tilePicker = null;
|
||
this._animationPicker = null;
|
||
this._presetPicker = null;
|
||
this._loadPicker = null;
|
||
this._activePicker = null;
|
||
|
||
this._menuSprites = [];
|
||
|
||
this.trySearchImageNames();
|
||
|
||
this.createSelectorSprite();
|
||
this.createParts(data,config);
|
||
this.createColorPicker();
|
||
this.createMenuButtons();
|
||
this.createNumInfo();
|
||
|
||
if(showGuide){
|
||
this.createGuideSprite();
|
||
}
|
||
|
||
this.registerKeyListeners();
|
||
this.resetInputingWords();
|
||
|
||
this.refreshPartsHidden();
|
||
};
|
||
|
||
ParticleEditor.prototype.terminate = function(){
|
||
this._terminated = true;
|
||
|
||
if(this._data){
|
||
delete this._data.editing;
|
||
}
|
||
|
||
this._countHandler = null;
|
||
this._particle = null;
|
||
this._data = null;
|
||
this._config = null;
|
||
|
||
document.removeEventListener('keydown',this._keydownListener);
|
||
document.removeEventListener('keyup',this._keyupListener);
|
||
document.removeEventListener('copy',this._copyListener);
|
||
document.removeEventListener('paste',this._pasteListener);
|
||
this._keydownListener = null;
|
||
this._keyupListener = null;
|
||
this._copyListener = null;
|
||
this._pasteListener = null;
|
||
};
|
||
|
||
ParticleEditor.prototype.isTerminated = function(){
|
||
return this._terminated;
|
||
};
|
||
|
||
ParticleEditor.prototype.trySearchImageNames = function(){
|
||
if(parameters.imageNames)return;
|
||
|
||
var fs = require('fs');
|
||
var path = require('path');
|
||
var base = path.dirname(process.mainModule.filename);
|
||
var dirPath = path.join(base,ParticleEditor.IMAGE_PATH);
|
||
|
||
var imageNames = [];
|
||
var files = fs.readdirSync(dirPath)
|
||
var length = files.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var file = files[i];
|
||
var fp = path.join(dirPath,file);
|
||
|
||
if(!fs.statSync(fp).isFile())continue;
|
||
if(!(/.*\.png$/.test(file)))continue;
|
||
if(file.indexOf('_ANIM_')!==0){
|
||
imageNames.push(file.replace('.png',''));
|
||
}
|
||
}
|
||
imageNames.sort();
|
||
parameters.imageNames = imageNames;
|
||
|
||
//animations
|
||
dirPath = path.join(base,ParticleEditor.ANIMATION_PATH);
|
||
var animationNames = [];
|
||
var files = fs.readdirSync(dirPath)
|
||
var length = files.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var file = files[i];
|
||
var fp = path.join(dirPath,file);
|
||
|
||
if(!fs.statSync(fp).isFile())continue;
|
||
if(!(/.*\.png$/.test(file)))continue;
|
||
animationNames.push(file.replace('.png',''));
|
||
}
|
||
animationNames.sort();
|
||
parameters.animationNames = animationNames;
|
||
};
|
||
|
||
/* key
|
||
===================================*/
|
||
ParticleEditor.prototype.registerKeyListeners = function(){
|
||
var listener = this._onKeyDown.bind(this);
|
||
this._keydownListener = listener;
|
||
document.addEventListener('keydown', listener);
|
||
|
||
listener = this._onKeyUp.bind(this);
|
||
this._keyupListener = listener;
|
||
document.addEventListener('keyup', listener);
|
||
|
||
listener = ParticleEditor.prototype.processCopy.bind(this);
|
||
this._copyListener = listener;
|
||
document.addEventListener('copy', listener);
|
||
|
||
listener = ParticleEditor.prototype.processPaste.bind(this);
|
||
this._pasteListener = listener;
|
||
document.addEventListener('paste', listener);
|
||
};
|
||
|
||
ParticleEditor.prototype._onKeyDown = function(event){
|
||
if(this._activePicker){
|
||
this._activePicker.onKeyDown(event.keyCode,event);
|
||
return;
|
||
}
|
||
|
||
if(event.ctrlKey||event.metaKey){
|
||
if(event.keyCode===KEY_CODE.s){
|
||
//save
|
||
this.processSave();
|
||
}else if(event.keyCode===KEY_CODE.i){
|
||
if(parameters.imageNames&¶meters.imageNames.length>0){
|
||
this.processPickImage();
|
||
}
|
||
}else if(event.keyCode===KEY_CODE.p){
|
||
this.processPickPreset();
|
||
}else if(event.keyCode===KEY_CODE.a){
|
||
if(parameters.animationNames&¶meters.animationNames.length>0){
|
||
this.processPickAnimation();
|
||
}
|
||
}else if(event.keyCode===KEY_CODE.w){
|
||
this.processQuit();
|
||
}else if(event.keyCode===KEY_CODE.e){
|
||
this.processComplete();
|
||
}else if(event.keyCode===KEY_CODE.t){
|
||
this.processPickTile();
|
||
}else if(event.keyCode===KEY_CODE.l){
|
||
this.processPickLoad();
|
||
}
|
||
}else if(!event.ctrlKey && !event.altKey) {
|
||
this._keyCode = event.keyCode;
|
||
}
|
||
};
|
||
ParticleEditor.prototype._onKeyUp = function(event){
|
||
// this._keyCode = 0;
|
||
};
|
||
|
||
|
||
|
||
|
||
/* word inputting
|
||
===================================*/
|
||
ParticleEditor.prototype.resetInputingWords = function(){
|
||
if(this._inputtingWords==='')return;
|
||
|
||
this._inputtingWords = '';
|
||
this.prepareInputtingCandidates();
|
||
};
|
||
ParticleEditor.prototype.prepareInputtingCandidates = function(){
|
||
this._inputtingCandidates = this._commands.concat();
|
||
this._inputtingCandidates.push('SCREEN');
|
||
};
|
||
ParticleEditor.prototype.pushInputtingCharacter = function(chara){
|
||
this._inputtingWords += chara;
|
||
var words = this._inputtingWords;
|
||
var candidates = this._inputtingCandidates;
|
||
var length = candidates.length;
|
||
var firstHit = null;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var word = candidates[i];
|
||
if(word.indexOf(words)!==0){
|
||
candidates.splice(i,1);
|
||
i -= 1;
|
||
length -= 1;
|
||
}else{
|
||
firstHit = firstHit || word;
|
||
}
|
||
}
|
||
|
||
if(!firstHit){
|
||
this.prepareInputtingCandidates();
|
||
candidates = this._inputtingCandidates
|
||
var length = candidates.length;
|
||
while(words.length>0 && !firstHit){
|
||
for(var i=0; i<length; i=(i+1)|0){
|
||
if(candidates[i].indexOf(words)!==0)continue;
|
||
firstHit = candidates[i];
|
||
break;
|
||
}
|
||
if(!firstHit){
|
||
words = words.substr(1);
|
||
}
|
||
}
|
||
if(firstHit){
|
||
for(var i=length-1; i>=0; i=(i-1)|0){
|
||
if(candidates[i].indexOf(words)!==0)continue;
|
||
candidates.splice(i,1);
|
||
}
|
||
}
|
||
this._inputtingWords = words;
|
||
}
|
||
|
||
if(firstHit){
|
||
var perfectHit = this._inputtingWords===firstHit;
|
||
if(firstHit==='SCREEN'){
|
||
if(perfectHit){
|
||
var index = this._commands.indexOf('RECT');
|
||
this._data.params.rect = [-Graphics.boxWidth/2,-Graphics.boxHeight/2,Graphics.boxWidth,Graphics.boxHeight];
|
||
this._parts[index].refreshParts();
|
||
this.startEditing(index);
|
||
}
|
||
}else{
|
||
var index = this._commands.indexOf(firstHit);
|
||
this.startEditing(index);
|
||
}
|
||
}
|
||
};
|
||
|
||
|
||
/* update
|
||
===================================*/
|
||
ParticleEditor.prototype.update = function(){
|
||
if(this._terminated)return;
|
||
|
||
this.updateParticleCount();
|
||
if(this._activePicker){
|
||
this._activePicker.update();
|
||
this._keyCode = 0;
|
||
return;
|
||
}
|
||
|
||
var children = this.children;
|
||
var length = children.length;
|
||
var i=length-1;
|
||
for(;i>=0;i-=1){
|
||
var child = children[i];
|
||
if (child && child.update){
|
||
child.update();
|
||
}
|
||
}
|
||
|
||
/* input & return
|
||
===================================*/
|
||
if(TouchInput.isTriggered()||TouchInput.isPressed()){
|
||
this.processTouch();
|
||
}else if(Input._latestButton || this._keyCode){
|
||
this.processInput();
|
||
}
|
||
this._keyCode = 0;
|
||
};
|
||
|
||
|
||
ParticleEditor.prototype.processTouch = function(){
|
||
var allParts = this._parts;
|
||
var length = allParts.length;
|
||
var x = TouchInput.x;
|
||
var y = TouchInput.y;
|
||
|
||
var margin = ParticleEditor.SELECTOR_MARGIN;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var parts = allParts[i];
|
||
if(parts.processTouch(x,y,margin)){
|
||
TouchInput.clear();
|
||
this.startEditing(i);
|
||
return;
|
||
}else if(this._editingIndex===i){
|
||
if(parts.hasSaveData()){
|
||
this.saveEditingParams();
|
||
}
|
||
}
|
||
}
|
||
|
||
//menu
|
||
var sprites = this._menuSprites;
|
||
var length = sprites.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var sprite = sprites[i];
|
||
if(!sprite.visible)continue;
|
||
if(sprite.x<=x && x<=sprite.x+sprite.width &&
|
||
sprite.y<=y && y<=sprite.y+sprite.height)
|
||
{
|
||
this.processMenuCommand(i);
|
||
return;
|
||
}
|
||
}
|
||
};
|
||
|
||
ParticleEditor.prototype.processInput = function(){
|
||
if(Input.isRepeated('down') && this._keyCode!==98){
|
||
var index = this._editingIndex;
|
||
do{
|
||
index = (index+1)%this._parts.length;
|
||
}while(this._parts[index].isSpawnParam());
|
||
|
||
this.startEditing(index);
|
||
this.resetInputingWords();
|
||
}else if(Input.isRepeated('up') && this._keyCode!==104){
|
||
var index = this._editingIndex;
|
||
do{
|
||
index -= 1;
|
||
if(index<0)index = this._parts.length-1;
|
||
}while(this._parts[index].isSpawnParam());
|
||
this.startEditing(index);
|
||
this.resetInputingWords();
|
||
}else if(this._keyCode>=KEY_CODE.alphabet && this._keyCode<=KEY_CODE.alphabetEnd){
|
||
this.pushInputtingCharacter(String.fromCharCode(this._keyCode));
|
||
}else{
|
||
var editing = this._editingIndex>=0 ? this._parts[this._editingIndex] : null;
|
||
if(editing){
|
||
if(!editing.processInput(this._keyCode)){
|
||
this.endEditing();
|
||
}else{
|
||
this.selectParts(this._editingIndex);
|
||
if(editing.hasSaveData()){
|
||
this.saveEditingParams();
|
||
}
|
||
}
|
||
}else if(Input.isTriggered('cancel')&&this._keyCode!==96){
|
||
if(this._saveButton.opacity<255){
|
||
this.processQuit();
|
||
}else{
|
||
SoundManager.playBuzzer();
|
||
}
|
||
}
|
||
if(this._keyCode!==0){
|
||
this.resetInputingWords();
|
||
}
|
||
}
|
||
};
|
||
|
||
ParticleEditor.prototype.saveEditingParams = function(){
|
||
var editing = this._parts[this._editingIndex];
|
||
if(!editing)return;
|
||
var saveData = editing.handOverSaveData();
|
||
if(!saveData)return;
|
||
this.saveEditingData(saveData);
|
||
};
|
||
ParticleEditor.prototype.saveEditingData = function(saveData){
|
||
var editing = this._parts[this._editingIndex];
|
||
if(!editing)return;
|
||
this._saveEditingData(editing._title,saveData);
|
||
};
|
||
ParticleEditor.prototype._saveEditingData = function(title,saveData){
|
||
saveData.unshift(title);
|
||
saveData.unshift(this._id);
|
||
|
||
this._particle.particleUpdate(saveData);
|
||
this._saveButton.opacity = 255;
|
||
};
|
||
|
||
ParticleEditor.prototype.startEditing = function(index){
|
||
if(this._editingIndex === index)return;
|
||
|
||
if(this._editingIndex>=0){
|
||
this._parts[this._editingIndex].endEditing();
|
||
|
||
SoundManager.playCursor();
|
||
}else{
|
||
SoundManager.playCursor();
|
||
}
|
||
|
||
var target = this._parts[index];
|
||
target.startEditing();
|
||
this._editingIndex = index;
|
||
|
||
var title = target.title();
|
||
this.showGuideWithTitle(title);
|
||
if(target.type() === 'color'){
|
||
target.setPicker(this._colorPicker);
|
||
}
|
||
|
||
if(target.isSpawnParam()){
|
||
var saveData = target.paramSaveData();
|
||
this.saveEditingData(saveData);
|
||
}
|
||
|
||
this.refreshPartsHidden();
|
||
this.selectParts(index);
|
||
};
|
||
|
||
ParticleEditor.prototype.spawnType = function(){
|
||
var spawnType = this._config.spawnType;
|
||
|
||
var params = this._data.params;
|
||
if(params.rect)spawnType = 'rect';
|
||
else if(params.circle)spawnType = 'circle';
|
||
else if(params.ring)spawnType = 'ring';
|
||
else if(params.burst)spawnType = 'burst';
|
||
else if(params.pos||params.point||params.spawnPos)spawnType = 'point';
|
||
|
||
if(spawnType==='position'||spawnType==='pos')spawnType = 'point';
|
||
|
||
return spawnType;
|
||
};
|
||
|
||
|
||
ParticleEditor.prototype.refreshPartsHidden = function(){
|
||
var spawnType = this.spawnType();
|
||
|
||
var allParts = this._parts;
|
||
var length = allParts.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var parts = allParts[i];
|
||
if(parts.isSpawnParam() && parts._title!==spawnType){
|
||
parts.hide();
|
||
}else{
|
||
parts.show();
|
||
}
|
||
}
|
||
};
|
||
|
||
ParticleEditor.prototype.endEditing = function(){
|
||
SoundManager.playCancel();
|
||
if(this._editingIndex>=0){
|
||
this._parts[this._editingIndex].endEditing();
|
||
}
|
||
this._editingIndex = -1;
|
||
this.deselectParts();
|
||
};
|
||
|
||
/* selector
|
||
===================================*/
|
||
ParticleEditor.prototype.createSelectorSprite = function(){
|
||
var size = ParticleParam.LINE_HEIGHT;
|
||
var bitmap = new Bitmap(size,size);
|
||
bitmap.fillAll('rgb(255,255,255)');
|
||
|
||
var sprite = new Sprite(bitmap);
|
||
sprite.opacity = 150;
|
||
this._selectorSprite = sprite;
|
||
this.addChild(sprite);
|
||
sprite.anchor.set(1,0);
|
||
sprite.x = Graphics.boxWidth;
|
||
sprite.visible = false;
|
||
};
|
||
ParticleEditor.SELECTOR_MARGIN = 20;
|
||
ParticleEditor.prototype.selectParts = function(index){
|
||
var parts = this._parts[index];
|
||
var sprite = this._selectorSprite;
|
||
|
||
var size = sprite.bitmap.height;
|
||
sprite.y = parts.y;
|
||
sprite.scale.x = (parts._width+ParticleEditor.SELECTOR_MARGIN)/size;
|
||
sprite.visible = true;
|
||
};
|
||
ParticleEditor.prototype.deselectParts = function(){
|
||
this._selectorSprite.visible = false;
|
||
};
|
||
|
||
|
||
/* parts
|
||
===================================*/
|
||
ParticleEditor.prototype.createParts = function(data,config){
|
||
var title,configNames,headers;
|
||
var y = 10;
|
||
|
||
title = 'alpha';
|
||
configNames = ['alpha'];
|
||
y += this.addNodeParts(y,data,config,configNames,title);
|
||
|
||
title = 'scale';
|
||
configNames = ['scale'];
|
||
y += this.addNodeParts(y,data,config,configNames,title);
|
||
title = 'minimumScaleMultiplier';
|
||
configNames = ['scale.minimumScaleMultiplier'];
|
||
headers = null;
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
|
||
title = 'speed';
|
||
configNames = ['speed'];
|
||
y += this.addNodeParts(y,data,config,configNames,title);
|
||
|
||
title = 'minimumSpeedMultiplier';
|
||
configNames = ['speed.minimumSpeedMultiplier'];
|
||
headers = null;
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'color';
|
||
configNames = ['color'];
|
||
y += this.addColorNodeParts(y,data,config,configNames,title);
|
||
|
||
title = 'colorMode';
|
||
configNames = ['colorMode'];
|
||
headers = null;
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'acceleration';
|
||
configNames = ['acceleration.x','acceleration.y'];
|
||
headers = ['x','y'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'startRotation';
|
||
configNames = ['startRotation.min','startRotation.max'];
|
||
headers = ['min','max'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'rotationSpeed';
|
||
configNames = ['rotationSpeed.min','rotationSpeed.max'];
|
||
headers = ['min','max'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'imageOption';
|
||
configNames = ['angle','mirrorType'];
|
||
headers = ['angle','mirror'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'lifetime';
|
||
configNames = ['lifetime.min','lifetime.max'];
|
||
headers = ['min','max'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'blendMode';
|
||
configNames = ['blendMode'];
|
||
headers = null;
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
|
||
title = 'frequency';
|
||
configNames = ['frequency'];
|
||
headers = null;
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'spawnChance';
|
||
configNames = ['spawnChance'];
|
||
headers = null;
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'particlesPerWave';
|
||
configNames = ['particlesPerWave'];
|
||
headers = null;
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
|
||
title = 'emitterLifetime';
|
||
configNames = ['emitterLifetime'];
|
||
headers = null;
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'maxParticles';
|
||
configNames = ['maxParticles'];
|
||
headers = null;
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'fluctuation';
|
||
configNames = ['fluctuation.max','fluctuation.sensitivity'];
|
||
headers = ['max','sensitivity'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
|
||
|
||
|
||
y += 15;
|
||
|
||
title = 'point';
|
||
configNames = ['pos.x','pos.y'];
|
||
headers = ['x','y'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'rect';
|
||
configNames = ['spawnRect.x','spawnRect.y','spawnRect.w','spawnRect.h'];
|
||
headers = ['x','y','w','h'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'circle';
|
||
configNames = ['spawnCircle.x','spawnCircle.y','spawnCircle.r'];
|
||
headers = ['x','y','r'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'ring';
|
||
configNames = ['spawnCircle.x','spawnCircle.y','spawnCircle.r','spawnCircle.minR'];
|
||
headers = ['x','y','r','minR'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
|
||
title = 'burst';
|
||
configNames = ['particleSpacing','angleStart'];
|
||
headers = ['spacing','startAngle'];
|
||
y += this.addValueParts(y,data,config,configNames,title,headers);
|
||
};
|
||
|
||
ParticleEditor.POS_PARAMS = ['point','rect','circle','ring','burst'];
|
||
|
||
ParticleEditor.prototype.addValueParts = function(y,data,config,configNames,title,headers){
|
||
var parts = new ParticleParam.ValueParam(data,config,configNames,title,headers);
|
||
this._addParts(y,parts,title);
|
||
return parts._height;
|
||
};
|
||
ParticleEditor.prototype.addNodeParts = function(y,data,config,configNames,title){
|
||
var parts = new ParticleParam.NodeParam(data,config,configNames,title);
|
||
this._addParts(y,parts,title);
|
||
return parts._height;
|
||
};
|
||
ParticleEditor.prototype.addColorNodeParts = function(y,data,config,configNames,title){
|
||
var parts = new ParticleParam.ColorNodeParam(data,config,configNames,title);
|
||
this._addParts(y,parts,title);
|
||
return parts._height;
|
||
};
|
||
|
||
ParticleEditor.prototype._addParts = function(y,parts,title){
|
||
parts.refresh();
|
||
this.addChild(parts);
|
||
this._commands.push(title.toUpperCase());
|
||
this._parts.push(parts);
|
||
parts.y = y;
|
||
};
|
||
|
||
|
||
/* picker
|
||
===================================*/
|
||
ParticleEditor.prototype.createColorPicker = function(){
|
||
var size = 144;
|
||
var picker = new ColorPicker(size);
|
||
this._colorPicker = picker;
|
||
this.addChild(picker);
|
||
picker.x = 10;
|
||
picker.y = 30;
|
||
picker.visible = false;
|
||
};
|
||
|
||
ParticleEditor.prototype.createMenuButtons = function(){
|
||
var sprite;
|
||
var commands = this._menuCommands;
|
||
var color = 'black';
|
||
|
||
var index = 0;
|
||
var xOffset = 0;
|
||
var categoryOffset = 10;
|
||
|
||
//complete
|
||
commands.push('processComplete');
|
||
sprite = this.menuButtonSprite(index++,xOffset,color,'保存＆終了','(ctrl+E)');
|
||
//save
|
||
commands.push('processSave');
|
||
sprite = this.menuButtonSprite(index++,xOffset,color,'保存','(ctrl+S)');
|
||
this._saveButton = sprite;
|
||
|
||
xOffset += categoryOffset;
|
||
|
||
//change image
|
||
if(parameters.imageNames){
|
||
commands.push('processPickImage');
|
||
sprite = this.menuButtonSprite(index++,xOffset,color,'画像選択','(ctrl+I)');
|
||
}
|
||
//change tile
|
||
commands.push('processPickTile');
|
||
sprite = this.menuButtonSprite(index++,xOffset,color,'タイル選択','(ctrl+T)');
|
||
|
||
//change animation
|
||
if(parameters.animationNames){
|
||
commands.push('processPickAnimation');
|
||
sprite = this.menuButtonSprite(index++,xOffset,color,'アニメーション選択','(ctrl+A)');
|
||
}
|
||
|
||
xOffset += categoryOffset;
|
||
|
||
//preset
|
||
commands.push('processPickPreset');
|
||
sprite = this.menuButtonSprite(index++,xOffset,color,'プリセット','(ctrl+P)');
|
||
|
||
//ロード
|
||
commands.push('processPickLoad');
|
||
sprite = this.menuButtonSprite(index++,xOffset,color,'読みこみ','(ctrl+L)');
|
||
|
||
xOffset += categoryOffset;
|
||
|
||
//quit
|
||
commands.push('processQuit');
|
||
sprite = this.menuButtonSprite(index++,xOffset,'rgb(100,100,100)','終了','(ctrl+W)');
|
||
};
|
||
|
||
|
||
ParticleEditor.BUTTON_FONT_SIZE = Number(parameters.buttonFontSize||16);
|
||
ParticleEditor.BUTTON_WIDTH = Number(parameters.buttonWidth||144)
|
||
ParticleEditor.BUTTON_MIN_HEIGHT = 24;
|
||
ParticleEditor.prototype.menuButtonSprite = function(index,xOffset,color,name,keyInfo){
|
||
var fontSize = ParticleEditor.BUTTON_FONT_SIZE;
|
||
var keyFontSize = fontSize - 2;
|
||
var marginTB = 2;
|
||
var calcHeight = fontSize+keyFontSize + 2*marginTB;
|
||
var height = Math.max(ParticleEditor.BUTTON_MIN_HEIGHT,calcHeight);
|
||
var width = ParticleEditor.BUTTON_WIDTH;
|
||
var margin = 4;
|
||
|
||
var bitmap = new Bitmap(width,height);
|
||
var sprite = new Sprite(bitmap);
|
||
this._menuSprites.push(sprite);
|
||
this.addChild(sprite);
|
||
bitmap.fillAll('rgba(255,255,255,0.8)');
|
||
|
||
var y = marginTB;
|
||
bitmap.fontSize = fontSize;
|
||
bitmap.textColor = color;
|
||
bitmap.outlineWidth = 0;
|
||
bitmap.drawText(name,0,y,width,fontSize,'center');
|
||
|
||
y += fontSize
|
||
bitmap.fontSize = keyFontSize;
|
||
bitmap.drawText(keyInfo,0,y,width,keyFontSize,'center');
|
||
|
||
sprite.x = Graphics.boxWidth-margin-index*(width+margin)-width - xOffset;
|
||
sprite.y = Graphics.boxHeight-margin-height;
|
||
|
||
return sprite;
|
||
};
|
||
|
||
|
||
ParticleEditor.prototype.processMenuCommand = function(i){
|
||
this[this._menuCommands[i]]();
|
||
};
|
||
|
||
ParticleEditor.prototype.processSave = function(){
|
||
if(this._saveButton.opacity<255)return;
|
||
this.executeSave();
|
||
SoundManager.playSave();
|
||
this._saveButton.opacity = 100;
|
||
};
|
||
ParticleEditor.prototype.processQuit = function(){
|
||
this.executeQuit();
|
||
};
|
||
ParticleEditor.prototype.executeQuit = function(){
|
||
this.terminate();
|
||
SoundManager.playCancel();
|
||
};
|
||
ParticleEditor.prototype.processComplete = function(){
|
||
this.processSave();
|
||
this.executeQuit();
|
||
};
|
||
|
||
ParticleEditor.prototype.processPickImage = function(){
|
||
if(!this._imagePicker){
|
||
this.createImagePicker();
|
||
if(!this._imagePicker)return;
|
||
}
|
||
var image = this._data.image || this._config.image;
|
||
this._imagePicker.startPicking(this,image);
|
||
this.startPicking(this._imagePicker);
|
||
};
|
||
ParticleEditor.prototype.processPickTile = function(){
|
||
if(!(SceneManager._scene instanceof Scene_Map)){
|
||
SoundManager.playBuzzer();
|
||
return;
|
||
}
|
||
if(!this._tilePicker){
|
||
this.createTilePicker();
|
||
}
|
||
var image = this._data.image || this._config.image;
|
||
this._tilePicker.startPicking(this,image);
|
||
this.startPicking(this._tilePicker);
|
||
};
|
||
ParticleEditor.prototype.processPickAnimation = function(){
|
||
if(!this._animationPicker){
|
||
this.createAnimationPicker();
|
||
}
|
||
var image = this._data.image || this._config.image;
|
||
this._animationPicker.startPicking(this,image);
|
||
this.startPicking(this._animationPicker);
|
||
};
|
||
ParticleEditor.prototype.processPickPreset = function(){
|
||
if(!this._presetPicker){
|
||
this.createPresetPicker();
|
||
if(!this._presetPicker)return;
|
||
}
|
||
var targetType = this._data.targetType;
|
||
this._presetPicker.startPicking(this,targetType);
|
||
this.startPicking(this._presetPicker);
|
||
};
|
||
ParticleEditor.prototype.processPickLoad = function(){
|
||
if(!this._loadPicker){
|
||
this.createLoadPicker();
|
||
if(!this._loadPicker)return;
|
||
}
|
||
this._loadPicker.startPicking(this);
|
||
this.startPicking(this._loadPicker);
|
||
};
|
||
ParticleEditor.prototype.startPicking = function(picker){
|
||
this.endEditing();
|
||
|
||
this._activePicker = picker;
|
||
this.addChild(picker);
|
||
this.hideMenu();
|
||
this.hideParts();
|
||
|
||
var dx = picker.x+ picker._width;
|
||
this.slideNumSpritesX(dx);
|
||
};
|
||
ParticleEditor.prototype.didEndPicking = function(){
|
||
var dx = -this._activePicker.x -this._activePicker._width;
|
||
this.slideNumSpritesX(dx);
|
||
|
||
this._activePicker.parent.removeChild(this._activePicker);
|
||
this._activePicker = null;
|
||
|
||
this.showParts();
|
||
this.showMenu();
|
||
};
|
||
ParticleEditor.prototype.slideNumSpritesX = function(dx){
|
||
var system = SceneManager._scene._particleSystem;
|
||
for(var i=0; i<3; i=(i+1)|0){
|
||
var sprite;
|
||
if(i===0)sprite = this._particleCountSprite;
|
||
else if(i===1)sprite = system ? system._countSprite : null;
|
||
else sprite = system ? system._limitedSprite : null;
|
||
|
||
if(sprite){
|
||
sprite.x += dx;
|
||
}
|
||
}
|
||
};
|
||
|
||
ParticleEditor.prototype.hideParts = function(){
|
||
var parts = this._parts;
|
||
var length = parts.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var sprite = parts[i];
|
||
sprite.alpha = 0.3;
|
||
}
|
||
};
|
||
ParticleEditor.prototype.showParts = function(){
|
||
var parts = this._parts;
|
||
var length = parts.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var sprite = parts[i];
|
||
sprite.alpha = 1;
|
||
}
|
||
};
|
||
|
||
ParticleEditor.prototype.createImagePicker = function(){
|
||
if(!parameters.imageNames||parameters.imageNames.length===0)return;
|
||
|
||
var picker = new ImagePicker(parameters.imageNames);
|
||
this._imagePicker = picker;
|
||
this.addChild(picker);
|
||
picker.x = 10;
|
||
picker.y = 0;
|
||
};
|
||
ParticleEditor.prototype.createTilePicker = function(){
|
||
var picker = new TilePicker();
|
||
this._tilePicker = picker;
|
||
this.addChild(picker);
|
||
picker.x = 10;
|
||
picker.y = 0;
|
||
};
|
||
ParticleEditor.prototype.createAnimationPicker = function(){
|
||
var picker = new AnimationPicker(parameters.animationNames);
|
||
this._animationPicker = picker;
|
||
this.addChild(picker);
|
||
picker.x = 10;
|
||
picker.y = 0;
|
||
};
|
||
ParticleEditor.prototype.createPresetPicker = function(){
|
||
var picker = new PresetPicker();
|
||
this._presetPicker = picker;
|
||
this.addChild(picker);
|
||
picker.x = 10;
|
||
picker.y = 0;
|
||
};
|
||
ParticleEditor.prototype.createLoadPicker = function(){
|
||
var picker = new LoadPicker();
|
||
this._loadPicker = picker;
|
||
this.addChild(picker);
|
||
picker.x = 10;
|
||
picker.y = 0;
|
||
};
|
||
|
||
ParticleEditor.prototype.didPickImage = function(image){
|
||
this.changeImage(image);
|
||
};
|
||
ParticleEditor.prototype.changeImage = function(image){
|
||
this._image = image || this._image;
|
||
this._data.image = this._image;
|
||
|
||
this.checkImageExists(this._data);
|
||
};
|
||
ParticleEditor.prototype.forceChangeImage = function(image){
|
||
this.changeImage(image);
|
||
this._data.forceChangeImage = true;
|
||
};
|
||
ParticleEditor.prototype.checkImageExists = function(data){
|
||
var images = data.image.split(',');
|
||
var length = images.length;
|
||
|
||
var fs = require('fs');
|
||
var path = require('path');
|
||
var base = path.dirname(process.mainModule.filename);
|
||
var dirPath = path.join(base, ParticleEditor.IMAGE_PATH);
|
||
var animPath = path.join(base,ParticleEditor.ANIMATION_PATH);
|
||
var splitAnimImages = PluginManager.parameters('JsScript210Set').animImages||[];
|
||
|
||
var ext = '.png';
|
||
for(var i=length-1; i>=0; i=(i-1)|0){
|
||
var image = images[i];
|
||
if(image.indexOf('tile:')===0)continue
|
||
|
||
var filePath;
|
||
if(image.indexOf('ANIM:')===0){
|
||
if(splitAnimImages.contains(image)){
|
||
filePath = path.join(dirPath, '_'+image.replace(/:/gi,'_')+ext);
|
||
}else{
|
||
filePath = path.join(animPath, image.split(':')[1]+ext);
|
||
}
|
||
}else{
|
||
filePath = path.join(dirPath, image+ext)
|
||
}
|
||
if(!fs.existsSync(filePath)){
|
||
images.splice(i,1);
|
||
}
|
||
}
|
||
if(length !== images.length){
|
||
var length = images.length;
|
||
var image = '';
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
if(i>0){
|
||
image += ',';
|
||
}
|
||
image += images[i];
|
||
}
|
||
if(image.length===0){
|
||
image = Game_Particle.defaultImage();
|
||
}
|
||
data.image = image;
|
||
}
|
||
};
|
||
|
||
/* applyData
|
||
===================================*/
|
||
ParticleEditor.prototype.applyData = function(applyData){
|
||
Game_Particle.migrateConfig(applyData);
|
||
|
||
var allParts = this._parts;
|
||
var length = allParts.length;
|
||
|
||
var data = this._data;
|
||
data.params = {};
|
||
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var parts = allParts[i];
|
||
parts.refreshWithConfigData(applyData);
|
||
}
|
||
|
||
var spawnType = applyData.spawnType;
|
||
var spawnTitles = [spawnType];
|
||
if(spawnType==='point')spawnTitles.push('pos');
|
||
if(spawnType==='pos')spawnTitles.push('point');
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var parts = allParts[i];
|
||
if(parts.isSpawnParam()){
|
||
if(!spawnTitles.contains(parts._title)){
|
||
continue;
|
||
}
|
||
}
|
||
|
||
parts.applyAll();
|
||
var saveData = parts.handOverSaveData();
|
||
if(saveData){
|
||
this._saveEditingData(parts._title,saveData);
|
||
}
|
||
}
|
||
|
||
if(!applyData.image){
|
||
applyData.image = Game_Particle.defaultImage();
|
||
}
|
||
this.changeImage(applyData.image);
|
||
|
||
this.refreshPartsHidden();
|
||
};
|
||
|
||
|
||
/* numInfo
|
||
===================================*/
|
||
ParticleEditor.PARTICLE_NUM_HEADER_WIDTH = 128;
|
||
ParticleEditor.PARTICLE_NUM_HEIGHT = 20;
|
||
ParticleEditor.prototype.createNumInfo = function(){
|
||
var width = 192;
|
||
var height = ParticleEditor.PARTICLE_NUM_HEIGHT;
|
||
var fontSize = 16;
|
||
var margin = 6;
|
||
|
||
var bitmap = new Bitmap(width,height);
|
||
// bitmap.fillAll('rgba(0,0,0,0.3)')
|
||
|
||
var sprite = new Sprite(bitmap);
|
||
this._particleCountSprite = sprite;
|
||
this.addChild(sprite);
|
||
sprite.x = margin;
|
||
sprite.y = margin;
|
||
if(displayCount){
|
||
sprite.y += 26;
|
||
}
|
||
|
||
bitmap.fontSize = fontSize;
|
||
bitmap.outlineColor ='black';
|
||
bitmap.outlineWidth = 4;
|
||
bitmap.textColor = 'rgb(255,255,150)';
|
||
var dw = ParticleEditor.PARTICLE_NUM_HEADER_WIDTH;
|
||
bitmap.drawText('パーティクル数:',0,0,dw,height);
|
||
};
|
||
ParticleEditor.PARTICLE_COUNT_INTERVAL = 10;
|
||
ParticleEditor.prototype.updateParticleCount = function(){
|
||
var handler = this._countHandler;
|
||
if(!handler){
|
||
handler = SceneManager._scene.particleCountHandlerWithId(this._id);
|
||
if(handler){
|
||
this._countHandler = handler;
|
||
}else{
|
||
return;
|
||
}
|
||
}
|
||
|
||
this._particleCountInterval -= 1;
|
||
if(this._particleCountInterval>0){
|
||
return;
|
||
}
|
||
|
||
this._particleCountInterval = ParticleEditor.PARTICLE_COUNT_INTERVAL;
|
||
var num = handler();
|
||
if(this._particleCount === num)return;
|
||
|
||
var bitmap = this._particleCountSprite.bitmap;
|
||
var x = ParticleEditor.PARTICLE_NUM_HEADER_WIDTH;
|
||
var width = bitmap.width-x;
|
||
var height = bitmap.height;
|
||
bitmap.clearRect(x-2,0,width+2,height);
|
||
|
||
bitmap.drawText(num,x,0,width,height);
|
||
};
|
||
|
||
/* guideSprite
|
||
===================================*/
|
||
ParticleEditor.GUIDE_TEXT_MARGIN = 5;
|
||
ParticleEditor.GUIDE_TEXT_FONT_SIZE = 14;
|
||
ParticleEditor.GUIDE_TEXT_LINE_HEIGHT = 18;
|
||
ParticleEditor.GUIDE_TEXT_MAX_ROW = 12;
|
||
ParticleEditor.prototype.createGuideSprite = function(){
|
||
var maxRow = ParticleEditor.GUIDE_TEXT_MAX_ROW;
|
||
var fontSize = ParticleEditor.GUIDE_TEXT_FONT_SIZE;
|
||
var lineHeight = ParticleEditor.GUIDE_TEXT_LINE_HEIGHT;
|
||
|
||
var width = 300;
|
||
var height = lineHeight*maxRow+2*ParticleEditor.GUIDE_TEXT_MARGIN;
|
||
|
||
var bitmap = new Bitmap(width,height)
|
||
var sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
this._guideSprite = sprite;
|
||
sprite.anchor.set(0,1);
|
||
sprite.visible = false;
|
||
sprite.x = 5;
|
||
sprite.y = Graphics.boxHeight - ParticleEditor.GUIDE_TEXT_LINE_HEIGHT - 20;
|
||
|
||
bitmap.fontSize = fontSize;
|
||
bitmap.outlineColor = 'black';
|
||
};
|
||
|
||
ParticleEditor.prototype.showGuideWithTitle = function(title){
|
||
if(!showGuide)return;
|
||
|
||
var sprite = this._guideSprite;
|
||
var texts = ParticleEditor.GUIDE_TEXTS[title];
|
||
if(!texts || texts.length===0){
|
||
sprite.visible = false;
|
||
return;
|
||
}
|
||
|
||
sprite.visible = true;
|
||
|
||
if(this._guideCache===title)return;
|
||
this._guideCache = title;
|
||
|
||
var bitmap = sprite.bitmap;
|
||
bitmap.clear();
|
||
bitmap.fillAll('rgba(0,0,0,0.3)')
|
||
|
||
var margin = ParticleEditor.GUIDE_TEXT_MARGIN;
|
||
|
||
var width = bitmap.width;
|
||
var height = ParticleEditor.GUIDE_TEXT_LINE_HEIGHT;
|
||
var length = Math.min(ParticleEditor.GUIDE_TEXT_MAX_ROW,texts.length);
|
||
var y = ParticleEditor.GUIDE_TEXT_MARGIN;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var text = texts[i];
|
||
if(text){
|
||
if(i===0){
|
||
bitmap.textColor = 'rgb(255,200,150)';
|
||
}else if(i===1){
|
||
bitmap.textColor = 'white';
|
||
}
|
||
bitmap.drawText(text,margin,y,width-2*margin,height)
|
||
}else{
|
||
bitmap.textColor = 'rgb(220,220,255)';
|
||
}
|
||
y += height;
|
||
}
|
||
y += margin;
|
||
sprite.setFrame(0,0,width,y);
|
||
};
|
||
|
||
|
||
|
||
/* save
|
||
===================================*/
|
||
ParticleEditor.prototype.executeSave = function(){
|
||
var data = this.editingDataObject();
|
||
if(saveAsArray){
|
||
data = Game_Particle.compressConfigDataToArray(data);
|
||
}
|
||
|
||
var date = new Date();
|
||
var year = (date.getFullYear()%100).padZero(2);
|
||
var month = (date.getMonth()+1).padZero(2);
|
||
var day = date.getDate().padZero(2);
|
||
data.comment = year+month+day;
|
||
|
||
//register to config
|
||
var name = this._data.name;
|
||
$dataTrpParticles[name] = data;
|
||
|
||
var file;
|
||
if(noLineBreaks){
|
||
file = JSON.stringify($dataTrpParticles);
|
||
}else{
|
||
file = JSON.stringify($dataTrpParticles,null,4);
|
||
}
|
||
this.writeSaveData(file);
|
||
|
||
//save help
|
||
this.writeHelpFile();
|
||
};
|
||
|
||
ParticleEditor.prototype.editingDataObject = function(){
|
||
var allParts = this._parts;
|
||
var length = allParts.length;
|
||
|
||
var data = JsonEx.makeDeepCopy(ParticleEditor.DEFAULT_DATA);
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var parts = allParts[i];
|
||
if(parts._title==='point' || !parts._hidden){
|
||
parts.pushSaveDataParams(data);
|
||
}
|
||
}
|
||
|
||
if(!isNaN(data.blendMode)){
|
||
data.blendMode = ParticleEditor.BLEND_MODE_NAMES[data.blendMode];
|
||
if(data.blendMode === undefined){
|
||
data.blendMode = 0;
|
||
}
|
||
}
|
||
|
||
this.adjustSpawnParamData(data,this.spawnType());
|
||
|
||
var spawnParams = ParticleEditor.POS_PARAMS;
|
||
var length = spawnParams.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var spawnParam = spawnParams[i];
|
||
if(spawnParam==='point'){
|
||
continue;
|
||
}
|
||
if(data.spawnType !== spawnParam){
|
||
delete data[spawnParam];
|
||
}
|
||
}
|
||
|
||
data.noRotation = false;
|
||
data.addAtBack = false;
|
||
data.image = this._image;
|
||
|
||
//add meta data
|
||
data.targetType = this._data.targetType;
|
||
|
||
return data;
|
||
};
|
||
|
||
|
||
ParticleEditor.prototype.writeSaveData = function(file){
|
||
var fs = require('fs');
|
||
var path = require('path');
|
||
var base = path.dirname(process.mainModule.filename);
|
||
var filePath = path.join(base, ParticleEditor.FILE_PATH);
|
||
fs.writeFileSync(filePath, file);
|
||
};
|
||
|
||
ParticleEditor.prototype.adjustSpawnParamData = function(data,spawnType){
|
||
data.spawnType = spawnType;
|
||
if(!data.pos){
|
||
data.pos = {x:0,y:0};
|
||
}
|
||
var spawnParams = ParticleEditor.POS_PARAMS;
|
||
var length = spawnParams.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var spawnParam = spawnParams[i];
|
||
if(spawnParam === 'point')continue;
|
||
if(spawnType !== spawnParam){
|
||
delete data[spawnParam];
|
||
}
|
||
}
|
||
};
|
||
|
||
/* save help plugin
|
||
===================================*/
|
||
ParticleEditor.prototype.writeHelpFile = function(){
|
||
var database = $dataTrpParticles;
|
||
var keys = Object.keys(database);
|
||
keys.sort();
|
||
|
||
var length = keys.length;
|
||
var file = '/*'+':\n * @help\n';
|
||
var images = [];
|
||
var INDEXES = Game_Particle.CONFIG_PARAM_INDEXES.all;
|
||
var imageIdx = INDEXES.indexOf('image');
|
||
var targetIdx = INDEXES.indexOf('targetType');
|
||
var commentIdx = INDEXES.indexOf('comment');
|
||
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
if(i>0){
|
||
file += '\n';
|
||
}
|
||
file += ' * ';
|
||
var key = keys[i];
|
||
var data = database[key];
|
||
|
||
var imageStr,targetType,comment;
|
||
if(Array.isArray(data)){
|
||
imageStr = data[imageIdx];
|
||
targetType = data[targetIdx];
|
||
comment = data[commentIdx];
|
||
}else{
|
||
imageStr = data.image;
|
||
targetType = data.targetType;
|
||
comment = data.comment;
|
||
}
|
||
if(imageStr){
|
||
imageStr.split(',').forEach(function(image){
|
||
if(image.indexOf('tile:')===0)return;
|
||
if(image.indexOf('ANIM:')===0){
|
||
|
||
}else if(!images.contains(image)){
|
||
images.push(image);
|
||
}
|
||
});
|
||
}
|
||
|
||
file += key + ' <対象:';
|
||
file += PresetPicker.TARGET_NAMES[targetType]||'---';
|
||
file += '> ＠';
|
||
var date = comment;
|
||
if(!date){
|
||
file += '---';
|
||
}else if(isNaN(date)){
|
||
file += comment;
|
||
}else{
|
||
var day = date%100;
|
||
var month = Math.floor(date/100)%100;
|
||
var year = Math.floor(date/10000)%100;
|
||
file += '20'+year+'/'+month+'/'+day;
|
||
}
|
||
}
|
||
|
||
file += '\n *';
|
||
var length = images.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
file += '\n * @requiredAssets img/particles/'+images[i];
|
||
}
|
||
|
||
var animImages = PluginManager.parameters('JsScript210Set').animImages||null;
|
||
var length = animImages ? animImages.length : 0;
|
||
var animImageArrStr = '';
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var image = '_'+animImages[i].replace(/:/gi,'_');
|
||
file += '\n * @requiredAssets img/particles/'+image;
|
||
if(i>0){
|
||
animImageArrStr+=',';
|
||
}
|
||
animImageArrStr+='"'+animImages[i]+'"';
|
||
}
|
||
file += '\n */';
|
||
|
||
if(animImageArrStr.length>0){
|
||
file += '\nPluginManager._parameters.trp_particlelist = {';
|
||
file += '\n\tanimImages:['+animImageArrStr+']';
|
||
file += '\n};';
|
||
}
|
||
|
||
|
||
|
||
var fs = require('fs');
|
||
var path = require('path');
|
||
var base = path.dirname(process.mainModule.filename);
|
||
var filePath = path.join(base, ParticleEditor.HELP_PATH);
|
||
fs.writeFileSync(filePath, file);
|
||
};
|
||
|
||
|
||
|
||
/* copy & paste
|
||
===================================*/
|
||
ParticleEditor.prototype.processCopy = function(e){
|
||
var data = this.editingDataObject();
|
||
delete data.comment;
|
||
|
||
var file;
|
||
if(copyAsArray){
|
||
if(!Array.isArray(data)){
|
||
data = Game_Particle.compressConfigDataToArray(data);
|
||
}
|
||
file = JSON.stringify(data);
|
||
}else{
|
||
file = JSON.stringify(data,null,4);
|
||
}
|
||
|
||
e.clipboardData.setData("text/plain" , file);
|
||
e.preventDefault();
|
||
|
||
SoundManager.playSave();
|
||
};
|
||
|
||
ParticleEditor.prototype.processPaste = function(e){
|
||
e.preventDefault();
|
||
var clipboardData = e.clipboardData;
|
||
if(!clipboardData){
|
||
SoundManager.playBuzzer();
|
||
return;
|
||
}
|
||
|
||
var text = clipboardData.getData("text/plain");
|
||
try{
|
||
var data = JSON.parse(text);
|
||
var dataObj = null;
|
||
if(Array.isArray(data)){
|
||
dataObj = Game_Particle.decompressConfigDataFromArray(data);
|
||
}else{
|
||
dataObj = data;
|
||
}
|
||
|
||
this.endEditing();
|
||
|
||
this.applyData(dataObj);
|
||
SoundManager.playLoad();
|
||
} catch(e){
|
||
SoundManager.playBuzzer();
|
||
}
|
||
};
|
||
|
||
|
||
|
||
/* helper
|
||
===================================*/
|
||
ParticleEditor.prototype.hideMenu = function(){
|
||
var menuSprites = this._menuSprites;
|
||
var length = menuSprites.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var sprite = menuSprites[i];
|
||
sprite.opacity = 0.3*255;
|
||
}
|
||
};
|
||
ParticleEditor.prototype.showMenu = function(){
|
||
var menuSprites = this._menuSprites;
|
||
var length = menuSprites.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var sprite = menuSprites[i];
|
||
sprite.opacity = 255;
|
||
}
|
||
};
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// ParticleParam
|
||
//=============================================================================
|
||
function ParticleParam(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
|
||
ParticleParam.FONT_SIZE = paramFontSize||18;
|
||
ParticleParam.LINE_HEIGHT = ParticleParam.FONT_SIZE+4;
|
||
|
||
ParticleParam.prototype = Object.create(PIXI.Container.prototype);
|
||
ParticleParam.prototype.constructor = ParticleParam;
|
||
ParticleParam.prototype.initialize = function(data,config,configNames,title) {
|
||
PIXI.Container.call(this);
|
||
this.width = Graphics.boxWidth;
|
||
this.height = Graphics.boxHeight;
|
||
|
||
this._data = data;
|
||
this._config = config;
|
||
this._configNames = configNames;
|
||
this._title = title;
|
||
this._hidden = false;
|
||
|
||
this._isSpawnParam = ParticleEditor.POS_PARAMS.contains(title);
|
||
|
||
this._width = 0;
|
||
this._height = ParticleParam.LINE_HEIGHT;
|
||
|
||
this._titleWidth = 0;
|
||
this._titleSprite = null;
|
||
this._parts = [];
|
||
this._textsCache = [];
|
||
|
||
this._saveData = null;
|
||
|
||
this._editingIndex = -1;
|
||
this._inputting = '';
|
||
|
||
this.createTitleSprite();
|
||
};
|
||
|
||
ParticleParam.prototype.title = function(){
|
||
return this._title;
|
||
};
|
||
|
||
ParticleParam.prototype.type = function(){
|
||
return 'value';
|
||
};
|
||
ParticleParam.prototype.isSpawnParam = function(){
|
||
return this._isSpawnParam;
|
||
};
|
||
|
||
ParticleParam.prototype.refreshWithConfigData = function(config){
|
||
this.refresh();
|
||
};
|
||
|
||
ParticleParam.prototype.refresh = function(){
|
||
this.refreshParts();
|
||
};
|
||
|
||
ParticleParam.prototype.titleColor = function(){
|
||
if(this._isSpawnParam){
|
||
return 'rgb(255,200,100)';
|
||
}else{
|
||
return 'rgb(100,200,255)';
|
||
}
|
||
};
|
||
ParticleParam.prototype.partsColor = function(){
|
||
if(this._isSpawnParam){
|
||
return 'rgb(255,255,200)';
|
||
}else{
|
||
return 'rgb(200,255,255)';
|
||
}
|
||
};
|
||
ParticleParam.prototype.titleText = function(){
|
||
return '['+this._title+']';
|
||
};
|
||
ParticleParam.prototype.createTitleSprite = function(){
|
||
var text = this.titleText();
|
||
|
||
var fontSize = ParticleParam.FONT_SIZE;
|
||
var width = text.length*fontSize+4;
|
||
var height = fontSize+4;
|
||
|
||
var bitmap = new Bitmap(width,height);
|
||
bitmap.fontSize = fontSize;
|
||
bitmap.outlineColor = 'black';
|
||
bitmap.outlineWidth = 5;
|
||
bitmap.textColor = this.titleColor();
|
||
bitmap.drawText(text,0,0,width,height,'right');
|
||
this._titleWidth = bitmap.measureTextWidth(text);
|
||
|
||
var sprite = new Sprite(bitmap);
|
||
sprite.anchor.set(1,0);
|
||
this.addChild(sprite);
|
||
this._titleSprite = sprite;
|
||
};
|
||
|
||
ParticleParam.prototype.refreshParts = function(){
|
||
var parts = this._parts;
|
||
var length = this.partsNum();
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var text = this.partsText(i);
|
||
var sprite = parts[i];
|
||
if(!sprite){
|
||
sprite = this.createPartsSprite();
|
||
this.addChild(sprite);
|
||
parts[i] = sprite;
|
||
this._textsCache[i] = null;
|
||
}else{
|
||
sprite.visible = true;
|
||
}
|
||
if(this.checkChangeFromCache(text,i)){
|
||
this.refreshPartsText(sprite,text,i);
|
||
}
|
||
}
|
||
|
||
var partsLen = parts.length;
|
||
for(;i<partsLen;i=(i+1)|0){
|
||
parts[i].parent.removeChild(parts[i]);
|
||
}
|
||
parts.length = length;
|
||
|
||
this.layout();
|
||
};
|
||
|
||
ParticleParam.prototype.checkChangeFromCache = function(text,i){
|
||
if(this._textsCache[i] === text){
|
||
return false;
|
||
}
|
||
|
||
this._textsCache[i] = text;
|
||
return true;
|
||
};
|
||
|
||
ParticleParam.prototype.partsNum = function(){
|
||
return 1;
|
||
};
|
||
|
||
ParticleParam.prototype.partsText = function(index){};
|
||
ParticleParam.prototype.defaultValue = function(){
|
||
return 0;
|
||
};
|
||
|
||
ParticleParam.prototype.pushSaveDataParams = function(data){
|
||
};
|
||
|
||
|
||
ParticleParam.prototype.configValue = function(configName,config){
|
||
var elems = configName.split('.');
|
||
config = config || this._config;
|
||
while(elems.length>0 && config){
|
||
var elem = elems.shift();
|
||
config = config[elem];
|
||
}
|
||
return config||0;
|
||
};
|
||
|
||
|
||
ParticleParam.MAX_PARTS_WIDTH = 128;
|
||
ParticleParam.prototype.createPartsSprite = function(){
|
||
var fontSize = ParticleParam.FONT_SIZE;
|
||
var width = ParticleParam.MAX_PARTS_WIDTH;
|
||
var height = fontSize+4;
|
||
|
||
var bitmap = new Bitmap(width,height);
|
||
bitmap.fontSize = fontSize;
|
||
bitmap.outlineColor = 'black';
|
||
bitmap.outlineWidth = 5;
|
||
bitmap.textColor = this.partsColor();
|
||
var sprite = new Sprite(bitmap);
|
||
|
||
return sprite;
|
||
};
|
||
|
||
ParticleParam.prototype.refreshPartsText = function(sprite,text,i){
|
||
var bitmap = sprite.bitmap;
|
||
bitmap.clear();
|
||
|
||
var width = bitmap.width;
|
||
var height = bitmap.height;
|
||
var textWidth = Math.min(width,bitmap.measureTextWidth(text)+2);
|
||
bitmap.drawText(text,1,0,width-2,height);
|
||
|
||
sprite._frame.width = textWidth;
|
||
sprite._refresh();
|
||
};
|
||
|
||
|
||
ParticleParam.prototype.layout = function(){
|
||
var margin = 5;
|
||
var x = Graphics.boxWidth-margin;
|
||
|
||
var allParts = this._parts;
|
||
var length = allParts.length;
|
||
for(var i = length-1; i>=0; i=(i-1)|0){
|
||
var parts = allParts[i];
|
||
parts.visible = !this._hidden;
|
||
if(!parts.visible)continue;
|
||
|
||
x -= parts.width;
|
||
parts.x = x;
|
||
x -= margin;
|
||
}
|
||
|
||
var title = this._titleSprite;
|
||
title.x = x;
|
||
this._width = Graphics.boxWidth-x + this._titleWidth;
|
||
};
|
||
|
||
ParticleParam.prototype.show = function(){
|
||
if(!this._hidden)return;
|
||
this._hidden = false;
|
||
this.layout();
|
||
};
|
||
ParticleParam.prototype.hide = function(){
|
||
if(this._hidden)return;
|
||
this._hidden = true;
|
||
this.layout();
|
||
};
|
||
|
||
|
||
/* edit
|
||
===================================*/
|
||
ParticleParam.prototype.processTouch = function(x,y,margin){
|
||
if(y<this.y)return false;
|
||
if(y>this.y+this._height)return false;
|
||
|
||
if(x<Graphics.boxWidth-this._width-margin)return false;
|
||
|
||
var allParts = this._parts;
|
||
var length = allParts.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var parts = allParts[i];
|
||
if(parts.x<=x && x<=parts.x+parts.width){
|
||
this.setEditing(i);
|
||
return true;
|
||
}
|
||
}
|
||
|
||
return true;
|
||
};
|
||
|
||
ParticleParam.prototype.startEditing = function(){
|
||
this.setEditing(Math.max(0,this._editingIndex));
|
||
};
|
||
ParticleParam.prototype.setEditing = function(index){
|
||
var parts = this._parts;
|
||
var length = parts.length;
|
||
index = index % length;
|
||
this._editingIndex = index;
|
||
this._inputting = '';
|
||
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
parts[i].opacity = i===index ? 255 : 150;
|
||
}
|
||
this.refreshParts();
|
||
};
|
||
ParticleParam.prototype.endEditing = function(){
|
||
var needsRefresh = this._editingIndex>=0;
|
||
this._editingIndex = -1;
|
||
var parts = this._parts;
|
||
var length = parts.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
parts[i].opacity = 255;
|
||
}
|
||
|
||
if(needsRefresh){
|
||
this.refreshParts();
|
||
}
|
||
};
|
||
|
||
var KEY_CODE = {
|
||
backSpace : 8,
|
||
tab : 9,
|
||
delete : 46,
|
||
num : 48,
|
||
alphabet : 65,
|
||
a:65,
|
||
c:67,
|
||
e:69,
|
||
i:73,
|
||
l:76,
|
||
p:80,
|
||
s:83,
|
||
t:84,
|
||
v:86,
|
||
w:87,
|
||
alphabetEnd: 90,
|
||
tenkey:96,
|
||
minus:189,
|
||
tenkeyMinus:109,
|
||
dot:190,
|
||
tenkeyDot:110,
|
||
at: 192,
|
||
bracket: 219
|
||
};
|
||
|
||
|
||
ParticleParam.prototype.processInput = function(keyCode){
|
||
if(Input.isTriggered('cancel')&&keyCode!==96){
|
||
return false;
|
||
}else if(Input.isTriggered('ok')){
|
||
this.clearInputting();
|
||
}else if(keyCode===KEY_CODE.tab || (Input.isTriggered('right')&&keyCode!==102)){
|
||
var index = this._editingIndex+1;
|
||
if(index>this._parts.length-1)index = 0;
|
||
this.setEditing(index);
|
||
}else if(Input.isTriggered('left') && keyCode!==100){
|
||
var index = this._editingIndex-1;
|
||
if(index<0)index = this._parts.length-1;
|
||
this.setEditing(index);
|
||
}else if(keyCode===KEY_CODE.backSpace){
|
||
this.clearInputting();
|
||
this.applyEditing();
|
||
}else{
|
||
var numKeyCode = KEY_CODE.num;
|
||
var tenKeyCode = KEY_CODE.tenkey;
|
||
var chara = null;
|
||
if(keyCode>=numKeyCode&&keyCode<numKeyCode+10){
|
||
chara = Number(keyCode-numKeyCode);
|
||
}else if(keyCode>=tenKeyCode&&keyCode<tenKeyCode+10){
|
||
chara = Number(keyCode-tenKeyCode);
|
||
}else if(keyCode===KEY_CODE.minus||keyCode===KEY_CODE.tenkeyMinus){
|
||
chara = '-';
|
||
this._inputting = '';
|
||
}else if(keyCode===KEY_CODE.dot||keyCode===KEY_CODE.tenkeyDot){
|
||
if(!this._inputting.contains('.')){
|
||
chara = '.';
|
||
}
|
||
}
|
||
if(chara!==null){
|
||
this._inputting += chara;
|
||
this.applyEditing();
|
||
}
|
||
}
|
||
|
||
return true;
|
||
};
|
||
|
||
ParticleParam.prototype.clearInputting = function(){
|
||
this._inputting = '';
|
||
};
|
||
ParticleParam.prototype.applyAll = function(){};
|
||
ParticleParam.prototype.applyEditing = function(){
|
||
var index = this._editingIndex;
|
||
if(index<0)return;
|
||
|
||
var value = this.valueWithInputting();
|
||
var data = this.paramSaveData(index,value);
|
||
|
||
if(data){
|
||
this.saveToParam(data);
|
||
}
|
||
this.refreshParts();
|
||
};
|
||
|
||
ParticleParam.prototype.valueWithInputting = function(){
|
||
var input = this._inputting;
|
||
var value;
|
||
if(this.type()==='color'){
|
||
value = this._inputting;
|
||
}else{
|
||
value = Number(this._inputting);
|
||
if(value === NaN){
|
||
value = this.value(index);
|
||
this._inputting = String(value);
|
||
}
|
||
}
|
||
|
||
return value;
|
||
};
|
||
|
||
ParticleParam.prototype.value = function(config){return 0;};
|
||
|
||
ParticleParam.prototype.saveToParam = function(data){
|
||
data = data||this.paramSaveData();
|
||
if(!data)return;
|
||
|
||
this._saveData = data;
|
||
};
|
||
ParticleParam.prototype.hasSaveData = function(){
|
||
return !!this._saveData;
|
||
};
|
||
ParticleParam.prototype.handOverSaveData = function(){
|
||
var data = this._saveData;
|
||
this._saveData = null;
|
||
return data;
|
||
};
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// ParticleParam.ValueParam
|
||
//=============================================================================
|
||
ParticleParam.ValueParam = function(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
var ValueParam = ParticleParam.ValueParam;
|
||
ValueParam.prototype = Object.create(ParticleParam.prototype);
|
||
ValueParam.prototype.constructor = ValueParam;
|
||
ValueParam.prototype.initialize = function(data,config,name,title,headers){
|
||
ParticleParam.prototype.initialize.call(this,data,config,name,title);
|
||
this._headers = headers;
|
||
};
|
||
ValueParam.prototype.partsHeader = function(index){
|
||
var headers = this._headers;
|
||
if(!headers || headers.length===0)return '';
|
||
else if(headers.length===1)return headers[0];
|
||
else return headers[index];
|
||
};
|
||
|
||
ValueParam.prototype.partsNum = function(){
|
||
return this._configNames.length;
|
||
};
|
||
|
||
ValueParam.prototype.partsText = function(index){
|
||
var text = index===this._editingIndex ? this._inputting : String(this.value(index));
|
||
if(text === '')text = String(this.value(index))
|
||
|
||
var header = this.partsHeader(index);
|
||
if(header){
|
||
text = header + ':'+ text;
|
||
}
|
||
return text
|
||
};
|
||
|
||
ValueParam.prototype.paramSaveData = function(index,value){
|
||
var values = this.values();
|
||
|
||
if(this._configNames[0]==='frequency' && value===0){
|
||
return null;
|
||
}
|
||
|
||
if(value !== undefined){
|
||
if(isNaN(value))return null;
|
||
values[index] = Number(value);
|
||
}
|
||
|
||
return values;
|
||
};
|
||
|
||
ValueParam.prototype.values = function(){
|
||
var ret = [];
|
||
var num = this._parts.length;
|
||
for(var i = 0; i<num; i=(i+1)|0){
|
||
var value = this.value(i);
|
||
ret.push(value);
|
||
}
|
||
return ret;
|
||
};
|
||
|
||
ValueParam.prototype.value = function(index){
|
||
var name = this._title;
|
||
|
||
var params = this._data.params[name];
|
||
if(params!==undefined)return params[index];
|
||
|
||
var config = this.configValue(this._configNames[index]);
|
||
if(config!==undefined)return config;
|
||
|
||
return 0;
|
||
};
|
||
|
||
ValueParam.prototype.pushSaveDataParams = function(data){
|
||
var saveData = this.paramSaveData();
|
||
var length = saveData.length;
|
||
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var value = saveData[i];
|
||
|
||
var configName = this._configNames[i];
|
||
configName = configName.replace('point','pos');
|
||
|
||
var elems = configName.split('.');
|
||
var targetObj = data;
|
||
while(elems.length>1){
|
||
var elem = elems.shift();
|
||
if(!targetObj[elem]){
|
||
targetObj[elem] = {};
|
||
}
|
||
targetObj = targetObj[elem];
|
||
}
|
||
targetObj[elems[0]] = value;
|
||
}
|
||
};
|
||
|
||
ValueParam.prototype.refreshWithConfigData = function(config){
|
||
var names = this._configNames;
|
||
var length = names.length;
|
||
|
||
var data = this._data.params[this._title];
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var name = names[i];
|
||
var value = this.configValue(name,config);
|
||
if(value===undefined || value===null){
|
||
if(data){
|
||
delete this._data.params[this._title];
|
||
}
|
||
return;
|
||
}
|
||
if(!data){
|
||
data = this._data.params[this._title] = [];
|
||
}
|
||
data[i] = value;
|
||
}
|
||
|
||
ParticleParam.prototype.refreshWithConfigData.call(this,config);
|
||
};
|
||
ParticleParam.prototype.applyAll = function(){
|
||
var names = this._configNames;
|
||
var length = names.length;
|
||
|
||
|
||
var data = this.paramSaveData();
|
||
if(data){
|
||
this.saveToParam(data);
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// ParticleParam.NodeParam
|
||
//=============================================================================
|
||
ParticleParam.NodeParam = function(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
|
||
var NodeParam = ParticleParam.NodeParam;
|
||
NodeParam.prototype = Object.create(ParticleParam.prototype);
|
||
NodeParam.prototype.constructor = NodeParam;
|
||
NodeParam.prototype.initialize = function(data,config,name,title) {
|
||
ParticleParam.prototype.initialize.call(this,data,config,name,title);
|
||
|
||
this._inputtingTimeSprite = null;
|
||
this._lastInputtingTimeText = null;
|
||
this._inputtingTime = null;
|
||
this._innerData = [];
|
||
this.initInnerData(data,config,title);
|
||
};
|
||
|
||
NodeParam.prototype.initInnerData = function(data,config,title){
|
||
this._innerData.length = 0;
|
||
|
||
var params = data.params[title];
|
||
if(params){
|
||
var length = params.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var elems = params[i].split('@');
|
||
this._innerData.push({
|
||
time:Number(elems[1]),
|
||
value:isNaN(elems[0])?elems[0]:Number(elems[0])
|
||
});
|
||
}
|
||
}else if(config[title].list){
|
||
this._innerData = config[title].list.concat();
|
||
}else{
|
||
this._innerData.push({
|
||
time:0,
|
||
value:config[title].start
|
||
});
|
||
this._innerData.push({
|
||
time:1,
|
||
value:config[title].end
|
||
});
|
||
}
|
||
this.sortInnerData();
|
||
};
|
||
|
||
|
||
NodeParam.prototype.refreshParts = function(){
|
||
this.refreshInputtingSprite();
|
||
ParticleParam.prototype.refreshParts.call(this);
|
||
};
|
||
|
||
NodeParam.prototype.refreshInputtingSprite = function(){
|
||
var sprite = this._inputtingTimeSprite;
|
||
if(this._inputtingTime!==null && this._editingIndex<0){
|
||
if(!sprite){
|
||
this._inputtingTimeSprite = sprite = this.createPartsSprite();
|
||
this.addChild(sprite);
|
||
sprite.anchor.set(1,0);
|
||
}
|
||
sprite.visible = true;
|
||
var text = '@' + this._inputtingTime + '→';
|
||
if(text !== this._lastInputtingTimeText){
|
||
this._lastInputtingTimeText = text;
|
||
|
||
var bitmap = sprite.bitmap;
|
||
bitmap.clear();
|
||
bitmap.fillAll('rgb(150,150,0)');
|
||
bitmap.drawText(text,0,0,bitmap.width,bitmap.height,'right');
|
||
}
|
||
}else{
|
||
if(sprite){
|
||
sprite.visible = false;
|
||
}
|
||
}
|
||
};
|
||
NodeParam.prototype.layout = function(){
|
||
ParticleParam.prototype.layout.call(this);
|
||
var sprite = this._inputtingTimeSprite;
|
||
if(!sprite || !sprite.visible)return;
|
||
sprite.x = this._titleSprite.x - this._titleWidth - 4;
|
||
};
|
||
|
||
NodeParam.prototype.partsText = function(index){
|
||
var data = this._innerData[index];
|
||
var editing = index===this._editingIndex;
|
||
var text = (editing&&this._inputtingTime===null) ? this._inputting : String(data.value);
|
||
if(text === '')text = String(data.value);
|
||
text += this._timeText(index)
|
||
|
||
return text;
|
||
};
|
||
NodeParam.prototype._timeText = function(index){
|
||
var data = this._innerData[index];
|
||
var editing = index===this._editingIndex;
|
||
var text = '';
|
||
if(index>0 && index<this._innerData.length-1){
|
||
text += '@'+data.time;
|
||
if(this._inputtingTime!==null && editing){
|
||
text += '→' + this._inputtingTime;
|
||
}
|
||
}
|
||
return text;
|
||
};
|
||
|
||
NodeParam.prototype.titleColor = function(){
|
||
return 'rgb(200,150,255)';
|
||
};
|
||
// NodeParam.prototype.titleText = function(){
|
||
// return '['+this._title+']';
|
||
// };
|
||
|
||
NodeParam.prototype.paramSaveData = function(index,value){
|
||
var data;
|
||
|
||
if(value !== undefined){
|
||
value = isNaN(value) ? value : Number(value)
|
||
var data = this._innerData[index];
|
||
data.value = value;
|
||
|
||
this.sortInnerData();
|
||
|
||
var lastInputting = this._inputting;
|
||
this.setEditing(this._innerData.indexOf(data));
|
||
this._inputting = lastInputting;
|
||
}
|
||
|
||
|
||
var saveData = [];
|
||
var innerData = this._innerData;
|
||
var length = innerData.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var data = innerData[i];
|
||
saveData.push(data.value+'@'+data.time);
|
||
};
|
||
|
||
return saveData;
|
||
};
|
||
|
||
|
||
|
||
|
||
NodeParam.prototype.sortInnerData = function(){
|
||
this._innerData.sort(NodeParam.prototype.compareInnerData.bind(this));
|
||
};
|
||
|
||
NodeParam.prototype.compareInnerData = function(a, b) {
|
||
return a.time-b.time;
|
||
};
|
||
|
||
NodeParam.prototype.partsNum = function(){
|
||
return this._innerData.length;
|
||
};
|
||
|
||
/* input
|
||
===================================*/
|
||
NodeParam.prototype.processInput = function(keyCode){
|
||
if(keyCode === KEY_CODE.delete){
|
||
if(this._editingIndex!==0&&this._editingIndex!==this._innerData.length-1){
|
||
this._innerData.splice(this._editingIndex,1);
|
||
this.saveToParam();
|
||
this._inputting = String(this._innerData[this._editingIndex].value);
|
||
this.refreshParts();
|
||
}
|
||
}else if(keyCode===KEY_CODE.at && (isMac || Input.isPressed('shift'))){
|
||
// mac > at = shift + @
|
||
if(this._editingIndex>0 && this._editingIndex<this._innerData.length-1){
|
||
this._inputtingTime = '';
|
||
this.refreshParts();
|
||
}else{
|
||
SoundManager.playBuzzer();
|
||
}
|
||
}else if(isMac ? keyCode===KEY_CODE.bracket : keyCode===KEY_CODE.at){//[ > new
|
||
// mac > @ = bracket
|
||
this.setEditing(-1);
|
||
this._inputtingTime = '';
|
||
this.refreshParts();
|
||
}else if(this._inputtingTime!==null){
|
||
this.processInputForInputtingTime(keyCode);
|
||
}else{
|
||
return ParticleParam.prototype.processInput.call(this,keyCode);
|
||
}
|
||
return true;
|
||
};
|
||
NodeParam.prototype.processInputForInputtingTime = function(keyCode){
|
||
var numKeyCode = KEY_CODE.num;
|
||
var tenKeyCode = KEY_CODE.tenkey;
|
||
if(Input.isTriggered('ok')){
|
||
this.startEditingPartsWithTime(Number(this._inputtingTime));
|
||
this._inputtingTime = null;
|
||
}else if(keyCode===KEY_CODE.backSpace){
|
||
this._inputtingTime = null;
|
||
this.refreshParts();
|
||
}else if(keyCode===KEY_CODE.dot||keyCode===KEY_CODE.tenkeyDot){
|
||
if(this._inputtingTime.contains('.')){
|
||
SoundManager.playBuzzer();
|
||
}else{
|
||
this._inputtingTime += '.';
|
||
}
|
||
this.refreshParts();
|
||
}else if((keyCode>=numKeyCode&&keyCode<numKeyCode+10)
|
||
||(keyCode>=tenKeyCode&&keyCode<tenKeyCode+10))
|
||
{
|
||
var num = (keyCode>=tenKeyCode ? keyCode-tenKeyCode : keyCode-numKeyCode);
|
||
if(this._inputtingTime.contains('.')){
|
||
this._inputtingTime += num;
|
||
}else{
|
||
this._inputtingTime = num===0 ? '0' : '1';
|
||
}
|
||
this.refreshParts();
|
||
}else{
|
||
return;
|
||
}
|
||
};
|
||
|
||
|
||
NodeParam.prototype.setEditing = function(index){
|
||
this._inputtingTime = null;
|
||
ParticleParam.prototype.setEditing.call(this,index);
|
||
};
|
||
NodeParam.prototype.startEditingPartsWithTime = function(time){
|
||
var innerData = this._innerData;
|
||
var length = innerData.length;
|
||
|
||
var data = this._editingIndex>=0 ? innerData[this._editingIndex] : null;
|
||
if(data){
|
||
data.time = time;
|
||
this._inputting = String(data.value);
|
||
}
|
||
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
if(innerData[i].time === time){
|
||
if(this._editingIndex>=0){
|
||
if(this._editingIndex!==i){
|
||
innerData.splice(i,1);
|
||
break;
|
||
}
|
||
}else{
|
||
this.setEditing(i);
|
||
return;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
if(!data){
|
||
data = {
|
||
time:time,
|
||
value:this.defaultValue()
|
||
};
|
||
this._inputting = data.value;
|
||
innerData.push(data);
|
||
}
|
||
|
||
this.sortInnerData();
|
||
|
||
var index = innerData.indexOf(data);
|
||
this._editingIndex = index;
|
||
|
||
this.setEditing(index);
|
||
this.applyAll();
|
||
};
|
||
|
||
NodeParam.prototype.endEditing = function(){
|
||
this._inputtingTime = null;
|
||
ParticleParam.prototype.endEditing.call(this);
|
||
if(this._inputtingTimeSprite){
|
||
this._inputtingTimeSprite.visible = false;
|
||
}
|
||
};
|
||
|
||
NodeParam.prototype.pushSaveDataParams = function(data){
|
||
var list = this._innerData.concat();
|
||
var configName = this._configNames[0];
|
||
if(!data[configName]){
|
||
data[configName] = {};
|
||
}
|
||
data[configName].list = list;
|
||
};
|
||
|
||
|
||
NodeParam.prototype.refreshWithConfigData = function(config){
|
||
var params = config[this._title];
|
||
if(!params || !params.list)return;
|
||
|
||
this._innerData = params.list.concat();
|
||
this.sortInnerData();
|
||
|
||
ParticleParam.prototype.refreshWithConfigData.call(this,config);
|
||
};
|
||
|
||
|
||
//=============================================================================
|
||
// ParticleParam.ColorNodeParam
|
||
//=============================================================================
|
||
ParticleParam.ColorNodeParam = function(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
|
||
var ColorNodeParam = ParticleParam.ColorNodeParam;
|
||
ColorNodeParam.prototype = Object.create(NodeParam.prototype);
|
||
ColorNodeParam.prototype.constructor = ColorNodeParam;
|
||
ColorNodeParam.prototype.initialize = function(data,config,name,title) {
|
||
NodeParam.prototype.initialize.call(this,data,config,name,title);
|
||
|
||
this._colorPicker = null;
|
||
};
|
||
ColorNodeParam.prototype.type = function(){
|
||
return 'color';
|
||
};
|
||
ColorNodeParam.prototype.defaultValue = function(){
|
||
return this._colorPicker ? this._colorPicker.color() : 'rgb(255,255,255)';
|
||
};
|
||
|
||
ColorNodeParam.prototype.setPicker = function(picker){
|
||
this._colorPicker = picker;
|
||
picker.visible = true;
|
||
|
||
this.refreshPickerColor();
|
||
};
|
||
ColorNodeParam.prototype.refreshPickerColor = function(){
|
||
var picker = this._colorPicker;
|
||
if(!picker)return;
|
||
|
||
var index = this._editingIndex;
|
||
if(index<0)return;
|
||
|
||
var value = this._innerData[index].value;
|
||
picker.setColor(value);
|
||
};
|
||
|
||
ColorNodeParam.prototype.setEditing = function(index){
|
||
NodeParam.prototype.setEditing.call(this,index);
|
||
this.refreshPickerColor();
|
||
};
|
||
ColorNodeParam.prototype.endEditing = function(){
|
||
NodeParam.prototype.endEditing.call(this);
|
||
this._colorPicker.visible = false;
|
||
this._colorPicker = null;
|
||
};
|
||
ColorNodeParam.prototype.processTouch = function(x,y,margin){
|
||
var editingData = this._innerData[this._editingIndex];
|
||
if(!!editingData && this._colorPicker){
|
||
var color = this._colorPicker.color();
|
||
if(color !== editingData.value){
|
||
this._inputting = color;
|
||
this.applyEditing();
|
||
}
|
||
}
|
||
|
||
return NodeParam.prototype.processTouch.call(this,x,y,margin);
|
||
};
|
||
|
||
ColorNodeParam.prototype.paramSaveData = function(index,value){
|
||
//check value is color
|
||
if(value!==undefined){
|
||
if(value.indexOf('rgb')===0){
|
||
if(!value.match(/rgb\(\d+,\d+,\d+\)/)){
|
||
return null;
|
||
}
|
||
}else{
|
||
var color;
|
||
if(value[0]==='#'){
|
||
color = value.substr(1);
|
||
}else{
|
||
color = value;
|
||
value = '#'+value;
|
||
}
|
||
|
||
if(isNaN(color) && color.length!==6){
|
||
return null;
|
||
}
|
||
}
|
||
}
|
||
return NodeParam.prototype.paramSaveData.call(this,index,value);
|
||
};
|
||
|
||
/* input
|
||
===================================*/
|
||
ColorNodeParam.prototype.processInput = function(keyCode){
|
||
if(keyCode === KEY_CODE.delete){
|
||
if(this._editingIndex!==0&&this._editingIndex!==this._innerData.length-1){
|
||
var index = this._editingIndex;
|
||
this._innerData.splice(this._editingIndex,1);
|
||
this._inputting = this._innerData[this._editingIndex].value;
|
||
this.applyEditing();
|
||
}
|
||
}else{
|
||
return NodeParam.prototype.processInput.call(this,keyCode);
|
||
}
|
||
return true;
|
||
};
|
||
|
||
ColorNodeParam.prototype.clearInputting = function(){
|
||
if(this._editingIndex === 0){
|
||
this._inputting = '#ffffff';
|
||
}else{
|
||
var previousNode = this._innerData[this._editingIndex-1];
|
||
this._inputting = this.colorCodeWithValue(previousNode.value);
|
||
}
|
||
};
|
||
|
||
|
||
ColorNodeParam.prototype.refreshPartsText = function(sprite,text,i){
|
||
var bitmap = sprite.bitmap;
|
||
bitmap.clear();
|
||
|
||
var width = bitmap.width;
|
||
var height = bitmap.height;
|
||
|
||
var data =this._innerData[i];
|
||
var color = data ? data.value : null;
|
||
if(color.indexOf('rgb')===0){
|
||
if(!color.match(/rgb\(\d+,\d+,\d+\)/)){
|
||
color = 'white';
|
||
}
|
||
}else{
|
||
if(color[0]==='#'){
|
||
color = color.substr(1);
|
||
}
|
||
if(!color.match(/[0-9a-f]+/)){
|
||
color = 'white;'
|
||
}else if(color.length!==6){
|
||
color = 'white';
|
||
}else{
|
||
color = '#'+color;
|
||
}
|
||
}
|
||
bitmap.fillRect(0,1,height-2,height-2,'black');
|
||
bitmap.fillRect(1,2,height-4,height-4,color);
|
||
|
||
var textWidth = Math.min(width,height+bitmap.measureTextWidth(text)+2);
|
||
bitmap.drawText(text,height,0,width-2-height,height);
|
||
|
||
sprite._frame.width = textWidth;
|
||
sprite._refresh();
|
||
};
|
||
|
||
ColorNodeParam.prototype.partsText = function(index){
|
||
return this._partsText(index,noColorCode);
|
||
};
|
||
ColorNodeParam.prototype._partsText = function(index,noColorCode){
|
||
var data = this._innerData[index];
|
||
var text;
|
||
if(noColorCode){
|
||
text = '';
|
||
}else{
|
||
text = index===this._editingIndex ? this._inputting : String(data.value);
|
||
}
|
||
if(index>0 && index<this._innerData.length-1){
|
||
// text += '@'+data.time;
|
||
text += this._timeText(index);
|
||
}
|
||
return text;
|
||
};
|
||
|
||
ColorNodeParam.prototype.checkChangeFromCache = function(text,i){
|
||
var withColorCode = this._partsText(i,false);
|
||
if(this._textsCache[i] === withColorCode){
|
||
return false;
|
||
}
|
||
|
||
this._textsCache[i] = withColorCode;
|
||
return true;
|
||
};
|
||
|
||
ColorNodeParam.prototype.pushSaveDataParams = function(data){
|
||
var list = this._innerData.concat();
|
||
var configName = this._configNames[0];
|
||
if(!data[configName]){
|
||
data[configName] = {};
|
||
}
|
||
|
||
var length = list.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var node = list[i];
|
||
var value = node.value;
|
||
node.value = this.colorCodeWithValue(value);
|
||
}
|
||
|
||
data[configName].list = list;
|
||
};
|
||
|
||
ColorNodeParam.prototype.colorCodeWithValue = function(value){
|
||
if(value.indexOf('rgb')===0){
|
||
var values = value.match(/\((\d+),(\d+),(\d+)/);
|
||
return '#'+Number(values[1]).toString(16)+Number(values[2]).toString(16)+Number(values[3].toString(16));
|
||
}else{
|
||
return value
|
||
}
|
||
};
|
||
|
||
|
||
//=============================================================================
|
||
// ColorPicker
|
||
//=============================================================================
|
||
function ColorPicker(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
|
||
ColorPicker.colorWithHsv = function(h,s,v){
|
||
var max = v;
|
||
var min = max-((s/255)*max);
|
||
var r,g,b;
|
||
if(h<=60){
|
||
r = max;
|
||
g = (h/60)*(max-min)+min;
|
||
b = min;
|
||
}else if(h<=120){
|
||
r = ((120-h)/60)*(max-min)+min;
|
||
g = max;
|
||
b = min;
|
||
}else if(h<=180){
|
||
r = min;
|
||
g = max;
|
||
b = ((h-120)/60)*(max-min)+min;
|
||
}else if(h<=240){
|
||
r = min;
|
||
g = ((240-h)/60)*(max-min)+min;
|
||
b = max;
|
||
}else if(h<=300){
|
||
r = ((h-240)/60)*(max-min)+min;
|
||
g = min;
|
||
b = max;
|
||
}else{
|
||
r = max;
|
||
g = min;
|
||
b = ((360-h)/60)*(max-min)+min;
|
||
}
|
||
r = Math.round(r).toString(16);
|
||
g = Math.round(g).toString(16);
|
||
b = Math.round(b).toString(16);
|
||
if(r.length===1)r='0'+r;
|
||
if(g.length===1)g='0'+g;
|
||
if(b.length===1)b='0'+b;
|
||
var color = '#'+r+g+b;
|
||
return color;
|
||
};
|
||
|
||
ColorPicker.HUE_WIDTH = 20;
|
||
ColorPicker.MARGIN = 3;
|
||
|
||
ColorPicker.prototype = Object.create(PIXI.Container.prototype);
|
||
ColorPicker.prototype.constructor = ColorPicker;
|
||
ColorPicker.prototype.initialize = function(size){
|
||
PIXI.Container.call(this);
|
||
|
||
this._size = size;
|
||
|
||
this._hue = -1;
|
||
this._saturation = -1;
|
||
this._value = -1;
|
||
this._color = null;
|
||
|
||
this._touchingHue = false;
|
||
this._touchingSv = false;
|
||
|
||
var margin = ColorPicker.MARGIN;
|
||
var hueWidth = ColorPicker.HUE_WIDTH;
|
||
var totalWidth = margin*3 + size + hueWidth;
|
||
var totalHeight = margin*2 + size;
|
||
|
||
var bitmap,sprite;
|
||
|
||
//this > backBitmap
|
||
bitmap = new Bitmap(16,16);
|
||
bitmap.fillAll('rgba(0,0,0,0.5)');
|
||
sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
sprite.scale.set(totalWidth/16,totalHeight/16);
|
||
this._backSprite = sprite;
|
||
|
||
|
||
//pickerSprite
|
||
bitmap = new Bitmap(size,size);
|
||
sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
sprite.x = margin;
|
||
sprite.y = margin;
|
||
this._pickerSprite = sprite;
|
||
this.bitmap = bitmap;
|
||
|
||
//huePicker
|
||
bitmap = new Bitmap(hueWidth,size);
|
||
sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
sprite.x = margin*2 + size;
|
||
sprite.y = margin;
|
||
this._huePicker = sprite;
|
||
|
||
//pointer
|
||
bitmap = new Bitmap(16,16);
|
||
sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
sprite.anchor.set(0.5,0.5);
|
||
this._pointer = sprite;
|
||
var ctx = bitmap._context;
|
||
ctx.beginPath();
|
||
ctx.arc(8,8,6,0,360*Math.PI/180,false);
|
||
ctx.fillStyle = 'rgb(255,255,255)';
|
||
ctx.fill();
|
||
ctx.beginPath();
|
||
ctx.arc(8,8,3,0,360*Math.PI/180,false);
|
||
ctx.globalCompositeOperation = "destination-out";
|
||
ctx.fill();
|
||
|
||
//huePointer
|
||
var lineWidth = 2;
|
||
var spaceHeight = 2;
|
||
bitmap = new Bitmap(hueWidth+lineWidth*2,spaceHeight+lineWidth*2);
|
||
sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
sprite.anchor.set(0.5,0.5);
|
||
this._huePointer = sprite;
|
||
bitmap.fillAll('black');
|
||
bitmap.clearRect(lineWidth,lineWidth,bitmap.width-lineWidth*2,bitmap.height-lineWidth*2);
|
||
|
||
|
||
this.setupHuePicker();
|
||
this.setColor('rgb(255,255,255)');
|
||
};
|
||
|
||
ColorPicker.prototype.setupHuePicker = function(){
|
||
var bitmap = this._huePicker.bitmap;
|
||
var width = bitmap.width;
|
||
var height = bitmap.height;
|
||
|
||
var s = 255;
|
||
var v = 255;
|
||
for(var y=0; y<height; y=(y+1)|0){
|
||
var h = 360*(y/height);
|
||
var color = ColorPicker.colorWithHsv(h,s,v);
|
||
bitmap.fillRect(0,y,width,1,color);
|
||
}
|
||
};
|
||
|
||
ColorPicker.prototype.setupPallete = function(h){
|
||
var bitmap = this._pickerSprite.bitmap;
|
||
bitmap.clear();
|
||
|
||
var width = this.width;
|
||
var height = this.height;
|
||
|
||
var r,g,b;
|
||
for(var x=0; x<width; x=(x+1)|0){
|
||
var s = 255*x/width;
|
||
for(var y=0; y<height; y=(y+1)|0){
|
||
var v = 255*y/height;
|
||
var color = ColorPicker.colorWithHsv(h,s,v);
|
||
bitmap.fillRect(x,height-y-1,1,1,color);
|
||
}
|
||
}
|
||
};
|
||
|
||
ColorPicker.prototype.setColor = function(color){
|
||
var r,g,b;
|
||
if(color.indexOf('rgb')!==0){
|
||
if(color[0] == "#"){
|
||
color = color.substr(1);
|
||
}else if(color.indexOf("0x")===0){
|
||
color = color.substr(2);
|
||
}
|
||
if(color.length == 8){
|
||
color = color.substr(2);
|
||
}
|
||
r = parseInt(color.substr(0, 2), 16);
|
||
g = parseInt(color.substr(2, 2), 16);
|
||
b = parseInt(color.substr(4, 2), 16);
|
||
}else{
|
||
var args = color.match(/\((.+)\)/)[1].split(',');
|
||
r = Number(args[0]);
|
||
g = Number(args[1]);
|
||
b = Number(args[2]);
|
||
}
|
||
|
||
var h,s,v;
|
||
var max = Math.max(r,g,b);
|
||
var min = Math.min(r,g,b);
|
||
if(r===g && g===b){
|
||
h = Math.max(0,this._hue);
|
||
}else if(r>=g && r>=b){
|
||
h = 60*(g-b)/(max-min);
|
||
}else if(g>=r && g>=b){
|
||
h = 60*(b-r)/(max-min)+120;
|
||
}else{
|
||
h = 60*(r-g)/(max-min)+240;
|
||
}
|
||
|
||
s = (max-min)/max*255;
|
||
v = max;
|
||
|
||
this.setHue(h);
|
||
this.setSV(s,v);
|
||
};
|
||
|
||
ColorPicker.prototype.updateResultColor = function(){
|
||
this._color = ColorPicker.colorWithHsv(this._hue,this._saturation,this._value);
|
||
};
|
||
|
||
ColorPicker.prototype.color = function(){
|
||
return this._color;
|
||
};
|
||
|
||
ColorPicker.prototype.setHue = function(h){
|
||
h = h.clamp(0,360);
|
||
if(this._hue === h)return;
|
||
|
||
var dh = h-this._hue;
|
||
this._hue = h;
|
||
this.setupPallete(this._hue);
|
||
|
||
var sprite = this._huePicker;
|
||
var pointer = this._huePointer;
|
||
pointer.x = sprite.x+sprite.width/2;
|
||
pointer.y = sprite.y+sprite.height*h/360;
|
||
|
||
this.updateResultColor();
|
||
};
|
||
|
||
ColorPicker.prototype.setSV = function(s,v){
|
||
if(this._saturation===s && this._value===v)return;
|
||
|
||
this._saturation = s;
|
||
this._value = v;
|
||
|
||
var margin = ColorPicker.MARGIN
|
||
var size = this._size;
|
||
|
||
var pointer = this._pointer;
|
||
pointer.x = margin+Math.round((s/255)*size);
|
||
pointer.y = margin+Math.round(size-(v/255)*size-1);
|
||
|
||
this.updateResultColor();
|
||
};
|
||
|
||
ColorPicker.prototype.update = function(){
|
||
if(!this.visible){
|
||
this._touchingHue = false;
|
||
this._touchingSv = false;
|
||
return;
|
||
}
|
||
if(!TouchInput.isTriggered() && !TouchInput.isPressed()){
|
||
this._touchingHue = false;
|
||
this._touchingSv = false;
|
||
return;
|
||
}
|
||
|
||
var x = TouchInput.x-this.x;
|
||
var y = TouchInput.y-this.y;
|
||
var dx,dy,touchInside;
|
||
|
||
var hPicker = this._huePicker;
|
||
dx = x-hPicker.x;
|
||
dy = y-hPicker.y;
|
||
|
||
touchInside = (dx>=0 && dx<=hPicker.width && dy>=0 && dy<=hPicker.height);
|
||
if(this._touchingHue || (!this._touchingSv&&touchInside)){
|
||
dy = dy.clamp(0,hPicker.height-1);
|
||
var hue = Math.round(dy/(hPicker.height-1)*360);
|
||
this.setHue(hue);
|
||
this._touchingHue = true;
|
||
return;
|
||
}
|
||
|
||
var svPicker = this._pickerSprite;
|
||
dx = x-svPicker.x;
|
||
dy = y-svPicker.y;
|
||
touchInside = (dx>=0 && dx<=svPicker.width && dy>=0 && dy<=svPicker.height);
|
||
if(this._touchingSv || (!this._touchingHue&&touchInside)){
|
||
dx = dx.clamp(0,svPicker.width-1);
|
||
dy = dy.clamp(0,svPicker.height-1);
|
||
var s = Math.round(dx/(svPicker.width-1)*255);
|
||
var v = Math.round((svPicker.height-1-dy)/(svPicker.height-1)*255);
|
||
this.setSV(s,v);
|
||
this._touchingSv = true;
|
||
return;
|
||
}
|
||
};
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// PickerBase
|
||
//=============================================================================
|
||
function PickerBase(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
PickerBase.TINT_SEVERAL = 0xaaffff;
|
||
PickerBase.TINT_NORMAL = 0xffffaa;
|
||
PickerBase.LAYOUT = {
|
||
marginTopBottom:5
|
||
};
|
||
|
||
PickerBase.prototype = Object.create(PIXI.Container.prototype);
|
||
PickerBase.prototype.constructor = PickerBase;
|
||
PickerBase.prototype.initialize = function() {
|
||
PIXI.Container.call(this);
|
||
this.initMembers();
|
||
|
||
this.createBackSprite();
|
||
this.createHighlightBitmap();
|
||
this.createGuideSprite();
|
||
this.createHeaderSprite();
|
||
};
|
||
|
||
PickerBase.prototype.initMembers = function(){
|
||
this._header = '';
|
||
this._headerSprite = null;
|
||
|
||
this._topRow = 0;
|
||
this._maxRow = 0;
|
||
this._dispRows = 0;
|
||
this._maxTopRow = 0;
|
||
|
||
this._owner = null;
|
||
this._severalMode = false;
|
||
this._severalModeSwitched = false;
|
||
this._selectingIndexes = [];
|
||
|
||
this._backSprite = null;
|
||
this._highlightSprites = [];
|
||
this._highlightBitmap = null;
|
||
this._guideSprite = null;
|
||
|
||
this._listType = null;
|
||
|
||
this._categoryIndex = 0;
|
||
};
|
||
|
||
PickerBase.prototype.startPicking = function(owner){
|
||
this.visible = true;
|
||
this._owner = owner;
|
||
|
||
Input.clear();
|
||
TouchInput.clear();
|
||
this.registerWheelListener();
|
||
|
||
this.refresh();
|
||
this._headerSprite.opacity = 255;
|
||
this._headerSprite.visible = true;
|
||
|
||
if(this._guideSprite){
|
||
var sprite = this._guideSprite;
|
||
sprite.x = this._width + 10;
|
||
sprite.y = Graphics.boxHeight-50;
|
||
}
|
||
};
|
||
|
||
PickerBase.prototype.end = function(){
|
||
if(this._owner){
|
||
this._owner.didEndPicking();
|
||
}
|
||
this._owner = null;
|
||
|
||
this.resignWheelListener();
|
||
this.visible = false;
|
||
|
||
|
||
SoundManager.playCancel();
|
||
Input.clear();
|
||
TouchInput.clear();
|
||
};
|
||
|
||
PickerBase.prototype.refresh = function(){
|
||
var type = this.categoryType();
|
||
if(this._listType === type)return;
|
||
this.setListType(type);
|
||
|
||
if(this.isReady()){
|
||
this._refresh();
|
||
}
|
||
};
|
||
|
||
PickerBase.prototype.isReady = function(){
|
||
return true;
|
||
};
|
||
|
||
PickerBase.prototype._refresh = function(){
|
||
var col = this.maxColumns();
|
||
|
||
var itemWidth = this.itemWidth();
|
||
var itemHeight = this.itemHeight();
|
||
|
||
var margin = PickerBase.LAYOUT.marginTopBottom;
|
||
var itemNum = this.maxItems();
|
||
|
||
var mx = this.itemMarginX();
|
||
var my = this.itemMarginY();
|
||
|
||
this._maxRow = Math.ceil(itemNum/col);
|
||
this._dispRows = Math.floor((Graphics.boxHeight-2*margin)/(itemHeight+my));
|
||
this._maxTopRow = Math.max(0,this._maxRow-this._dispRows-1);
|
||
|
||
var row = this._maxRow;
|
||
var width = itemWidth*col+mx*(col-1)+margin*2;
|
||
this._width = width;
|
||
this._height = Graphics.boxHeight;
|
||
|
||
this.refreshBackSprite();
|
||
this.refreshItems();
|
||
};
|
||
PickerBase.prototype.setListType = function(type){
|
||
this._listType = type;
|
||
this.refreshHeaderSprite();
|
||
};
|
||
|
||
PickerBase.prototype.refreshItems = function(){};
|
||
|
||
|
||
/* needs overwrite
|
||
===================================*/
|
||
PickerBase.prototype.maxColumns = function(){return 4;};
|
||
PickerBase.prototype.itemHeight = function(){return 48;};
|
||
PickerBase.prototype.itemWidth = function(){return 48;};
|
||
PickerBase.prototype.maxItems = function(){return 0;};
|
||
PickerBase.prototype.guideTexts = function(){return null;};
|
||
PickerBase.prototype.itemMarginX = function(){return 0;};
|
||
PickerBase.prototype.itemMarginY = function(){return 0;};
|
||
PickerBase.prototype.categoryType = function(){
|
||
return 1;
|
||
};
|
||
PickerBase.prototype.headerText = function(){return '';}
|
||
|
||
//category
|
||
PickerBase.prototype.maxCategories = function(){return 1};
|
||
PickerBase.prototype.isCategoryValid = function(index){return true};
|
||
PickerBase.prototype.isSeveralModeValid = function(){return true};
|
||
PickerBase.prototype.applyData = function(){};
|
||
|
||
|
||
/* select
|
||
===================================*/
|
||
PickerBase.prototype.deselectIndex = function(index){
|
||
if(index<0)return;
|
||
var arrayIdx = this._selectingIndexes.indexOf(index);
|
||
if(arrayIdx<0)return;
|
||
|
||
this._selectingIndexes.splice(arrayIdx,1);
|
||
var sprite = this._highlightSprites[arrayIdx];
|
||
if(sprite){
|
||
this._highlightSprites.splice(arrayIdx,1);
|
||
sprite.parent.removeChild(sprite);
|
||
}
|
||
};
|
||
|
||
PickerBase.prototype.didPickData = function(index){
|
||
if(this._selectingIndexes.contains(index)){
|
||
this.deselectIndex(index);
|
||
}else{
|
||
this.setSelectingIndex(index);
|
||
}
|
||
this.applyData();
|
||
};
|
||
|
||
|
||
|
||
|
||
/* update
|
||
===================================*/
|
||
PickerBase.prototype.update = function(){
|
||
if(this._headerSprite.visible){
|
||
this.updateHeaderSprite();
|
||
}
|
||
|
||
if(Input._latestButton){
|
||
this.processInput();
|
||
}else if(TouchInput.isLongPressed() && this.isSeveralModeValid()){
|
||
if(!this._severalModeSwitched){
|
||
this.switchSelectingMode();
|
||
this._severalModeSwitched = true;
|
||
if(this._selectingIndexes.length===0){
|
||
this.processTouch();
|
||
}
|
||
this.applyData();
|
||
}
|
||
}else if(TouchInput.isTriggered()){
|
||
this.processTouch();
|
||
this._severalModeSwitched = false;
|
||
}
|
||
};
|
||
PickerBase.prototype.onKeyDown = function(keyCode){
|
||
if(keyCode>=KEY_CODE.alphabet && keyCode<=KEY_CODE.alphabetEnd){
|
||
var chara = event.key;
|
||
this.search(chara);
|
||
}
|
||
};
|
||
PickerBase.prototype.search = function(chara){};
|
||
|
||
PickerBase.prototype.processTouch = function(){
|
||
var x = TouchInput.x - this.x;
|
||
var y = TouchInput.y - this.y;
|
||
|
||
if(x<0 || x>this._width){
|
||
this.end();
|
||
return;
|
||
}
|
||
|
||
var maxCol = this.maxColumns();
|
||
var length = this.maxItems();
|
||
var margin = PickerBase.LAYOUT.marginTopBottom;
|
||
var mx = this.itemMarginX();
|
||
var my = this.itemMarginY();
|
||
var itemWidth = this.itemWidth();
|
||
var itemHeight = this.itemHeight();
|
||
var colW = itemWidth+mx;
|
||
var rowH = itemHeight+my;
|
||
var x0 = margin/2;
|
||
|
||
var ix = x0;
|
||
var iy = margin/2;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
if(i===0){
|
||
}else if(i%maxCol === 0){
|
||
ix = margin/2;
|
||
iy += rowH;
|
||
}else{
|
||
ix += colW;
|
||
}
|
||
if(ix<=x && x<=ix+colW && iy<=y && y<=iy+rowH){
|
||
this.didPickData(i);
|
||
return;
|
||
}
|
||
}
|
||
};
|
||
|
||
PickerBase.prototype.setSelectingIndex = function(index){
|
||
SoundManager.playCursor();
|
||
var sprite = null;
|
||
var noSelect = index<0;
|
||
|
||
if(this._severalMode){
|
||
if(this._selectingIndexes.contains(index)){
|
||
return;
|
||
}
|
||
this._selectingIndexes.push(index);
|
||
}else{
|
||
this._selectingIndexes[0] = index;
|
||
sprite = this._highlightSprites[0];
|
||
if(noSelect){
|
||
if(sprite){
|
||
this._highlightSprites.length = 0;
|
||
sprite.parent.removeChild(sprite);
|
||
}
|
||
return;
|
||
}
|
||
}
|
||
if(noSelect)return;
|
||
|
||
if(!sprite){
|
||
sprite = this.pushNewHighlightSprite();
|
||
}
|
||
sprite.tint = this._severalMode?PickerBase.TINT_SEVERAL:PickerBase.TINT_NORMAL;
|
||
|
||
|
||
var maxCol = this.maxColumns();
|
||
var margin = PickerBase.LAYOUT.marginTopBottom;
|
||
var mx = this.itemMarginX();
|
||
var my = this.itemMarginY();
|
||
var itemWidth = this.itemWidth();
|
||
var itemHeight = this.itemHeight();
|
||
|
||
var col = index%maxCol;
|
||
var row = Math.floor(index/maxCol);
|
||
sprite.visible = true;
|
||
sprite.x = margin + col*itemWidth+(col-1)*mx;
|
||
sprite.y = margin + row*itemHeight+(row-1)*my;
|
||
};
|
||
|
||
PickerBase.prototype.deselectAll = function(){
|
||
var sprites = this._highlightSprites;
|
||
var length = sprites.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var sprite = sprites[i];
|
||
sprite.parent.removeChild(sprite);
|
||
}
|
||
sprites.length = 0;
|
||
this._selectingIndexes.length = 0;
|
||
};
|
||
|
||
/* headerSprite
|
||
===================================*/
|
||
PickerBase.prototype.createHeaderSprite = function(){
|
||
var bitmap = new Bitmap(256,24);
|
||
var sprite = new Sprite(bitmap);
|
||
bitmap.fontSize = 21;
|
||
bitmap.textColor = 'white'
|
||
bitmap.outlineWidth = 6;
|
||
bitmap.outlineColor = 'rgb(0,0,200)';
|
||
this.addChild(sprite);
|
||
this._headerSprite = sprite;
|
||
};
|
||
PickerBase.prototype.refreshHeaderSprite = function(){
|
||
var header = this.headerText();
|
||
if(header === this._header)return;
|
||
this._header = header;
|
||
var sprite = this._headerSprite;
|
||
var bitmap = sprite.bitmap;
|
||
bitmap.clear();
|
||
bitmap.drawText(header,1,0,bitmap.width-2,bitmap.height);
|
||
sprite.opacity = 255;
|
||
sprite.visible = true;
|
||
|
||
this.addChild(sprite);
|
||
};
|
||
PickerBase.prototype.updateHeaderSprite = function(){
|
||
if(this._headerSprite.opacity>200){
|
||
this._headerSprite.opacity -= 1;
|
||
}else{
|
||
this._headerSprite.opacity -= 5;
|
||
}
|
||
if(this._headerSprite.opacity<=0){
|
||
this._headerSprite.visible = false;
|
||
}
|
||
};
|
||
|
||
|
||
/* backSprite
|
||
===================================*/
|
||
PickerBase.prototype.createBackSprite = function(){
|
||
var sprite,bitmap;
|
||
bitmap = new Bitmap(16,16);
|
||
sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
this._backSprite = sprite;
|
||
sprite.opacity = 150;
|
||
bitmap.fillAll('black');
|
||
};
|
||
PickerBase.prototype.refreshBackSprite = function(){
|
||
var width = this._width;
|
||
var height = Graphics.boxHeight;
|
||
var sprite = this._backSprite;
|
||
sprite.scale.set(width/16,height/16);
|
||
};
|
||
|
||
|
||
/* highlight sprites
|
||
===================================*/
|
||
PickerBase.prototype.createHighlightBitmap = function(){
|
||
var bitmap = new Bitmap(16,16);
|
||
bitmap.fillAll('white');
|
||
this._highlightBitmap = bitmap;
|
||
};
|
||
PickerBase.prototype.pushNewHighlightSprite = function(){
|
||
var itemHeight = this.itemHeight();
|
||
var itemWidth = this._width / this.maxColumns();
|
||
|
||
var bitmap = this._highlightBitmap;
|
||
var sprite = new Sprite(bitmap);
|
||
this._highlightSprites.push(sprite);
|
||
this.addChild(sprite);
|
||
sprite.opacity = 100;
|
||
sprite.scale.set(itemWidth/bitmap.width,itemHeight/bitmap.height);
|
||
return sprite;
|
||
};
|
||
|
||
/* guide sprite
|
||
===================================*/
|
||
PickerBase.prototype.createGuideSprite = function(){
|
||
var texts = this.guideTexts();
|
||
if(!texts)return;
|
||
|
||
var fontSize = 14;
|
||
var width = 200;
|
||
var lineHeight = fontSize + 4;
|
||
var lines = texts.length;
|
||
var height = lineHeight*lines;
|
||
var bitmap = new Bitmap(width,height);
|
||
var sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
this._guideSprite = sprite;
|
||
|
||
sprite.anchor.set(0,1);
|
||
|
||
bitmap.fontSize = fontSize;
|
||
bitmap.fillAll('rgb(0,0,150,0.6)');
|
||
|
||
var y = 0;
|
||
var length = texts.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var text = texts[i];
|
||
bitmap.drawText(text,1,y,width-2,lineHeight);
|
||
y += lineHeight;
|
||
};
|
||
};
|
||
|
||
/* scroll
|
||
===================================*/
|
||
PickerBase.prototype.setTopIndex = function(i){
|
||
var row = Math.floor(i/this.maxColumns());
|
||
var newRow = row.clamp(0,this._maxTopRow);
|
||
if(this._topRow === newRow)return;
|
||
this._topRow = newRow;
|
||
this.refreshPosition();
|
||
};
|
||
PickerBase.prototype.setTopRowNext = function(){
|
||
var index = (this._topRow-1)*this.maxColumns()
|
||
this.setTopIndex(index);
|
||
};
|
||
PickerBase.prototype.setTopRowPrevious = function(){
|
||
var index = (this._topRow+1)*this.maxColumns();
|
||
this.setTopIndex(index);
|
||
};
|
||
PickerBase.prototype.refreshPosition = function(){
|
||
var oldY = this.y
|
||
this.y = -this._topRow*this.itemHeight();
|
||
if(this._topRow!==0){
|
||
this.y -= PickerBase.LAYOUT.marginTopBottom;
|
||
}
|
||
|
||
var dy = this.y - oldY;
|
||
this._backSprite.y -= dy;
|
||
if(this._guideSprite){
|
||
this._guideSprite.y -= dy;
|
||
}
|
||
};
|
||
|
||
|
||
|
||
PickerBase.prototype.processInput = function(){
|
||
if(Input.isTriggered('ok')||Input.isTriggered('cancel')){
|
||
this.end();
|
||
}else if(Input.isRepeated('up')){
|
||
SoundManager.playCursor();
|
||
this.setTopRowNext();
|
||
}else if(Input.isRepeated('down')){
|
||
SoundManager.playCursor();
|
||
this.setTopRowPrevious();
|
||
}else if(Input.isRepeated('left')){
|
||
this.processPageDown();
|
||
}else if(Input.isRepeated('right')){
|
||
this.processPageUp();
|
||
}
|
||
};
|
||
PickerBase.prototype.processPageUp = function(){
|
||
SoundManager.playCursor();
|
||
if(this.maxCategories()>1){
|
||
this._topRow = 0;
|
||
var index = this._categoryIndex;
|
||
do{
|
||
index += 1;
|
||
if(index>=this.maxCategories()){
|
||
index = 0;
|
||
}
|
||
}while(index!==this._categoryIndex && !this.isCategoryValid(index));
|
||
this._categoryIndex = index;
|
||
this.refreshCategory();
|
||
}else{
|
||
this._topRow = Math.max(0,this._topRow-this._dispRows);
|
||
this.refreshPosition();
|
||
}
|
||
};
|
||
PickerBase.prototype.processPageDown = function(){
|
||
SoundManager.playCursor();
|
||
if(this.maxCategories()>1){
|
||
this._topRow = 0;
|
||
var index = this._categoryIndex;
|
||
do{
|
||
index -= 1;
|
||
if(index<0){
|
||
index = this.maxCategories()-1;
|
||
}
|
||
}while(index!==this._categoryIndex && !this.isCategoryValid(index));
|
||
this._categoryIndex = index;
|
||
this.refreshCategory();
|
||
}else{
|
||
this._topRow = Math.min(this._maxTopRow,this._topRow+this._dispRows);
|
||
this.refreshPosition();
|
||
}
|
||
};
|
||
|
||
PickerBase.prototype.refreshCategory = function(){
|
||
this.deselectAll();
|
||
this.refresh();
|
||
this.refreshPosition();
|
||
};
|
||
|
||
|
||
|
||
/* several mode
|
||
===================================*/
|
||
PickerBase.prototype.switchSelectingMode = function(){
|
||
this.setSeveralMode(!this._severalMode);
|
||
};
|
||
PickerBase.prototype.setSeveralMode = function(valid){
|
||
if(this._severalMode===valid)return;
|
||
this._severalMode = valid;
|
||
|
||
this.deselectAll();
|
||
};
|
||
|
||
|
||
|
||
/* wheel
|
||
===================================*/
|
||
PickerBase.prototype.registerWheelListener = function(){
|
||
var listener = this._onWheel.bind(this);
|
||
this._wheelListener = listener;
|
||
document.addEventListener('wheel', listener);
|
||
};
|
||
PickerBase.prototype.resignWheelListener = function(){
|
||
if(!this._wheelListener)return;
|
||
|
||
document.removeEventListener('wheel', this._wheelListener);
|
||
this._wheelListener = null;
|
||
};
|
||
|
||
PickerBase.prototype._onWheel = function(event) {
|
||
if(event.deltaY>0){
|
||
this.setTopRowNext();
|
||
}else if(event.deltaY<0){
|
||
this.setTopRowPrevious();
|
||
}
|
||
event.stopPropagation();
|
||
};
|
||
|
||
|
||
//=============================================================================
|
||
// ImagePickerBase
|
||
//=============================================================================
|
||
function ImagePickerBase(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
ImagePickerBase.prototype = Object.create(PickerBase.prototype);
|
||
ImagePickerBase.prototype.constructor = ImagePickerBase;
|
||
ImagePickerBase.prototype.initialize = function() {
|
||
PickerBase.prototype.initialize.call(this);
|
||
|
||
};
|
||
ImagePickerBase.prototype.applyData = function(){
|
||
if(this._owner){
|
||
var imageName = this.imageName();
|
||
this._owner.didPickImage(imageName);
|
||
}
|
||
};
|
||
ImagePickerBase.prototype.imageName = function(){return '';};
|
||
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// ImagePicker
|
||
//=============================================================================
|
||
function ImagePicker(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
ImagePicker.MARGIN = 5;
|
||
ImagePicker.NAME_HEIGHT = 14;
|
||
ImagePicker.MAX_COL = 4;
|
||
ImagePicker.IMAGE_SIZE = 48;
|
||
|
||
|
||
ImagePicker.prototype = Object.create(ImagePickerBase.prototype);
|
||
ImagePicker.prototype.constructor = ImagePicker;
|
||
ImagePicker.prototype.initialize = function(){
|
||
ImagePickerBase.prototype.initialize.call(this);
|
||
|
||
this._imageNames = parameters.imageNames;
|
||
this._imageSize = this.imageSize();
|
||
|
||
this._imageSprites = [];
|
||
this._nameSprites = [];
|
||
};
|
||
|
||
|
||
/* overwrite setting
|
||
===================================*/
|
||
ImagePicker.prototype.maxItems = function(){
|
||
return this._imageNames.length;
|
||
};
|
||
ImagePicker.prototype.maxColumns = function(){
|
||
return ImagePicker.MAX_COL;
|
||
};
|
||
ImagePicker.prototype.itemHeight = function(){
|
||
var nameHeight = ImagePicker.NAME_HEIGHT;
|
||
return this.imageSize() + nameHeight;
|
||
};
|
||
ImagePicker.prototype.itemWidth = function(){
|
||
return this.imageSize();
|
||
};
|
||
ImagePicker.prototype.itemMarginX = function(){
|
||
return ImagePicker.MARGIN;
|
||
};
|
||
ImagePicker.prototype.itemMarginY = function(){
|
||
return 0;
|
||
};
|
||
ImagePicker.prototype.guideTexts = function(){
|
||
return [
|
||
'↑↓キー、マウスホイールでスクロール',
|
||
'決定キー、リスト外クリックで選択終了',
|
||
'長押しクリックで複数<=>単体選択切り替え'
|
||
];
|
||
};
|
||
ImagePicker.prototype.imageName = function(){
|
||
var name = '';
|
||
var indexes = this._selectingIndexes;
|
||
var length = indexes.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
if(i>0){
|
||
name += ',';
|
||
}
|
||
var index = indexes[i];
|
||
name += this._imageNames[index];
|
||
}
|
||
return name;
|
||
};
|
||
|
||
|
||
/* originalSetting
|
||
===================================*/
|
||
ImagePicker.prototype.imageSize = function(){
|
||
return ImagePicker.IMAGE_SIZE;
|
||
};
|
||
|
||
/* refresh
|
||
===================================*/
|
||
ImagePicker.prototype.refreshItems = function(){
|
||
var nameHeight = ImagePicker.NAME_HEIGHT;
|
||
var mx = this.itemMarginX();
|
||
var my = this.itemMarginY();
|
||
var margin = PickerBase.LAYOUT.marginTopBottom;
|
||
|
||
//images
|
||
var width = this._width;
|
||
var itemWidth = this.itemWidth();
|
||
var itemHeight = this.itemHeight();
|
||
var imageSize = this.imageSize();
|
||
|
||
var colW = itemWidth + mx;
|
||
var rowH = itemHeight + my;
|
||
|
||
var nameSprites = this._nameSprites;
|
||
var nameSprite,nameBitmap,bitmap,sprite;
|
||
|
||
var col = this.maxColumns();
|
||
|
||
var imageNames = this._imageNames;
|
||
var length = imageNames.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var r = Math.floor(i/col);
|
||
var c = i%col;
|
||
if(c===0){
|
||
nameSprite = nameSprites[r];
|
||
if(!nameSprite){
|
||
nameBitmap = new Bitmap(width,nameHeight);
|
||
nameBitmap.fontSize = nameHeight-2;
|
||
|
||
nameSprite = new Sprite(nameBitmap);
|
||
this.addChild(nameSprite);
|
||
nameSprites[r] = nameSprite;
|
||
nameSprite.y = margin+imageSize+r*rowH;
|
||
}else{
|
||
nameSprite.bitmap.clear();
|
||
}
|
||
nameBitmap = nameSprite.bitmap;
|
||
}
|
||
|
||
var name = imageNames[i];
|
||
var x = margin+c*(colW);
|
||
var y = margin+r*(rowH);
|
||
bitmap = ImageManager.loadParticle(name);
|
||
sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
sprite.anchor.set(0.5,0.5);
|
||
sprite.x = x+imageSize/2;
|
||
sprite.y = y+imageSize/2;
|
||
this._imageSprites.push(sprite);
|
||
bitmap.addLoadListener(this._adjustSpriteScale.bind(this,sprite,itemWidth,itemHeight));
|
||
|
||
nameBitmap.drawText(name,x,0,imageSize,nameHeight,'center');
|
||
}
|
||
};
|
||
|
||
ImagePicker.prototype._adjustSpriteScale = function(sprite,width,height,bitmap){
|
||
if(sprite.bitmap !== bitmap)return;
|
||
|
||
var scale = Math.min(1,width/sprite.width,height/sprite.height);
|
||
sprite.scale.set(scale,scale);
|
||
};
|
||
|
||
|
||
/* start picking
|
||
===================================*/
|
||
ImagePicker.prototype.startPicking = function(owner,image){
|
||
ImagePickerBase.prototype.startPicking.call(this,owner);
|
||
|
||
if(image){
|
||
var images = image.split(',');
|
||
var length = images.length;
|
||
var validIndexes = [];
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var index = this._imageNames.indexOf(images[i]);
|
||
if(index>=0){
|
||
validIndexes.push(index);
|
||
}
|
||
}
|
||
|
||
length = validIndexes.length;
|
||
var severalMode = length>=2;
|
||
this.setSeveralMode(severalMode);
|
||
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var index = validIndexes[i];
|
||
this.setSelectingIndex(index);
|
||
}
|
||
}
|
||
};
|
||
|
||
|
||
/* search
|
||
===================================*/
|
||
ImagePicker.prototype.search = function(chara){
|
||
var names = this._imageNames;
|
||
var length = names.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var name = names[i];
|
||
if(name[0] === chara){
|
||
this.setTopIndex(i);
|
||
return;
|
||
}
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// TilePicker
|
||
//=============================================================================
|
||
function TilePicker(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
|
||
TilePicker.MAX_COL = 8;
|
||
TilePicker.TILE_SCALE = 0.5;
|
||
|
||
TilePicker.prototype = Object.create(ImagePickerBase.prototype);
|
||
TilePicker.prototype.constructor = ImagePicker;
|
||
TilePicker.prototype.initialize = function(){
|
||
ImagePickerBase.prototype.initialize.call(this);
|
||
|
||
var bitmaps = SceneManager._scene._spriteset._tilemap.bitmaps;
|
||
this._bitmaps = bitmaps;
|
||
|
||
|
||
this._maxItems = 0;
|
||
this._tileSize = this.tileSize();
|
||
this._imageRows = 0;
|
||
this._imageCols = 0;
|
||
|
||
var scale = this.tileScale();
|
||
var sprite = new Sprite();
|
||
this._upperSprite = sprite;
|
||
this.addChild(sprite);
|
||
sprite.scale.set(scale,scale);
|
||
|
||
sprite = new Sprite();
|
||
this._lowerSprite = sprite;
|
||
this.addChild(sprite);
|
||
sprite.scale.set(scale,scale);
|
||
};
|
||
|
||
|
||
|
||
/* overwrite setting
|
||
===================================*/
|
||
TilePicker.prototype.maxItems = function(){
|
||
return this._maxItems;
|
||
};
|
||
TilePicker.prototype.maxColumns = function(){
|
||
return TilePicker.MAX_COL;
|
||
};
|
||
TilePicker.prototype.itemHeight = function(){
|
||
return this.tileSize()*this.tileScale();
|
||
};
|
||
TilePicker.prototype.itemWidth = function(){
|
||
return this.tileSize()*this.tileScale();
|
||
};
|
||
TilePicker.prototype.itemMarginX = function(){
|
||
return 0;
|
||
};
|
||
TilePicker.prototype.itemMarginY = function(){
|
||
return 0;
|
||
};
|
||
TilePicker.prototype.guideTexts = function(){
|
||
return [
|
||
'１つのタイルセットのみから選択可',
|
||
'↑↓キー、マウスホイールでスクロール',
|
||
'←→キー、タイルセット切り替え',
|
||
'決定キー、リスト外クリックで選択終了',
|
||
'長押しクリックで複数<=>単体選択切り替え'
|
||
];
|
||
};
|
||
TilePicker.prototype.imageName = function(){
|
||
var bitmapIndex = this._categoryIndex;
|
||
|
||
var bitmapNameElems = this._bitmaps[bitmapIndex]._url.split('/');;
|
||
var bitmapName = bitmapNameElems[bitmapNameElems.length-1].replace('.png','');
|
||
var name = '';
|
||
|
||
var indexes = this._selectingIndexes;
|
||
var length = indexes.length;
|
||
var rows = this._imageRows;
|
||
var cols = this.maxColumns();
|
||
var tilesetCols = ParticleEmitter.TILESET_COLUMNS;
|
||
|
||
var lowerSpriteIndex = rows*cols;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
if(i>0){
|
||
name += ',';
|
||
}
|
||
var index = indexes[i];
|
||
var tileIndex;
|
||
var c = index%cols;
|
||
var r = Math.floor(index/cols);
|
||
if(index>=lowerSpriteIndex){
|
||
c += cols;
|
||
r -= rows;
|
||
}
|
||
var tileIndex = r*tilesetCols+c;
|
||
|
||
// name += 'tile:'+bitmapIndex+':'+tileIndex;
|
||
name +='tile:'+bitmapName+':'+tileIndex;
|
||
}
|
||
return name;
|
||
};
|
||
TilePicker.prototype.categoryType = function(){
|
||
return this._categoryIndex;
|
||
};
|
||
|
||
TilePicker.prototype.maxCategories = function(){
|
||
return this._bitmaps ? this._bitmaps.length : 1;
|
||
};
|
||
TilePicker.prototype.isCategoryValid = function(index){
|
||
var bitmap = this._bitmaps[index];
|
||
if(!bitmap)return false;
|
||
return bitmap.width>=48 && bitmap.height>=48;
|
||
};
|
||
|
||
|
||
|
||
/* originalSetting
|
||
===================================*/
|
||
TilePicker.prototype.tileSize = function(){
|
||
return 48;
|
||
};
|
||
TilePicker.prototype.tileScale = function(){
|
||
return TilePicker.TILE_SCALE;
|
||
};
|
||
|
||
/* refresh
|
||
===================================*/
|
||
TilePicker.prototype.setListType = function(type){
|
||
ImagePickerBase.prototype.setListType.call(this,type);
|
||
var tileSize = this.tileSize();
|
||
|
||
var bitmap = this.bitmap();
|
||
var width = bitmap.width;
|
||
var height = bitmap.height;
|
||
var imageCols = Math.floor(width/tileSize);
|
||
var imageRows = Math.floor(height/tileSize);
|
||
|
||
this._imageCols = imageCols;
|
||
this._imageRows = imageRows;
|
||
|
||
var maxCol = this.maxColumns();
|
||
var validCols = Math.ceil(imageCols/maxCol)*maxCol;
|
||
|
||
this._maxItems = validCols*imageRows;
|
||
};
|
||
TilePicker.prototype.refreshItems = function(){
|
||
var tileSize = this.tileSize();
|
||
|
||
var bitmap = this.bitmap();
|
||
var width = bitmap.width;
|
||
var height = bitmap.height;
|
||
var imageCols = Math.floor(width/tileSize);
|
||
var imageRows = Math.floor(height/tileSize);
|
||
var maxCol = this.maxColumns();
|
||
var margin = PickerBase.LAYOUT.marginTopBottom;
|
||
|
||
var sprite = this._upperSprite;
|
||
sprite.bitmap = bitmap;
|
||
sprite._frame.width = maxCol*tileSize;
|
||
sprite._refresh();
|
||
sprite.x = margin;
|
||
sprite.y = margin;
|
||
|
||
sprite = this._lowerSprite
|
||
sprite.visible = imageCols>maxCol
|
||
if(sprite.visible){
|
||
sprite.bitmap = bitmap;
|
||
sprite._frame.x = maxCol*tileSize;
|
||
sprite._refresh();
|
||
sprite.x = margin;
|
||
sprite.y = margin+height*this.tileScale();
|
||
}
|
||
};
|
||
|
||
TilePicker.prototype.bitmap = function(){
|
||
return this._bitmaps[this._categoryIndex];
|
||
};
|
||
|
||
|
||
/* start picking
|
||
===================================*/
|
||
TilePicker.prototype.startPicking = function(owner,imagestr){
|
||
var tileIndexes = [];
|
||
if(imagestr){
|
||
var images = imagestr.split(',');
|
||
|
||
var tilesetIndex = -1;
|
||
var length = images.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var image = images[i];
|
||
var setIndex = -1;
|
||
if(image.indexOf('tile:')===0){
|
||
var elems = image.split(':');
|
||
setIndex = Number(elems[1]);
|
||
if(tilesetIndex<0){
|
||
tilesetIndex = setIndex;
|
||
}else if(tilesetIndex!==setIndex){
|
||
continue;
|
||
}
|
||
var tileIndex = Number(elems[2]);
|
||
tileIndexes.push(tileIndex)
|
||
}
|
||
}
|
||
this._categoryIndex = tilesetIndex;
|
||
};
|
||
if(this._categoryIndex<0){
|
||
this._categoryIndex = this._bitmaps.length>=6 ? 5 : 0;
|
||
}
|
||
|
||
ImagePickerBase.prototype.startPicking.call(this,owner);
|
||
|
||
var rows = this._imageRows;
|
||
var cols = this.maxColumns();
|
||
var tilesetCols = ParticleEmitter.TILESET_COLUMNS;
|
||
var lowerSpriteIndex = cols*rows;
|
||
var length = tileIndexes.length;
|
||
|
||
var severalMode = length>=2;
|
||
this.setSeveralMode(severalMode);
|
||
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var tileIndex = tileIndexes[i];
|
||
|
||
var col,row;
|
||
var col = tileIndex%tilesetCols;
|
||
var row = Math.floor(tileIndex/tilesetCols);
|
||
if(col >= cols){
|
||
row += rows;
|
||
col -= cols;
|
||
}
|
||
var index = row*cols + col;
|
||
this.setSelectingIndex(index);
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// AnimationPicker
|
||
//=============================================================================
|
||
function AnimationPicker(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
|
||
AnimationPicker.MAX_COL = 5;
|
||
AnimationPicker.IMAGE_SCALE = 1/3;
|
||
|
||
AnimationPicker.prototype = Object.create(ImagePickerBase.prototype);
|
||
AnimationPicker.prototype.constructor = ImagePicker;
|
||
AnimationPicker.prototype.initialize = function(){
|
||
ImagePickerBase.prototype.initialize.call(this);
|
||
|
||
this._imageNames = parameters.animationNames;
|
||
this._monoTone = false;
|
||
|
||
this._maxItems = 0;
|
||
this._imageSize = this.imageSize();
|
||
this._imageRows = 0;
|
||
this._imageCols = 0;
|
||
|
||
this._bitmap = null;
|
||
|
||
var scale = this.imageScale();
|
||
var sprite = new Sprite();
|
||
this._imageSprite = sprite;
|
||
this.addChild(sprite);
|
||
sprite.scale.set(scale,scale);
|
||
};
|
||
|
||
/* overwrite setting
|
||
===================================*/
|
||
AnimationPicker.prototype.maxItems = function(){
|
||
return this._maxItems;
|
||
};
|
||
AnimationPicker.prototype.maxColumns = function(){
|
||
return AnimationPicker.MAX_COL;
|
||
};
|
||
AnimationPicker.prototype.itemHeight = function(){
|
||
return this.imageSize()*this.imageScale();
|
||
};
|
||
AnimationPicker.prototype.itemWidth = function(){
|
||
return this.imageSize()*this.imageScale();
|
||
};
|
||
AnimationPicker.prototype.itemMarginX = function(){
|
||
return 0;
|
||
};
|
||
AnimationPicker.prototype.itemMarginY = function(){
|
||
return 0;
|
||
};
|
||
AnimationPicker.prototype.guideTexts = function(){
|
||
return [
|
||
'１つのアニメーション画像のみから選択可',
|
||
'↑↓キー、マウスホイールでスクロール',
|
||
'←→キー、画像切り替え',
|
||
'キーボードで頭1文字をサーチ可能',
|
||
'決定キー、リスト外クリックで選択終了',
|
||
'長押しクリックで複数<=>単体選択切り替え',
|
||
'Shiftでモノトーン切り替え',
|
||
'(モノトーンはピッカー終了時に反映)'
|
||
];
|
||
};
|
||
AnimationPicker.prototype.imageName = function(){
|
||
var imageName = this._imageNames[this._categoryIndex];
|
||
var name = ''
|
||
|
||
var indexes = this._selectingIndexes;
|
||
var length = indexes.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
if(i>0){
|
||
name += ',';
|
||
}
|
||
var index = indexes[i];
|
||
name +='ANIM:'+imageName+':'+index;
|
||
if(this._monoTone){
|
||
name += ':M';
|
||
}
|
||
}
|
||
return name;
|
||
};
|
||
AnimationPicker.prototype.headerText = function(){
|
||
var imageName = this._imageNames[this._categoryIndex];
|
||
var text = '【'+imageName+'】('+(this._categoryIndex+1)+'/'+this._imageNames.length+')';
|
||
return text;
|
||
};
|
||
AnimationPicker.prototype.categoryType = function(){
|
||
return this._categoryIndex;
|
||
};
|
||
AnimationPicker.prototype.maxCategories = function(){
|
||
return this._imageNames ? this._imageNames.length : 1;
|
||
};
|
||
AnimationPicker.prototype.isCategoryValid = function(index){
|
||
return !!this._imageNames[index];
|
||
};
|
||
|
||
|
||
/* originalSetting
|
||
===================================*/
|
||
AnimationPicker.prototype.imageSize = function(){
|
||
return 192;
|
||
};
|
||
AnimationPicker.prototype.imageScale = function(){
|
||
return AnimationPicker.IMAGE_SCALE;
|
||
};
|
||
|
||
/* refresh
|
||
===================================*/
|
||
AnimationPicker.prototype.setListType = function(type){
|
||
ImagePickerBase.prototype.setListType.call(this,type);
|
||
|
||
this._imageCols = 0;
|
||
this._imageRows = 0;
|
||
this._maxItems = 0;
|
||
|
||
var bitmap = this.bitmap();
|
||
this._bitmap = bitmap;
|
||
bitmap.addLoadListener(AnimationPicker.prototype._setListType.bind(this));
|
||
};
|
||
AnimationPicker.prototype._setListType = function(bitmap){
|
||
if(this._bitmap !== bitmap)return;
|
||
|
||
var imageSize = this.imageSize();
|
||
var width = bitmap.width;
|
||
var height = bitmap.height;
|
||
var imageCols = Math.floor(width/imageSize);
|
||
var imageRows = Math.floor(height/imageSize);
|
||
this._imageCols = imageCols;
|
||
this._imageRows = imageRows;
|
||
|
||
var maxCol = this.maxColumns();
|
||
var validCols = Math.ceil(imageCols/maxCol)*maxCol;
|
||
this._maxItems = validCols*imageRows;
|
||
|
||
this._refresh();
|
||
};
|
||
|
||
AnimationPicker.prototype.refreshItems = function(){
|
||
var imageSize = this.imageSize();
|
||
|
||
var bitmap = this.bitmap();
|
||
var width = bitmap.width;
|
||
var height = bitmap.height;
|
||
var imageCols = Math.floor(width/imageSize);
|
||
var imageRows = Math.floor(height/imageSize);
|
||
var maxCol = this.maxColumns();
|
||
var margin = PickerBase.LAYOUT.marginTopBottom;
|
||
|
||
var sprite = this._imageSprite;
|
||
sprite.bitmap = bitmap;
|
||
sprite._frame.width = maxCol*imageSize;
|
||
sprite._refresh();
|
||
sprite.x = margin;
|
||
sprite.y = margin;
|
||
};
|
||
|
||
AnimationPicker.prototype.bitmap = function(){
|
||
var imageName = this._imageNames[this._categoryIndex];
|
||
return ImageManager.loadAnimation(imageName);
|
||
};
|
||
|
||
|
||
/* start picking
|
||
===================================*/
|
||
AnimationPicker.prototype.startPicking = function(owner,imagestr){
|
||
var frames = [];
|
||
if(imagestr){
|
||
var images = imagestr.split(',');
|
||
|
||
var length = images.length;
|
||
var index = -1;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var image = images[i];
|
||
if(image.indexOf('ANIM:')===0){
|
||
var elems = image.split(':');
|
||
var animImage = elems[1];
|
||
if(index<0){
|
||
index = this._imageNames.indexOf(animImage);
|
||
}
|
||
var frame = Number(elems[2]);
|
||
frames.push(frame)
|
||
}
|
||
}
|
||
this._categoryIndex = index;
|
||
};
|
||
if(this._categoryIndex<0){
|
||
this._categoryIndex = 0;
|
||
}
|
||
|
||
ImagePickerBase.prototype.startPicking.call(this,owner);
|
||
|
||
var rows = this._imageRows;
|
||
var cols = this.maxColumns();
|
||
var length = frames.length;
|
||
|
||
var severalMode = length>=2;
|
||
this.setSeveralMode(severalMode);
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var frame = frames[i];
|
||
|
||
var col,row;
|
||
var col = frame%cols;
|
||
var row = Math.floor(frame/cols);
|
||
if(col >= cols){
|
||
row += rows;
|
||
col -= cols;
|
||
}
|
||
var index = row*cols + col;
|
||
this.setSelectingIndex(index);
|
||
}
|
||
};
|
||
|
||
/* search
|
||
===================================*/
|
||
AnimationPicker.prototype.search = function(chara){
|
||
var imageNames = this._imageNames;
|
||
var length = imageNames.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var image = imageNames[i];
|
||
if(image[0].toLowerCase()===chara){
|
||
SoundManager.playCursor();
|
||
if(this._categoryIndex===i){
|
||
this._headerSprite.opacity = 255;
|
||
this._headerSprite.visible = true;
|
||
}else{
|
||
this._categoryIndex = i;
|
||
this._topRow = 0;
|
||
this.refreshCategory();
|
||
}
|
||
return;
|
||
}
|
||
}
|
||
};
|
||
|
||
/* MonoTone
|
||
===================================*/
|
||
AnimationPicker.prototype.update = function(){
|
||
PickerBase.prototype.update.call(this);
|
||
if(Input.isTriggered('shift')){
|
||
this.changeMonoTone();
|
||
}
|
||
};
|
||
AnimationPicker.prototype.changeMonoTone = function(){
|
||
if(PIXI.filters.ColorMatrixFilter){
|
||
this._monoTone = !this._monoTone;
|
||
SoundManager.playCursor();
|
||
if(this._monoTone){
|
||
var filter = new PIXI.filters.ColorMatrixFilter();
|
||
filter.saturate(-1);
|
||
this._imageSprite.filters = [filter];
|
||
}else{
|
||
this._imageSprite.filters = null;
|
||
}
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
/* write image
|
||
===================================*/
|
||
AnimationPicker.prototype.end = function(){
|
||
var indexes = this._selectingIndexes;
|
||
var imageName = this.imageName();
|
||
if(indexes.length>0){
|
||
this.writeImageFiles(indexes);
|
||
this.registerAnimationImageNames(imageName);
|
||
}
|
||
var owner = this._owner;
|
||
PickerBase.prototype.end.call(this);
|
||
|
||
if(owner && indexes.length>0){
|
||
owner.forceChangeImage(imageName);
|
||
owner.writeHelpFile();
|
||
}
|
||
};
|
||
AnimationPicker.prototype.registerAnimationImageNames = function(imageName){
|
||
var params = PluginManager._parameters.trp_particlelist;
|
||
if(!params){
|
||
params = PluginManager._parameters.trp_particlelist = {};
|
||
}
|
||
var animImages = params.animImages;
|
||
if(!animImages){
|
||
animImages = params.animImages = [];
|
||
}
|
||
var imageNames = imageName.split(',');
|
||
var length = imageNames.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var image = imageNames[i];
|
||
if(!animImages.contains(image)){
|
||
animImages.push(image);
|
||
}
|
||
}
|
||
};
|
||
AnimationPicker.prototype.writeImageFiles = function(indexes){
|
||
var bitmap = this.bitmap();
|
||
|
||
var length = indexes.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var index = indexes[i];
|
||
this.writeImageFile(bitmap,index);
|
||
}
|
||
};
|
||
AnimationPicker.prototype.writeImageFile = function(bitmap,index){
|
||
var size = this.imageSize();
|
||
var cols = this._imageCols;
|
||
var col = index%cols;
|
||
var row = Math.floor(index/cols);
|
||
|
||
var x = col*size;
|
||
var y = row*size;
|
||
|
||
var sprite = new Sprite(this._imageSprite.bitmap);
|
||
sprite.setFrame(x,y,size,size);
|
||
sprite.filters = this._imageSprite.filters;
|
||
|
||
var renderTexture = PIXI.RenderTexture.create(size,size);
|
||
Graphics._renderer.render(sprite, renderTexture);
|
||
sprite.worldTransform.identity();
|
||
var canvas;
|
||
if (Graphics.isWebGL()) {
|
||
canvas = Graphics._renderer.extract.canvas(renderTexture);
|
||
} else {
|
||
canvas = renderTexture.baseTexture._canvasRenderTarget.canvas;
|
||
}
|
||
|
||
var imageName = this._imageNames[this._categoryIndex];
|
||
imageName += '_'+index;
|
||
if(this._monoTone){
|
||
imageName+='_M';
|
||
}
|
||
var name = '_ANIM_'+imageName+'.png';
|
||
|
||
var fs = require('fs');
|
||
var path = require('path');
|
||
var base = ParticleEditor.IMAGE_PATH;
|
||
var filePath = path.join(base,name);
|
||
var urlData = canvas.toDataURL('image/png')
|
||
|
||
var regex = (/^data:image\/png;base64,/);
|
||
var base64Data = urlData.replace(regex, "");
|
||
fs.writeFileSync(filePath, base64Data, 'base64');
|
||
|
||
renderTexture.destroy({ destroyBase: true });
|
||
};
|
||
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// PresetPicker
|
||
//=============================================================================
|
||
function PresetPicker(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
|
||
PresetPicker.MARGIN = 5;
|
||
PresetPicker.ROW_HEIGHT = 20;
|
||
PresetPicker.COL_WIDTH = 300;
|
||
PresetPicker.MAX_COL = 1;
|
||
|
||
|
||
var TARGET_TYPES = ParticleEmitter.TARGET_TYPES;
|
||
PresetPicker.TARGET_NAMES = [];
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.character] = 'character';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.walk] = 'walk';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.startdash] = 'startdash';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.attach] = 'character';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.tilemap] = 'tilemap';
|
||
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.screen] = 'screen';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.weather] = 'weather';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.region] = 'region';
|
||
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.party] = 'party';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.enemy] = 'enemy';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.battle] = 'battle';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.battleWeather] = 'bWeather';
|
||
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.click] = 'click';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.drag] = 'drag';
|
||
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.picture] = 'picture';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.battlePicture] = 'picture';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.skit] = 'skit';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.battleSkit] = 'skit';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.attachParty] = 'party';
|
||
PresetPicker.TARGET_NAMES[TARGET_TYPES.attachEnemy] = 'enemy';
|
||
|
||
|
||
|
||
PresetPicker.CATEGORIES = [['character','walk','tilemap','startdash'],['screen','weather','region'],['click','drag']];
|
||
PresetPicker.CATEGORY_NAMES = ['キャラ対象','スクリーン/天候/リージョン','マウス/タップ'];
|
||
|
||
PresetPicker.prototype = Object.create(PickerBase.prototype);
|
||
PresetPicker.prototype.constructor = ImagePicker;
|
||
PresetPicker.prototype.initialize = function(){
|
||
PickerBase.prototype.initialize.call(this);
|
||
|
||
this._list = [];
|
||
this._names = [];
|
||
this._contentsSprite = null;
|
||
this._allData = null;
|
||
this._allNames = null;
|
||
|
||
this.createAllData();
|
||
this.createContentsSprite();
|
||
};
|
||
|
||
PresetPicker.prototype.createContentsSprite = function(){
|
||
var maxNum = 0;
|
||
var allData = this.allData();
|
||
var length = allData.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var categoryData = allData[i];
|
||
maxNum = Math.max(maxNum,Object.keys(categoryData).length);
|
||
}
|
||
|
||
var width = this.itemWidth();
|
||
var height = this.itemHeight()*maxNum;
|
||
|
||
var bitmap = new Bitmap(width,height);
|
||
var sprite = new Sprite(bitmap);
|
||
this.addChild(sprite);
|
||
this._contentsSprite = sprite;
|
||
sprite.y = PickerBase.LAYOUT.marginTopBottom;
|
||
};
|
||
|
||
PresetPicker.prototype.createAllData = function(){
|
||
var allData = [];
|
||
var allNames = [];
|
||
this._allData = allData;
|
||
this._allNames = allNames;
|
||
var categoryLength = PresetPicker.CATEGORIES.length;
|
||
for(var i = 0; i<categoryLength; i=(i+1)|0){
|
||
allData.push([]);
|
||
allNames.push([]);
|
||
}
|
||
|
||
var keys = Object.keys($dataTrpParticlePreset).sort();
|
||
var length = keys.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var key = keys[i];
|
||
var data = $dataTrpParticlePreset[key];
|
||
if(Array.isArray(data)){
|
||
data = Game_Particle.decompressConfigDataFromArray(data);
|
||
}
|
||
var targetType = PresetPicker.TARGET_NAMES[data.targetType];
|
||
for(var j=0; j<categoryLength; j=(j+1)|0){
|
||
if(PresetPicker.CATEGORIES[j].contains(targetType)){
|
||
allData[j].push(data);
|
||
allNames[j].push(key);
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
};
|
||
PresetPicker.prototype.allData = function(){
|
||
return this._allData;
|
||
};
|
||
|
||
|
||
/* overwrite setting
|
||
===================================*/
|
||
PresetPicker.prototype.maxItems = function(){
|
||
return this._list.length;
|
||
};
|
||
PresetPicker.prototype.maxColumns = function(){
|
||
return PresetPicker.MAX_COL;
|
||
};
|
||
PresetPicker.prototype.itemHeight = function(){
|
||
return PresetPicker.ROW_HEIGHT;
|
||
};
|
||
PresetPicker.prototype.itemWidth = function(){
|
||
return PresetPicker.COL_WIDTH;
|
||
};
|
||
PresetPicker.prototype.itemMarginX = function(){
|
||
return PresetPicker.MARGIN;
|
||
};
|
||
PresetPicker.prototype.itemMarginY = function(){
|
||
return 0;
|
||
};
|
||
PresetPicker.prototype.guideTexts = function(){
|
||
return [
|
||
'プリセットの設定を読み込みます。',
|
||
'↑↓キー、マウスホイールでスクロール',
|
||
'←→キー、カテゴリー切り替え',
|
||
'決定キー、リスト外クリックで選択終了'
|
||
];
|
||
};
|
||
PresetPicker.prototype.headerText = function(){
|
||
return '【'+PresetPicker.CATEGORY_NAMES[this._categoryIndex]+'】';
|
||
};
|
||
PresetPicker.prototype.categoryType = function(){
|
||
return this._categoryIndex;
|
||
};
|
||
PresetPicker.prototype.maxCategories = function(){
|
||
return PresetPicker.CATEGORIES.length;
|
||
};
|
||
PresetPicker.prototype.isSeveralModeValid = function(){return false};
|
||
|
||
PresetPicker.prototype.applyData = function(){
|
||
if(!this._owner)return;
|
||
|
||
var data = this._list[this._selectingIndexes[0]];
|
||
if(!data)return;
|
||
this._owner.applyData(JsonEx.makeDeepCopy(data));
|
||
};
|
||
|
||
/* refresh
|
||
===================================*/
|
||
PresetPicker.prototype.setListType = function(type){
|
||
PickerBase.prototype.setListType.call(this,type);
|
||
|
||
this._names = this._allNames[this._categoryIndex];
|
||
this._list = this.allData()[this._categoryIndex];
|
||
};
|
||
|
||
PresetPicker.prototype.refreshItems = function(){
|
||
var width = this.itemWidth();
|
||
var lineHeight = this.itemHeight();
|
||
var list = this._list;
|
||
var length = list.length;
|
||
var height = lineHeight * length;
|
||
|
||
var bitmap = this._contentsSprite.bitmap;
|
||
bitmap.clear();
|
||
|
||
var margin = 5;
|
||
var names = this._names;
|
||
var length = list.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var data = list[i];
|
||
var name = names[i];
|
||
var x = margin;
|
||
var y = i*lineHeight;
|
||
|
||
var elemWidth = 100;
|
||
bitmap.fontSize = lineHeight-3;
|
||
bitmap.drawText(name,x,y,elemWidth,lineHeight);
|
||
x += elemWidth + margin;
|
||
|
||
var text = data.comment;
|
||
if(!text){
|
||
text = PresetPicker.TARGET_NAMES[data.targetType]||null;
|
||
if(text){
|
||
text = '対象:'+text;
|
||
}
|
||
}
|
||
if(text){
|
||
bitmap.drawText(text,x,y,width-x,lineHeight);
|
||
}
|
||
}
|
||
};
|
||
|
||
/* start picking
|
||
===================================*/
|
||
PresetPicker.prototype.startPicking = function(owner,targetType){
|
||
this._categoryIndex = 0;
|
||
|
||
this.deselectAll();
|
||
PickerBase.prototype.startPicking.call(this,owner);
|
||
};
|
||
|
||
/* search
|
||
===================================*/
|
||
PresetPicker.prototype.search = function(chara){
|
||
var names = this._names;
|
||
var length = names.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var name = names[i];
|
||
if(name[0] === chara){
|
||
this.setTopIndex(i);
|
||
return;
|
||
}
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
//=============================================================================
|
||
// LoadPicker
|
||
//=============================================================================
|
||
function LoadPicker(){
|
||
this.initialize.apply(this, arguments);
|
||
};
|
||
LoadPicker.prototype = Object.create(PresetPicker.prototype);
|
||
LoadPicker.prototype.constructor = ImagePicker;
|
||
LoadPicker.prototype.initialize = function(){
|
||
PresetPicker.prototype.initialize.call(this);
|
||
};
|
||
|
||
LoadPicker.prototype.refreshItems = function(){
|
||
var width = this.itemWidth();
|
||
var lineHeight = this.itemHeight();
|
||
var list = this._list;
|
||
var length = list.length;
|
||
var height = lineHeight * length;
|
||
|
||
var bitmap = this._contentsSprite.bitmap;
|
||
bitmap.clear();
|
||
|
||
var margin = 5;
|
||
var names = this._names;
|
||
var length = list.length;
|
||
var today = new Date();
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var data = list[i];
|
||
var name = names[i];
|
||
var x = margin;
|
||
var y = i*lineHeight;
|
||
|
||
var elemWidth = 100;
|
||
bitmap.fontSize = lineHeight-3;
|
||
bitmap.drawText(name,x,y,elemWidth,lineHeight);
|
||
x += elemWidth + margin;
|
||
|
||
elemWidth = 90;
|
||
var text = PresetPicker.TARGET_NAMES[data.targetType]||null;
|
||
if(text){
|
||
text = '対象:'+text
|
||
bitmap.drawText(text,x,y,elemWidth,lineHeight)
|
||
}
|
||
x += elemWidth + margin;
|
||
|
||
elemWidth = 90;
|
||
bitmap.fontSize -= 2;
|
||
|
||
var comment = data.comment;
|
||
var text;
|
||
if(!comment){
|
||
text = '---';
|
||
}else if(isNaN(comment)){
|
||
text = '-'+comment+'-';
|
||
}else{
|
||
var dateNum = Number(comment);
|
||
var day = dateNum%100;
|
||
var month = Math.floor(dateNum/100)%100;
|
||
var year = 2000+Math.floor(dateNum/10000)%100;
|
||
var date = new Date(year,month-1,day);
|
||
var diff = today - date;
|
||
var diffDate = Math.floor(diff/(1000*60*60*24));
|
||
text = '-'+month+'/'+day;
|
||
if(diffDate===0)text += '(今日)-';
|
||
else if(diffDate===1)text += '(昨日)-';
|
||
else text += '('+diffDate+'日前)-';
|
||
}
|
||
text = text;
|
||
bitmap.drawText(text,x,y,elemWidth,lineHeight)
|
||
}
|
||
};
|
||
|
||
|
||
|
||
/* overwrite setting
|
||
===================================*/
|
||
LoadPicker.prototype.guideTexts = function(){
|
||
return [
|
||
'保存データ設定をコピーします。',
|
||
'矢印キー、マウスホイールでスクロール',
|
||
'決定キー、リスト外クリックで選択終了',
|
||
'対象は編集時に設定していた対象(参考用)。',
|
||
'deleteキー(macはfn+delete)でデータ削除',
|
||
'（データ削除は保存を行った時点で確定します）',
|
||
];
|
||
};
|
||
LoadPicker.prototype.headerText = function(){
|
||
return '【作成データ】';
|
||
};
|
||
LoadPicker.prototype.allData = function(){
|
||
return [$dataTrpParticles];
|
||
};
|
||
LoadPicker.prototype.categoryType = function(){
|
||
return 1;
|
||
};
|
||
LoadPicker.prototype.maxCategories = function(){
|
||
return 1;
|
||
};
|
||
|
||
/* delete
|
||
===================================*/
|
||
LoadPicker.prototype.onKeyDown = function(keyCode,event){
|
||
PresetPicker.prototype.onKeyDown.call(this,keyCode,event);
|
||
if(keyCode === KEY_CODE.delete){
|
||
this.processDelete();
|
||
}
|
||
};
|
||
LoadPicker.prototype.processDelete = function(){
|
||
if(this._selectingIndexes.length===0)return;
|
||
var index = this._selectingIndexes[0];
|
||
var key = this._names[index];
|
||
delete $dataTrpParticles[key];
|
||
|
||
this._names.splice(index,1);
|
||
this._list.splice(index,1);
|
||
this.refreshItems();
|
||
|
||
this.deselectAll();
|
||
};
|
||
|
||
/* refresh
|
||
===================================*/
|
||
LoadPicker.prototype.setListType = function(type){
|
||
PickerBase.prototype.setListType.call(this,type);
|
||
|
||
var keys = Object.keys($dataTrpParticles).sort();
|
||
var length = keys.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
var key = keys[i];
|
||
this._names.push(key);
|
||
this._list.push($dataTrpParticles[key]);
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
/* for debug
|
||
===================================*/
|
||
ParticleEditor.writePresetHelp = function(){
|
||
var database = $dataTrpParticlePreset;
|
||
var keys = Object.keys(database);
|
||
keys.sort();
|
||
|
||
var length = keys.length;
|
||
var file = '/*'+':\n * @help\n';
|
||
var images = [];
|
||
var INDEXES = Game_Particle.CONFIG_PARAM_INDEXES.all;
|
||
var imageIdx = INDEXES.indexOf('image');
|
||
var targetIdx = INDEXES.indexOf('targetType');
|
||
var commentIdx = INDEXES.indexOf('comment');
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
if(i>0){
|
||
file += '\n';
|
||
}
|
||
file += ' * ';
|
||
var key = keys[i];
|
||
var data = database[key];
|
||
|
||
var imageStr,targetType,comment;
|
||
if(Array.isArray(data)){
|
||
imageStr = data[imageIdx];
|
||
targetType = data[targetIdx];
|
||
comment = data[commentIdx];
|
||
}else{
|
||
imageStr = data.image;
|
||
targetType = data.targetType;
|
||
comment = data.comment;
|
||
}
|
||
if(imageStr){
|
||
imageStr.split(',').forEach(function(image){
|
||
if(image.indexOf('tile:')===0)return;
|
||
if(!images.contains(image)){
|
||
images.push(image);
|
||
}
|
||
});
|
||
}
|
||
|
||
file += key + ' <対象:';
|
||
file += PresetPicker.TARGET_NAMES[targetType]||'---';
|
||
file += '> ＠';
|
||
var date = comment;
|
||
if(!date){
|
||
file += '---';
|
||
}else if(isNaN(date)){
|
||
file += comment;
|
||
}else{
|
||
var day = date%100;
|
||
var month = Math.floor(date/100)%100;
|
||
var year = Math.floor(date/10000)%100;
|
||
file += '20'+year+'/'+month+'/'+day;
|
||
}
|
||
}
|
||
file += '\n *';
|
||
|
||
var length = images.length;
|
||
for(var i = 0; i<length; i=(i+1)|0){
|
||
file += '\n * @requiredAssets img/particles/'+images[i];
|
||
}
|
||
|
||
file += '\n */';
|
||
|
||
console.log(file);
|
||
};
|
||
|
||
})(); |