ティラノビルダー。セーブデータ容量。セーブ保存方法。

ティラノビルダー1.70では
ゲームコンフィグからセーブの保存数を設定で手軽に変更することができます。

しかし、ブラウザゲームの場合、ローカルストレージに保存されるので
ブラウザのローカルストレージは５MBくらいでいっぱいになって
そこまで溜まっているとセーブエラー等になって新規セーブができないようです。
（上書きはできる場合はローカルストレージの用量が原因）

自分のブラウザゲームで実験したところセーブ５枠で１MBくらい使っていました
＋変数などの処理も保存されています。

なのでセーブの枠はむやみに増やしすぎない方がよさそうです。


で、詳しい方から教えてもらえるまで気が付いてなかったんですが！
セーブの用量で割食ってるのは「サムネイルの画像」らしいです
デフォルトでは画質がmiddleになっています。
これをlowにするとサムネの画質が落とせてセーブ容量減らせるみたいです。


***************************************************
※追記
以下メモ帳でやらないとダメみたいなこと書いてますが

見落としていました。

ビルダーの1.70ではゲームコンフィグから
セーブの画質を設定することができます！！
めちゃ楽です！すぐできます！！

ゲームコンフィグ→メニュー→セーブのタブです

セーブ形式は、書き出し時の設定でブラウザにすると
ウェブストレージ、アプリで書き出すとファイル形式に
自動でなっています。（確認済み

ブラウザゲームでファイル形式にしといて
ダウンロード時だけセーブできるとかはメモ帳でいじったら
できるようになるんだろうか（？＿？）こ・・こんど試してみる・・

コメントありがとうございました。スミマセン；；
******************************************************

ちなみにゲームのそう言うもろもろの設定は
マイプロジェクト/data/system/
のフォルダにあるconfig.tjsで設定できます。
メモ帳で開けるとこんな



見にくい。けど頑張って探すとあります。
（ティラノスクリプトの公式サイトで紹介されている入力補助ソフトとかつかうと見やすいかも？
（やったことない
ビルダーでコンフィングいじって上書きすると上書き保存されちゃうので
手動でいじるときは気を付けてやりましょう。

;configThumbnailQuality=middle

というやつです。サムネの画質をlow、middle、highで指定できます。
low、middleはjpg保存で、highはpng保存になるみたいです。

サムネ無しというのもできるのですが、サムネあった方がセーブ的に見やすいですよね。

;configThumbnail=true　←false　でサムネなし

ちなみにセーブ方式も変更できます。
;configSave=webstorage

デフォルトではローカルストレージ使用になっていますが

webstorage_compressにすると
圧縮保存してくれるそうです、ただしちょっとセーブ・ロードに時間がかかるらしいです。

fileにすると
セーブデータを sav ファイル保存できるようになります。ローカルストレージを使用しませんので
ブラウザゲームでは保存できません。
DL版のみになりますが、容量が多いものとかセーブ数を増やしたい場合によさそうです。
（地味にやりたかったからやり方わかって嬉しいー

ちな

;configSaveSlotNum=5

はセーブのスロット数です

上の方にあります↓ゲームのプロジェクトIDになり
データはのIDで管理されるので、同名のゲームファイルだと同じデータとして扱われます。
;projectID=hujinotansaroku

ビルダーだと自動で設定されていますが、ファイル名が長いと途中までの
名前になっているので一度確認してみるとよいです。


開発者のシケモクMKさまのGitHubで詳しく見ることができます。
https://github.com/ShikemokuMK/tyranoscript/blob/master/data/system/Config.tjs


いろいろ調べてると、知識の入り口のヒントを拾うことができるので
つなげていくのは大変ですが、つながると楽しいので
がんばって調べよう～（そして自分のメモ用に記事を書いています）
やりたいと思ったことが実現できると楽しいね＾O＾

ティラノビルダー。メッセージウィンドウサイズ。変更方法。

ティラノスクリプトを調べるとできます。

ティラノスクリプト制作テクニックwikiさまの文字表示関連

↑↑こちら詳しいです。で書かないでいたんですけど、
もしかしたらビルダー使いさんに需要有るかもなので
自分用の記録にも書くことにしました。

ティラノビルダーでサイズの違うメッセージウィンドウを複数扱う方法です。

まずビルダーでは
プロジェクト＞ゲームコンフィグで
メッセージウィンドウのサイズや位置を一括して変えられます。

AVGっぽい画面でつくっているけど場面によって
シナリオの途中で画面全体に文字を表示したいなーというときは

ティラノスクリプトを使います
灰色のやつをドラックでいれて

@layopt layer=message0 visible=true

