TIPプラグイン

「街」とか「428」とかのTIPみたいなプラグイン。
メッセージレイヤのテキストをクリックして別窓を開きます。

2016/8/17追記
[link]タグ改造版を作成しました。WEB掲載の場合は改造版の方が良いです。
一応 macro 版の v1.02 も残しておきます。

plugin_tip

使い方

最初に、tip.ksを読み込んでください。
[call storage=”tip/tip.ks”]

クリックさせたい言葉を[link][endlink]で囲みます。
例:[link tip=”hoge” color=”0xff9999″]ほげ[endlink]

TIPタグ内には、[ruby]のみ入れられます。
TIP画面のデザインは、data/others/tip フォルダ内のtip.cssにて変更可能です。

<パラメーター>
 tip   : TIP呼び出しキー(必須)※key → tip へ変更しています。
 color  : fontカラーを指定します。例:0xff9999

<CSVデータの作り方>
 1行目の見出しは必須です。改行で1件です。
 文字コードは「UTF-8」にしてください。

※詳しくは、tip.ks か、同梱の README.md をご覧ください。

注意点

メッセージレイヤーの表示順を変更しています。設定や環境によってはうまく動作しない可能性があります。
TIP説明部分のページ送りには対応していません。

[link]としての機能はそのまま使えます。
tip パラメータを指定している時は、TIP機能が優先され、storage target パラメータは無視されます。

動作確認

ティラノスクリプトVer423
OS:Windows10
ブラウザ:Chrome・Firefox・Edge

ダウンロード

Ver・更新履歴

Ver2.00
ラグが酷いのでmacroから[linl]タグ改造へ変更。storageパラメータでの画像挿入は廃止。(2016/8/17)
Ver1.02
storageパラメータが使えなかった件修正。endtip は [resetfont] だけで良かったので修正。(2016/8/14)
Ver1.01
ksファイル以外は others フォルダへ移動。csvファイル名変更。DL場所変更。(2016/7/18)
説明部分の誤字修正。(2016/7/29)
Ver1.00
公開。(2016/4/14)

プラグイン作成についての独り言

「街」とか「428」とかのTIPみたいなプラグインを作ってみた。
のですが、[link]のCall呼び出し改造記事でも書いた通り、z-indexの仕様で、メッセージエリアをクリックできなくなってしまうので、ページ送り[button]を置いたり、[glyph]をクリック対応に改造したりしないと使いにくい・・・。
あと、TIP内容の、書き方がなんか難しいかもしれない。

どうしたら使いやすくなるんでしょうか・・・。
変数用のjsを別に作ればいいのですかな・・・。


4/17 追記
外部CSV対応でけたーー(*´▽`*)
ゲーム用の変数に入れると無駄にセーブデータ大きくなりそうだし、かといってksファイルに直接書くのは面倒くさすぎるので、CSV読み込みを検討していたのですが、・・・調べても調べてもよくわからず( ノД`)
ぐぐり過ぎて、どのサイトを参考にしのかよくわからなくなってしまった・・・。
CSVファイルとか、CSSファイルパスも変数で変更できるようにした方がいいのかしら。
出来れば、HTMLも外部ファイルにしたいかなぁ・・・。もういいか!


4/24 追記
message_inner の z-index指定を無効に
message_inner p span を z-index:999; CSSで指定
message_inner p span.tip を z-index:9999; マクロで指定
↑で、わりと簡単にリンク文字だけイベントレイヤーの上に出せたー( ̄▽ ̄)
これでようやく希望通りになったど!


6/23 追記
ご指摘を頂いてGitHub変更。ついでに説明書きをちょっとだけ丁寧に。
前回変更分を上げていませんでした(;’∀’)
あと、z-index値をイベントレイヤーより一つ多くしてみたり微調整しています。

Gitの使い方はよくわかってないので、毎回コピペです・・・・(ぇ)
historyを見ると、混乱っぷりが伺えて面白いです(自虐)※tyrano_memo *の方。*こちらは古いので使わないでください。


8/14 endtip は resetfont を macro で呼び出してるだけなので、直接 resetfont でも良いんですが、わかり難いかなと思って macro にしたらラグが出るという…。

参考サイト

そういや、「JSON」ってjsやPHP使ってると良く見るけど、今回のプラグイン作るまで何のことかわかってませんでしたwというくらいには素人です。

Pocket
LINEで送る

TIPプラグイン」への2件のフィードバック

  1. SOrowです。TIPプラグイン、マサオのお出かけクッキング1.08版(http://north.undo.jp/masao2/)にて使わせていただきました!ありがとうございます!クレジットにも「めも調様」として記載させていただきました!
    とても便利で、おかげさまで理想の表示を実現できました。csvで指定できるのでテキストの見通しも良くなり、TIPリンクの色も自由に変えられるので、メッセージの表示にそれだけで変化を出せて、画像も置けるのでちょっとした遊びも入れられました。今回TIP部分を表示する背景としてks上でtip_html部分にimgタグを入れて画像を表示させたのですが、動作自体はks上で完結しているので、そういった少しの変更もやりやすかったです。自分がノベルゲームを作る時には、この機能をいつか使いたいと憧れていたので、今回それを叶えられて本当に嬉しいです。ありがとうございました!
    cssでも表示を変更できるので、また便利だったのですが、ただもしかしたら、
    .message_inner p span.tip {z-index:9999;}
    あたりが抜けているのかな?と。最初tipタグを入れてもリンクが発生せず、「?」と思い、改めて記事を見てtip.cssにこれを足したら表示できるようになったので、もしかしたらということで、報告しておきます。
    記事に参考サイトも記載してくださっているので、勉強にもなりました。今回は本当にありがとうございました!

    • SOrow さん、こんばんは。
      わーー(汗)ご指摘ありがとうございます!!GitHub修正しました!
      「なるべく使いやすく変更しやすいように」を目標にしているので、そう言って頂けるととても嬉しいです!ありがとうございます(*’ω’*)

      はっ!ksファイルの一番下の「console.log(tips);」部分をコメントアウトするか削除してください・・・詳しくはメールさせていただきます(滝汗)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です