忍者ブログ

でんきみちブロgu。(あ行。)

大変古い古すぎるレビューの置場。お絵かき掲示板消失により3年ぶりに雑記に転用(2017年)。現在はノベルゲーム制作とライブ2Dがマイブーム。

スキップボタン付きスタッフロール

ティラノビルダー・スクリプト で
スキップボタン付きのスタッフロールを作る方法。

スタッフロールをスクリプトで記述する方法は
こちらのティラノスクリプトwiki様を見ると実装することができるのですが。

https://tyrano.wiki.fc2.com/wiki/魔法・エフェクトを表示する試み


この方法だと、スキップボタンを実装することができません。
スタッフロールの文字がアニメーションするアニメーション待ちに
[wa]タグが使われているからです。
[wa]はアニメーションが終わるまで、次の処理に進まないタグです。

なのでこれを使わないで[wait time=" "]を使い、
ロール終了後に
[cm](改ページ)
[s](ゲーム停止)

を入れます。
一定時間経過すると選択肢が消えてしまう
早押しクイズの仕組みみたいなの使ってスタッフロールを流しながら、
スキップボタンを機能させます。


以下、スクリプトです。++++++++++++++
;エンディングテスト
[cm]
;背景変更
[bg storage="0_kuro.png" time="100"]
;メニューボタンの非表示
@hidemenubutton
;スキップボタン
[glink name="sukip" color="btn_05_black" size="18"  width="200"  x="800"  y="5"  text="skip"  storage=""  target="*skip" ]
@anim name="sukip" time=10 opacity=150
;スタッフロール
@layopt layer=0 visible=false
[ptext layer=0 text="クレジット" size=20 x=400 y=300 color=snow name="text"]
[ptext layer=0 text="スタッフロール" size=20 x=400 y=400 color=snow name="text"]
[ptext layer=0 text="スタッフロール" size=20 x=400 y=500 color=snow name="text"]
[ptext layer=0 text="スタッフロール" size=20 x=400 y=600 color=snow name="text"]
[ptext layer=0 text="スタッフロール" size=20 x=400 y=700 color=snow name="text"]
[ptext layer=0 text="スタッフロール" size=20 x=400 y=800 color=snow name="text"]
[ptext layer=0 text="スタッフロール" size=20 x=400 y=900 color=snow name="text"]
[wait time=1]
;スタッフロールの文字がアニメーションする設定
[keyframe name="animation1"]
[frame p=0% y="400"]
[frame p=100% y="-1000"]
[endkeyframe]
;アニメーションの実行 3秒かけてキーフレームアニメーションを実行
[kanim name="text" keyframe="animation1" time="30000" easing="linear" ]
;スタッフロールを描写したレイヤーが見えるように
@layopt layer=0 visible=true
;アニメーションの再生を待つ(waを使うとボタンが使えないためウェイト)
[wait time="30000"]
[cm]
;エンドテキスト
[ptext text="The End" layer="0"  x="580"  y="250"  size="35"  edge="0xffffff"  color="0xffffff" name="end" time="2000" name=end]
;クリッカブルでクリックでs(ゲーム停止)を飛ばす
[clickable  width="1100"  height="760"  target="*skip"  ]
;ゲーム停止
[s]
;クレジット終了
*skip
[cm]
[wait_cancel]
;テキストを消去
[freelayer layer="0"]
;タイトルへジャンプ
*title
@bg storage ="title.jpg" time=2000
@jump storage="title.ks" target="start"


+++++++++++++++++++

このスタッフロールの後ろで背景画像を変更したいけど
うまくいかないということをお聞きしたので
検証しました。

スキップボタン付きスタッフロール、画像変更もしたい

ティラノスクリプトでスキップボタン+スタッフロール+背景変更です。



PR

リーパーとスケーラー

REAPERというたぶん現在一番お値段の安いDTMソフト
(60ドル)
https://www.reaper.fm/

とスケーラ2ーというプラグイン(50ドル)を
Plugin Boutiqueで
買いまして、使い方がわからなすぎるのと
起動するたびに忘れるので

メモします。
日本語化とかスケーラー2の入れ方とかは検索すると
いっぱい見つかりますのでカット。

REAPERでScaler 2の使い方。


まずは新規トラック



