文字の書式(色・サイズ等)
字下げする スペースを入れる1
_(半角アンダーバー)で始まる行は、文章の前に全角空白を挿入することができます。
詳細をみる
余裕があれば、"「 " 分のスペースも入れてみましょう!
例2019/09/27 V475cで検証済
マクロでスペースを確保するには文字の表示処理も確認
余談ですが、 」には 。」句点をつけないのが一般的です。
(強制ではありません)
シナリオ内の文字の色の変化、イタリックにする、太字にする
[resetfont]タグまでの一時的な変更です。メッセージ全体の設定は[deffont]
スクリプトサンプルをみる
フォント属性を元に戻す
[resetfont] フォント属性を元に戻します。
文字の色・サイズを変更 (一時的な変更)
スクリプトサンプルをみる
デフォルトのスクリプトを参照して下さい。
[font size=30]
大きくなった!!!!
[l][r]
[resetfont]
「戻ったよ」
font タグは、color 色、bold太字、italicイタリック、
face一時的なwebフォントの使用ができます。(v454からは)shadow edgeが使えます。
バックログについての表示はバックログの変更へ。最低限、css jsの技術が必要です。
デフォルトにWEBフォントを指定する
独自フォントの導入
WEBフォント詳細をみる
基本的なこと やり方 |
dataファイル→othersファイルにダウンロードしたウェブフォントを入れておく。ウェブフォント名.truetype ウェブフォント名.eot など。 |
font.cssのother/以降をダウンロードしたフォントファイル名に変更 |
[deffont size=20 face=mfrules bold=true][resetfont]をセットで利用する。 |
詳細
【0】ダウンロードしたウェブフォントはothersファイルに入れる。
【1】tyranoファイルをみつけてください
【2】font.cssファイルをみつけてください v5からはtyrano/cssフォルダの中にfont.cssファイルがあります。
【3】font.cssの:url("../data/others/~以降をダウンロードしたフォントファイル名に変更してください
例1 url("../data/others/ font_1_ant-kaku.ttf") format("truetype"),
woffの拡張子なら
url("../data/others/font_1_ant-kaku.woff) format("woff"),
例2
/*ウェブフォントを使用する場合はここに定義を追加して下さい*/
@font-face{
font-family:mfrules"; src:url("../data/others/Mf_Break_The_Rules.eot?") format("eot"), url("../data/others/Mf_Break_The_Rules.woff") format("woff"), url("../data/others/font_1_ant-kaku.ttf") format("truetype"), url("../data/others/Mf_Break_The_Rules.svg#MfBreakTheRules") format("svg"); font-weight:normal;font-style:normal;}
※編集時はメモ帳ではなくMeryなどのテキストエディターで開くことをおすすめします。
※ダウンロードしたウェブフォントはothersファイルに入れてください。
【4】コメント化を除外してください
バージョンによってはfont.cssの@font-face{ から }までがコメントとして認識されています。
コメントは「/* 〜 */」で囲った〜の箇所がコメントになります。
「/* */」を削除してください。css知らないと分からないよね。
【5】スクリプトで指定してください
スクリプトでfirst.ksなどに以下を記入
[deffont size=20 face=mfrules bold=true][resetfont]
mfrulesは下記写真の赤線の部分に相当する。
バージョンによって変わっている場合があるので確認
【6】再起動して確認する
→結果変更された※V420です…
そのほかの注意事項
※ttf woff eotは最低限用意して下さい。
※全ての文字をwebフォントにする場合、url部全てにそれぞれのwebフォントファイルを設定して下さい。
※フォントのファイルによっては対応していない文字も存在します。
※ダウンロードしたウェブフォントに欲しい拡張子が無ければウェブフォント変換サイトを検索してみてください。
}
使用フォント むつき https://mandel59.github.io/mutsuki/
開発中の為、一部の文字が変換されません。 うつくし明朝の方がいいでしょう
※フリーフォントによっては、対応していない漢字が含まれていることも。検索確認して下さい。
defontって何?
※[resetfont]で始めの状態に戻るわけではない。[deffont]の場合はそれでフォントがセットされる。[deffont]&[resetfont]二個セットで使えばいいのですよ。
注釈 謝辞
使用フォント ほのかアンティーク角http://font.gloomy.jp/
余談
WEBフォントをつくる。
デフォルトのメッセージ(文字)に影や袋文字などを設定する
[deffont]と[resetfont]はセットです。cofig.tjsの内容を変更することでも設定できます。
詳細をみる
命令内容 | スクリプト例 |
デフォルトの文字サイズを指定 | [deffont size=18] [resetfont] |
文字色を文字色を 0xRRGGBB 形式で指定 | [deffont color= 00000] |
太字指定(true false) | [deffont bold=true |
イタリック体を指定 | [deffont italic=false |
文字の縁取りを指定。縁取りする文字色を 0xRRGGBB 形式で指定。noneで解除 | [deffont edge=00000] |
文字の影を指定。色を0xRRGGBB 形式で指定。noneで解除 | [deffont shadow=00000] |
このほかに face=mfrulesがある。
スクリプト一例 さまざまな属性を指定
[deffont size=18 color=0000 bold=true face=mfrules] [resetfont]
メッセージ全体に縁どり(textShadow)をつける。 改造
"[deffont]タグがありますので、そちらの利用をお勧めします。"
詳細をみる
tyrano.cssの一番下に下記を付け加える。
未確認。
.message_inner{
text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
}
↓確認済 浮いたような影がつきます。
.message_inner{
text-shadow: 2px 2px 2px black;
}
p{
text-shadow:1px 1px 0px #000, /* 上 */
- 1px 1px 0px #000, /* 右 */
1px -1px 0px #000, /* 下 */
- 1px -1px 0px #000; /* 左 */
}
文字属性なのでpでも可能です。
nameをつけたptextに対しても同様に可能です。例.name{ } この場合は指定nameにしか反映されません。
*
でも可能 一番最後に追加した例
*
{
text-shadow:
-1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;
}
glinkの場合 glinkには既に用意されているクラスがあるので追加する
太字 はこちらを追加 font-weight: bold;
iscriptで、動的に変更
778 2016/07/27 (Wed) 12:33:45
[iscript]
$(".message_inner").css("text-shadow","-1px -1px #000,1px -1px #000, -1px 1px #000,1px 1px #000");
[endscript]
文字(メッセージ)の右寄せor左寄せ。
全部「真ん中」や「右整列」という制限あり。
スクリプトサンプルをみる
[iscript]
$(".current_span").parent().css("text-align","center");
$(".current_span").parent().css("text-align","right");
[endscript]
クリア([cm]や[p]など)されるまで有効。
$(".current_span").parent().css("text-align","center");
$(".current_span").parent().css("text-align","right");
[endscript]
クリア([cm]や[p]など)されるまで有効。
メッセージレイヤー0の位置のみならそれ自体を指定しても?
提示版情報
http://tyrano.bbs.fc2.com/reply/6151304/67/ センタリング
- 最終更新:2020-12-26 01:25:31