質問が多いので個別のページにしました。
メニュー画面
- メニュー画面とは
- メニュー画面からスキップの項目ボタンを削除。
- メニューにバックログを追加する
- メニュー画面にボタンを更に追加する
詳細をみる
roleのmenuボタンを押して表示される画面、あるいは歯車のメニューボタンを押して表示される画面を指す。
機能追加にはmenu.htmlを編集する、デザインはcssを弄る。
そのため、先に基本的なhtmlの記述方法を知っておくと良い。
以下ファイルの1行を、まるごと削除ください。
■tyrano/html/menu.html
<div class="menu_item menu_skip"><img src="tyrano/images/kag/menu_button_skip.gif" /></div>
詳細をみる
1. tyrano > html > menu.html
ひとまずロードボタンの下にこれを追加します。
ログ関連の何かだと分かるものにする。ここではmenu_logとします。
あとボタン画像はtyrano > images > kagフォルダに設置。
<div class="menu_item menu_log"><img src="tyrano/images/kag/menu_button_log.png" /></div>
2. tyrano > plugins > kag > kag.menu.js
まずこの辺りをページ内検索で探し出す。
layer_menu.find(".menu_save").click(function(e){that.displaySave()});
layer_menu.find(".menu_load").click(function(e){that.displayLoad()});
とりあえず.menu_load行の後ろにこれを追加。
太字のところにはmenu.htmlで決めたclass名を。
layer_menu.find(".menu_log").click(function(e){that.displayLog()});
これでメニュー画面にバックログボタンが表示されて、クリックすると
バックログ
画面が開く。
メニュー画面にボタンを追加する
ボタンを追加して任意のシナリオを呼び出します。
呼び出し方法はjumpの他にcall、sleepgameなどが可能です。
シナリオをcallで呼び出す
...
<div class="menu_item menu_call"><img src="tyrano/images/kag/menu_button_call.gif" /></div>
【tyrano/plugins/kag/kag.menu.js】
layer_menu.find(".menu_load").click(function(e){if(button_clicked==true)return;button_clicked=true;that.displayLoad();e.stopPropagation()});
の下に
layer_menu.find(".menu_call").click(function(e) {
layer_menu.hide();
tyrano.plugin.kag.ftag.startTag("call", {storage:"scene1.ks", target:"start"});
});
単純にmenu.htmlの</script>直前に
$(".menu_call").click(function(e) {
$(".layer_menu").hide();
tyrano.plugin.kag.ftag.startTag("call", {storage:"scene1.ks", target:"start"});
});
で可能ですし、他に響かないので安心かと。
意味
$(".menu_call").click→<div class='menu_call' ><をclickしたとき
layer_menuを消して
tyrano.plugin.kag.ftag.startTag("call～→ callして。
スリープゲームをしてシナリオを呼び出す
メニューにコンフィグ.ksを呼び出す スリープゲーム詳細をみる
704 2018/04/16 (Mon) 11:29:20
data/othersにmyscript.jsを作成します。
【first.ksなど】
;myscript.jsを読み込みます。
[loadjs storage="myscript.js]
【myscript.js】
var myobj = {
config: function(){
if (tyrano.plugin.kag.tmp.sleep_game != null) {
return false;
}
tyrano.plugin.kag.ftag.startTag("sleepgame", {storage:"config.ks"});
$('.layer.layer_menu').css({'display':'none'});
},
};
【menu.html】
<div class="menu_item">
<a href="javascript:void(0)" onclick="myobj.config();"><img class="menu_config" src="画像のパス" /></a>
</div>
旧版
現在は不可？旧版？ 詳細をみる
①｢menu.html｣の｢<div class="menu_item…｣というタグが複数並んでいる辺り(</div>の後ろ)に、以下のタグを追加してください。
※挿入する行によって、callのできるボタンの位置が変わります。また、ボタン用画像のファイル名は｢menu_button_call.gif｣です。
<div class="menu_item menu_call"><img src="tyrano/images/kag/menu_button_call.gif" /></div>
②｢tyrano/plugins/kag｣フォルダ内の｢kag.menu.js｣をテキストエディタで開き、
一番最初に｢layer_menu.show();｣という文字列がある直前の行に、以下の文を追加してください。
layer_menu.find(".menu_call").click(function(e) {
layer_menu.hide();
tyrano.plugin.kag.ftag.startTag("call", {storage:"任意のksファイル", target:"任意のラベル"});
});