[position layer=message0 width=960 height=180 top=470 left=0 color=black opacity=180]

と記入します。
ワイドとハイトが大きさ。トップとレフトが位置です。
カラーはblack   red   green  などなど指定できます。
opacityは透明度です０～255で指定

ちなみに

@layopt layer=message0 visible=true　（← falseで非表示）

で表示非表示を切り替えると
UIで設定したシステムボタンが表示されません。
のでボタンを使わないメッセージウィンドウを出したいときに有効です。

もとのメッセージウィンドウに戻すときは
もう一度これ↓をいれてゲームコンフィグで設定した数値と同じにしています。

[position layer=message0 width=960 height=180 top=470 left=0 color=black opacity=180]

画像を使う場合は [position の中に　frame="画像名.png" 
戻すときは　frame="none"　できるようです（まだやったことない…


※　ちなみにこの方法はシナリオ上でこのスクリプトタグを通らないと反映されないので
制作中にここからプレビューで[position layer=message0 ～いれた場所よりも下から再生すると
デフォルト設定したウィンドウサイズでプレビューされます。注意。
普通にプレイする時に、シナリオ再生上ウィンドウサイズを変更する記述を通るようになってれば大丈夫


ついでに
[cm]←改ページ(ボタン画像クリア、メッセージウィンドウクリア＋フォント変更リセット)とか
[er]←メッセージウィンドウクリア
[l] クリック待ち
[r]　改行
[p]　改ページ
サウンドノベルタイプでつくる時は覚えとくと便利。

[current layer="message0" ]

文字を表示するレイヤーを指定できます。

メッセージレイヤーはデフォルトでmessage1とmessage0が扱えるので

[position]で位置指定してmessage1でmessage0とかすると

複数のメッセージウィンドウを扱えます

[current layer="message0" ]の指示があると
message0のメッセージレイヤーに文字が表示されます。
デフォルトは０です。

****
追記

あと！！私の一度やった失敗まめ知識なんですが

バックログは#で改行認識しています。

名前ごとにセリフが読み易くなるためだと思います。
（ビルダー1.70のとき。まだ1.80では検証してませんけどたぶんそうじゃないかな？)

サウンドノベルタイプをつくる時に#で名前を無表示にしたあと
#を入れずに文を記述してたら。
バックログが一切改行無しでズララララら~ってなって読みにくう！！ってなりました。

なのであとで、
文の改行ごとに#を一段ずついれましたとさ☆
全編いっきにやるのけっこう大変だったから気を付けよう٩(・ω・ )و

ティラノビルダー。ロード中、ロード待ち画像を表示。now loading。やり方。

シナリオの切り替え時、画像が多かったり重かったりで
読み込み待ちが発生します。フリーズと間違えられてしまうことも。

でもナウローディング、（now loading）を表示する方法がわからない。
できたらいいなー。

調べてたら、イメージプリロードという言葉を使うことがわかりました。
(シナリオの読み込み直前に画像を全部読み込み終えておいて、
シナリオ中の表示をスムーズにする事です)

ティラノビルダーはシナリオファイルを作成すると
『自動で』イメージプリロードを作ってくれている機能があります。
（ビルダーからだと開いたり、見たりすることができません）

開くにはフォルダから直接

myproject/プロジェクト名/data/scenario/system

にある　_シナリオファイル名.ks

をメモ帳で開きます。



こうなってます。(シナリオで使う画像が自動で書かれてますすげえ)
[preload storage=./data/bgimage/0siro.png"  ]

というのがプリロードの指示です。

ちなみに　ファイル呼び出し場所の　.←の意味がわかってないので知りたいです...
（シナリオファイルだと使ってないんで、ファイル場所を頭から記述するときにいるのかな？？？）

で末に[return]とあります
これでシナリオファイルに戻るという指示です。

※シナリオファイルをメモ帳で開けると
(ビルダーで作った、myproject/プロジェクト名/data/scenario/にあるやつ）

一番上に
[_tb_system_call storage=system/_ep_amane.ks]

と記述されています。
callでscenario/systemフォルダにある_同一ファイル名.ksのプリロードが
記述されたファイルを呼んでいるのです。

ということでロード中の画像表示は


としてみました。
プリロードの前に

[image layer=1  storage="default/lodomati.gif" x=0 y=0 visible=true]

で画像を表示して
プリロードが終わって、[return]の前に

[freeimage layer=1]で画像を消します。

（imageについてはタグリファレンスみてね　レイヤー１の１も適当なので）

追記：
[freeimage layer=0]のあとプレビューでは大丈夫ですが
ウェブ上でLive2Dが表示されない現象に遭遇しました
ライブ２Dはlayer=0に表示されています気を付けて。

画像はgifアニメで作って(lodomati.gifのこと)

プロジェクト名/data/fgimage/default
の中に入れておきました。

ビルダーでは操作できないのでフォルダを開いて直接です。

そして、ビルダーでシナリオファイルを上書き保存すると
このシステムフォルダにある、＿シナリオファイル名.ksも上書き保存されてしまいます。
つまり最初の画像の状態になります。（ビルダーで上書きしないよう注意!!）

ということでこれをやりたいときは
シナリオが完成したあと、メモ帳で編集保存して、
上書き保存せずにプロジェクト全体の再生ボタンを押して動作テスト
あるいは書き出ししたファイルで編集してウェブにアップして動作テストしてください。


ビルダーは初心者向けにシステム構造や大事なファイルが
見えない、さわれないようになっています。
でも、少し突っ込んで何か作ろうとかやりたい演出があると
ファイル構造がわかってないと難しいですね。
（スクリプトの枠を入れてタグを直接書きこむことも可能ですが）

ファイル構造がわかってきたら、制作スキルもステップアップ～
でも毎回わからなくて調べまくったり、スクリプトタグを読んで意味考えるのに
めっちゃ時間かかってやつれる(>´ཀ`<)　楽しいけどな！！！

そしてうまくいったら＼(^o^)／雄叫ぶ。




以下余談：

超お世話になる&なってる
ティラノスクリプト 製作テクニックwikiさまと
公式タグリファレンスで

[preload]（画像ファイルの事前読み込みタグ）

を調べると

[iscript]

f.preload_images = ["data/fgimage/ファイル名.jpg","data/fgimage/ファイル名2.png","data/fgimage/ファイル名3.png","data/fgimage/ファイル名4.png"];

[endscript]

[preload storage=&f.preload_images wait=true]

 

wait=trueで読み込みが終わるまでゲームを停止するっていうのがあるので

ナウローデングつける時は
一括読み込みしなきゃいけないのかな？？？？？と
↑自分の？？？？？を解消するのに時間がかかりました。

ちなみに

[iscript]

f.preload_images = ["data/fgimage/ファイル名.jpg","data/fgimage/ファイル名2.png","data/fgimage/ファイル名3.png","data/fgimage/ファイル名4.png"];

[endscript]

でf.preload_images という変数＝画像ファイル名複数と定義していて

[preload storage=&f.preload_images wait=true]

で変数名を入れる事でプリロードタグ１つで画像ファイルを複数読み込んでいる
ということみたいです。


_ファイル名．ksのプリロードのファイルをこの書き方で書き換えて上下に
画像表示、消去を入れるというのも最初に試してみたのですが…
ビルダーで自動でできてるやつそのまま使えばよくね？？ってなって
やめました。（あとなんかミスっててうまくできなかった…；ｗ；）
あとwait=trueも入れてないです。(ブログ前半に載せた方法)
読み込み中画像が出てて、プリロードタグが終わってリターンの前に画像消すっていう
動作は同じ気がしたので…。

※この一気に読み込む書き方はシナリオファイルで行うとか
　同じ素材を複数のシナリオで何度も読み込むときに便利だと思います。

まぁ…なるべくシナリオファイルを短くして
（1つのシナリオファイルに詰め過ぎない）
毎回の読み込みを軽くするのが一番いいですね。
つまずいてる時はだいたいこういう気持ち→(´ཀ`)

ティラノビルダー。live2Dロード後表示おそい問題。

ライブ２Ｄを入れたブラウザゲームで、
ライブ２Ｄのキャラクターが居る場面をセーブして、
ロードすると、ライブ２Ｄの表示にかなり待ち時間が発生します。
キャラクターが複数いる時は１体ずつ読み込まれるので顕著です。
キャラクターが表示されていない状態でクリックや選択肢押しなどで
進めてしまうと、フリーズします；ｍ；

現在、私の技術では復帰を早くする方法がわかりません。
フリーズしてしまったプレイヤーさんも居て申し訳なく（＞＜；

ロード直後にマスク画面を設定し、操作ができない時間を作ることにしました。


ビルダーでは見えませんし、編集することができませんが
プロジェクトのフォルダの、data/scenario/の中に
make.ksというファイルがあります。
make.ksはロード・コンフィグを開いて閉じた時に参照されるのファイルらしいです。
メモ帳で開きます。



こんな感じです。

[call storage="system/live2d.ks"]

;live2d復元

[live2d_restore]

というのがlive2Dをロードで呼び戻すのに必要な処理のようです。

でティラノスクリプトには[mask]
という、画面を暗転させることができるやつがあります。

[mask  time=100]　

[call storage="system/live2d.ks"]

;live2d復元

[live2d_restore]

[mask_off]

というのにしました。（timeはお好みで。[mask_off]にもタイムつけれます。
これだとまっくろなので

[mask  graphic="lodohitodama.gif" time=100]　
こーすればimageフォルダに入れた画像もマスクで読み込めるのです。



こんなgifアニメを作りました。
ほんで、imageフォルダに入れて
マスクで呼び出して見ると


こんなんなっちゃったよーー；▽；

しまった画面いっぱいにのびのびになってしまいました。



ので作り直し。画像を背景サイズにしました。
gifアニメだけと色数すくないから軽いです。（2.16kb）

この画像をlive2d復元の間に呼び出すことで操作不能時間が発生します。

[mask  graphic="lodohitodama.gif" time=100]　

[call storage="system/live2d.ks"];live2d復元

[live2d_restore]

[mask_off]

ということで、ライブ２Ｄが居ない場面での
ロードも操作開始まで長くなってしまいますが；
ライブ２Ｄが復元前に操作してフリーズするのを
回避できるのではないかという工夫でした。

[return]は消しちゃいけません。

***************
追記！！
[mask  graphic="lodohitodama.gif" time=0]　

とタイムを０にするとiosだと固まっちゃうぽいです
ＰＣだと大丈夫なんだけど…
iosむずい_(:3」∠)_

ティラノビルダー。Live2Dの読み込み方。

ライブ２Ｄのやり方記録。
いろいろと調べながらティラノビルダーにライブ２Ｄを読み込んだ時は
数々の失敗をしました。


まず読み込み用モデルの作り　※これはcubisme2.1のです。　3は『こちら』

①ライブ２ＤCubism 2.1　モデラーでライブ２Ｄつくります→mocで書き出し

②ライブ２ＤCubism 2.1アニメーターでモーション作ります→mtnで書き出し

③ライブ２Ｄビューアーでモデラーで書き出ししたmocファイルとmtnファイルを
　モデル名.model.jsonファイルに書き出しします。
（viewerを起動→mocファイルを読み込む、
　→mtnファイルをドラックして入れてテスト再生→okなら.model.jsonファイルを書き出し）

④ビルダーで.model.jsonファイルを読み込み
　（注：周辺関連ファイルも勝手に読み込まれるのでフォルダを整理しておくこと）

→ここで私がやらかした失敗
最初読み込み用ファイルをディスクトップに置いていたら
モデルを読み込んだら重っくなってビルダーがフリーズして
何かって思ったら


.model.jsonファイルはビルダーのライブ２Ｄ読み込み画面で
読み込むと周りのフォルダも一緒に読み込まれるのです。

ディスクトップのショートカット全部つっこまれてた<〇>　<〇>

そら重いがな！！！！

ということで読み込むファイルは
１キャラごとにフォルダに分けて(重要)フォルダの中は
 
このように必要なものだけに。 モーションはフォルダにまとめてます。
あとmotionフォルダは違う名前でもいいけど
古いバージョンだとmotionじゃないと誤動作あったらしい（？。

現在たまに違う名前のファイルにしてるけど大丈夫だけど…
なるべくmotionにしよう…。

どうでもいいけど↑のファイルはこのおばあちゃんがべローンと舌をだすやつだよ＾ｐ＾


２Ｄをぬるぬる動かせるライブ２Ｄわっくわくのドッキドキだよ！！


ビルダーの読み込み方は公式サイトがわかりやすいよ。
https://b.tyrano.jp/tech/page/live2d


あとさあて読み込むぞとしたら
ビルダーに読み込みませーんといわれてあれれー_(：３」∠)_って
なったらjsonファイルのスペルをjosnに間違えていたとか…ありました。

(trueとかfalseでもよくスペルミスをやらかす私。エラーがでてたらスペルミスだった…とか。


ちな、.model.jsonファイルってなにかっていうと


こういう、ライブ２D関連のファイルを参照してくれるファイルです。
実はviewerでつくっただけだと、ティラノビルダーでアイドリングモーションが
おおむねうまくいかないのでこちらを参照ください。


ライブ２Ｄキュビスム３も出てるけど
ビルダーのプラグインが２．１の対応なんだな


読み込みファイルの作り方！こちらのブログ記事もわかりやすいです！！

GALVAS diaryさん　Live2Dがうごくゲーム作ってみました。

http://kamiyoshi.blogspot.com/2015/04/live2d.html

追記************2019/09/7
※（ビルダー1.70～1.83までのlive2DのSKDは2.1です）
　　なんとv184かlive2D3の対応になりました。
 そして…live2Dはcubisme４がでました…時の流れ…