MIDIの挿入はどっちでもいいですが
でてきたMIDIのところをダブルクリックすると
鍵盤が左端に入った入力画面出せます。



FXを押すとプラグインが入れられます。

スケーラー2を選びます。


スケーラー2起動時、最初は
ネットのリンクばかりなので下の方の
closeを押すと、進みます。


スケーラー2の画面。

songsのところを選ぶといろんなテーマでコード選びしてもらえます。
シネマティックにホラーがあるぞ


歯車のところで、2beatとかなってるところを
帰ると演奏してくれる小節の長さがかわるようですぞ。


音の大きさ変えたい―どこじゃあーって
なってどうもここでした。音量。

ちなみに私は
https://www.youtube.com/watch?v=a9JS1o-vdIg&t=336s
の動画をみて購入することにしました。

検索するといっぱいやり方でてますねー。
これで自作BGMつくるんじゃああ><


うおー


ティラノスクリプト_コンフィグでSE音量とボイス音量を分ける方法

デフォルトではボイスはSE扱いで、
コンフィグにはBGM音量とSE音量の調節ボタンしか
ついていません。
しかし、SEのバッファチャンネルを複数に分けてその一つをボイスに当て、
バッファチャンネルごとの音量調節を追加することができます。


ティラノ開発者のシケモクMK様が
こちらで手順を公開して下さっています。

https://tyrano.fanbox.cc/posts/914163

しかし、この方法は、ティラノスクリプトV460のバージョンになります。

(テキストファイルで編集すればティラノビルダーでも導入可能です
 ※ティラノビルダーでconfig.ksファイルを開いて保存するとファイルが壊れて
 動かなくなるので必ず、テキストファイルで開いて編集する必要があります。
 ビルダーではいじらない。もし、いじってしまって動かなくなったら、
 新しいゲームプロジェクトのデフォルトファイルで上書きしちゃいましょう。
 原因わからんし……)


現在最新のティラノスクリプトはV505になっています。
V4とV5ではいろいろなところが違うようです。

ティラノスタジオで制作中の

V5をゲームエンジンにしたゲームプロジェクトで

このボイス音量調整を導入する方法を

ためして、いろいろいじったので忘備録に記録しておきます。
まず上記の、シケモクMK様の記事からサンプルファイルをDLします。

記事の通り、config.ks、make.ksに記述を追加していきます。

ここで問題になるのが、
画面サイズconfig.ksの記述が違っている部分です。

サンプルファイルが980×640の画面でできていて、
v5で現在作っているゲームの画面は1280×780なので

そのまま入れるとこんな風にずれてしまいました
(これは少し数値をいじっているので、そのままだとSE音量のボタンの上に
重なっていました。ついでに押して、割り当てたボイス音量を操作することは可能でしたが
コンフィグを開いたときはボタンが表示されません。)




↑小さくずれた黄色いボタンがあります。これが追加したSEボタン。

これを解決するべく、config.ksの各部分をいじっていきます。

まず、シケモクMK様のサイトから(サンプルのコピー)








そして、v460のコンフィグ.ksは数値指定で座標が入っていましたが
v50Xは数値を代入して呼び出せるようになっているので、
とりあえずseの段をコピーしてvoに書き換えて追加します








次に音量調節ボタンを表示する部分、サンプルファイルからコピーしたものだと
980×640のサイズの数値指定になっているため、直します。
ここの表示位置に手打ちで数値いれるか、
x="&tf.config_x[0]" y="&tf.config_y_vo" exp="tf.current_vo_vol
を挿入して表示位置を指定します。
ここが、1280サイズににするときとてもわからんかったの;;

もしくは
ちなみに、h130の位置はBGM音量の上の段にしてあります。


表示するとこんな感じ↓


ボイス音量100%の位置↑   ボイス音量ミュートの位置↑

隙間がないのでBGMの上段にVOのボタンラインを持ってきてます。
位置がOKになれば、あとはボタンの溝画像をコンフィグの背景にたします。




続いて、コンフィグ初回起動時の画面更新、se部分をコピーしてvoに書き換えて追加










音量変更の部分を追加(サンプルファイルからコピー)
ここでbuf設定ができます。ここで指定した数値と
make.ksに入れるタグの数値を合わせましょう。










