花楼夢-karoumu-MENUGameMaterialBlogLinkティラノスクリプト備忘録3[HTML]タグ2020年04月03日Tyrano[html][endhtml]タグを使うことで、HTMLで画面を作れる。CSSで見た目を作れるからかなり融通が利きそう。bodyタグは不要、divで包括するとよさそう?ゲーム画面がそもそもHTMLだから、全体としてのbodyタグはすでに存在している。デバッグ画面でみると、HTML部分はdivタグの中に記載されているみたい。わからないけど、とりあえず、[html]タグの中では、クラス指定したdivで入れたいコードを包括して、tyrano.cssで、包括したdivのクラスのスタイルシートを設定していけば、思った通りの見た目になる。src=”tyrano/images/system/***.png>のように、最初のフォルダから指定すると表示される。バックログ画面2020年04月01日Tyranotyranoフォルダ>html>backlog.htmlを編集する。クローズボタン位置html内のdiv.menu_itemでスタイル設定をしてあるので編集する。img.menu_closeはJavaScript用のクラスのよう。tyrano.cssに.menu_itemの設定があるけど、それを触ると他の部分で影響があるかもしれないので、backlog.htmlに入れ込んだ方が良さそう。して、任意の位置に指定する。tyrano.cssでmargin設定されているから、margin:0;にしないと位置がずれるので注意。オンマウスの画像設定imgタグ内に下記挿入。onmouseover=”this.src=’tyrano/images/system/オンマウス用画像'”onmouseout=”this.src=’tyrano/images/system/ボタン画像'”文章表示部分div.log_bodyのスタイルを編集可能。html内に書くのはわかりにくいので、divタグの中のスタイルは消して、tyrano.cssの最下部にでも別途追記する。名前と台詞の表示調整tyrano>plugins/kag/kag.tag.jsを編集する。backlog_chara_nameで検索すると、表示の記載の仕方を設定した箇所があるので編集する。個人的に「:」の部分を<br>にするだけでわりと満足ですが、.backlog_chara_nameで名前部分、.backlog_textでテキスト部分のCSS編集ができるので、tyrano.cssに追記して少し装飾すると良いかも。「:」を改行にすると、セーブスロットで名前とテキストがくっつくので、&nbsp;で空白をいれておくのを忘れずに。・・・いや、思っているのですが、今のところ何も手付かずの状態です。こんなん作ろう、と考えているものはあるのですが、なかなか腰が重すぎて。ティラノスタジオは触ってみたいなあ、と思っていたので、桜の時期が来たのもあり、「徒桜ノ恋」をちょっと手直ししてみています。久しぶりに触ると、いちいち忘れていることがあるので、次回作を作るときのために、備忘録を残しておくことにしました。いっても、プラグインとか小技を公開してくださっている方々へのリンク集みたいになりそうですが。完全に自分用メモです。クリック待ちをPNG形式にしてアニメーションにするクリック待ちグリフは日野谷さんのブログを参照。好きな画像でCSSで簡単にアニメーションできて、とても良い。コメントありがとうございます!*****クリック待ち画像(デフォルトでは文章の最後でぴょんぴょんしている水色のGIF画像)を透過PNGにしてCSSでアニメーションさせてみます。本体部分を書き換えているので、バージョンアップに対応する際はご注意ください。「nextpage.gif」と同じフォルダです。