ボタン画像を更新する部分
画像、直し忘れがありますが、seをコピーしてvoに変えてください



最後にconfig.ksの末のほう
画像の読み込み(コンフィグ画面の起動時のみコール)
の部分、seをコピーして追加、voに書き換えます。




これで、config.ksの変更は終了です。

次は、make.ksに


[seopt
buf=1 volume="&sf.current_se_vol" effect=true]
[seopt buf=0 volume="&sf.current_vo_vol" effect=true]
を追加します。sf.current_vo_volのbufは
先ほどのconfig.ksに挿入したbufと
合わせます。


この辺のことはシケモクMK様の記事をよく読み込んでください。
https://tyrano.fanbox.cc/posts/914163




そして、

config.tjsファイルを確認します!

今までいじっていたconfig.ksはシナリオフォルダのやつです。
data>systemフォルダのconfig.tjs の

// ◆ サウンドで使用するスロット数をあらかじめ定義します。
;defaultSoundSlotNum = 3;

を確認します。
[playse]タグで指定できるbufの数を定義しているところだそうです。

ここを3にすると。
buf=0     buf=1   buf=2

の3つが使えるようになります。


これで、シナリオファイルで、voに指定したbufの数値で
ボイスを音声を流せば、ボイスとSEを分けてコンフィグで音量調節が
可能(なはず…!)です!!


今回config.ksファイルとにらめっこしたおかげで、
わかったことがいろいろありました。
ボタンの位置の数値指定ならレイアウト変えられそうだぞ。
(数多いからバランスよくするのすごい大変そうだけど)


有料などで、コンフィグのプラグイン配布されている方もいるので
そちらを利用するのも手ですがね!

ではではお疲れさまでした。






ティラノ、バックログのフォントカラーを変える。

ティラノビルダー、ティラノスクリプトで
バックログの文字の色を変える方法。

メモです。

マイプロジェクト>tyrano>html
のフォルダに
backlog.htmlが入っています。
このファイルをテキストエディターで開いて。

こうじゃ。ちなみにティラノスクリプトV505のやつです。


もっと前のバージョンのティラノのバックログの文字の変え方はほかの方のブログなどに
あったのですが、今の記述のやつはなかったので書きました。

<div class="log_body"></div>

のところに

<div class="log_body" style="#RRGGBB"></div>

を追加でできます。
RRGGBBのところはRGBのウェブカラーですよ。

レッドグリーンブルーの光の混合地を16進法で表示したやつです。



+++++++++++++

ついでに、コンフィグのテキストメッセージの

テキストサンプルのフォントカラーの変え方も。




ここの色のことです。背景などの画像素材を差し替えたら、合わせて文字色も変える必要が出てくるので

マイプロジェクト>data>scenario>
config.ksファイルをテキストエディターで開きます。
(ビルダーで編集するとたぶんコンフィグファイル壊れるので、
ビルダーでは開いて上書き保存しないほうがいいです)
テキストエディターが正解です。




こんなかんじです。
本編のゲーム部分のテキストの色設定で文字を表示した後
css("color","#66564C")で色変わっちゃうので

[font  color="0x000000" edge="none" ]

css("color","#000000")

の色は同じにしておくとよいです。(画像のやつは違ってますが)

[resetfont ]

を配置して下さい。

無いとフォントの色が変わったまま、本編のメッセージウィンドウの文字色に影響してしまいます。

[resetfont ]でデフォルト設定のフォントカラーにもどります。





ティラノでブラウザゲームに描きだしたデータをオフラインでテストプレイする方法

ティラノでブラウザゲームにエクスポートしたデータ
サーバーにアップしないと動作しないのですよね。

パソコン上でindexをブラウザで開いてもゲームは動きません。
のでいつもレンタルサーバーにアップしてテストしてるわけですが
お借りしている忍者さんは、1つのファイル3MB以下までしかアップできません
長めのBGMや動画を組み込んでいるとその素材がアップ時にはじかれてしまいます。
画像は劣化版データを作って差し替えテストしたりしていましたが、

なんとティラノの生みの親のシケモクMKさんが
ウェブにアップしないでテストプレイする方法を解説していました!!

一度ツイッターで見失ってしまったのでもう見失わないように
リンク張っておきます!!

https://tyrano.fanbox.cc/posts/1053044