空想曲線

吉里吉里2/KAG3でのゲーム制作に使える小ネタ置き場。ゲーム用素材も置いてます。

カテゴリー:「ティラノスクリプト用」の記事一覧

・2017/02/18|テーマ一括変換プラグインで発生する不具合について
・2017/02/05|ティラノスクリプト テーマ一括変換プラグイン
・2017/02/05|ティラノスクリプト テーマ一括変換プラグインの導入方法
・2016/11/02|ティラノスクリプト用システム画面素材 修正版アップ
・2016/10/15|ティラノスクリプト glink ボタン改造サンプル
・2016/09/27|ティラノスクリプト用システム画面素材 その2
・2016/09/24|ティラノスクリプト用システム画面素材 その1

テーマ一括変換プラグインで発生する不具合について  

最新版のテーマ一括変換プラグイン、システム画面素材では修正済みです。
古いバージョンをお使いの方を対象とした内容となっています。


ゲーム本編からコンフィグ画面へ遷移したときに
以下のような画面に出くわしたときの回避策です


20170218.jpg


原因


原因は「使用中の前景レイヤを解放(または非表示に)していないため」です。

コンフィグ画面の背景はベースレイヤに読み込まれているので
それより上層に配置されている前景レイヤがそのまま残ってしまいます。

で、コンフィグのボタンは前景レイヤよりも上層に配置されている
ボタン用のレイヤに読み込まれるため、上記のようなオモシロ画像が
爆誕してしまったということです。

( ゚д゚)< 制作者にとっては面白くも何ともねえ不具合だけどな

( ゚д゚)< 個人的にはボタンの位置が絶妙だなと思いました



対応策


プラグインフォルダに入っている config.ks を開いて20行目付近を修正します。


;イメージ消去
[ freeimage layer=1 ]
[ freeimage layer=0 ]


上記の3行を削除して、以下のスクリプトを追加してください。


;前景レイヤの中身をすべて空にする
[ iscript ]
$(".layer_camera").empty();
[ endscript ]


これに伴い不要になってしまうスクリプトが数行あるのですが
残しておいても特に問題はありません。


Posted on 2017/02/18 Sat 

category: ティラノスクリプト用

tb: 0   cm: 0

ティラノスクリプト テーマ一括変換プラグイン  

※2017/02/19  修正版アップロード、プラグインファイル分割


Ver4.40 から実装されたサードパーティプラグイン機能に対応したプラグインです。
スクリプトを1行書くだけでシステム画面を丸ごと入れ替えることができます。
起動にはティラノスクリプト本体(Ver4.40以降)が必要です。



サンプル


その1(theme_kopanda_01)


※クリックで原寸大表示
ts_sample01.jpgts_sample02.jpg
ts_sample03.jpgts_sample04.jpg



その2(theme_kopanda_02)


ts02_role.jpgts02_menu.jpg
ts02_save.jpgts02_config.jpg



導入方法


下記のテキストリンクからどうぞ

リンク:「ティラノスクリプト テーマ一括変換プラグインの導入方法」の記事を読む



ダウンロード


ご利用の際は《素材利用規約》をご確認くださいますよう お願いいたします。

テーマ一括変換プラグイン theme_kopanda_01 をダウンロード
テーマ一括変換プラグイン theme_kopanda_02 をダウンロード


Ver4.40以前のティラノスクリプトをお使いの方は下記のリンクから同素材をダウンロードいただけます。
テーマ一括変換プラグインとは導入方法が異なりますのでご注意ください。

リンク:「ティラノスクリプト用システム画面素材 その1」のページヘ
リンク:「ティラノスクリプト用システム画面素材 その2」のページヘ


Posted on 2017/02/05 Sun 

category: ティラノスクリプト用

tb: 0   cm: 0

ティラノスクリプト テーマ一括変換プラグインの導入方法  

ティラノスクリプトVer4.40以降から実装されたサードパーティプラグイン機能対応の
テーマ一括変換プラグインの導入方法および基本的な使いかたを説明しています。

プラグインのダウンロードは下記のテキストリンクからどうぞ

リンク:ティラノスクリプト テーマ一括変換プラグイン



プラグインのファイル構成


テーマによって多少の違いはありますが基本的には以下の構成になっています。

theme_xxx(テーマプラグインのフォルダ名)
html
┃┣ backlog.html・・・バックログ画面用のHTMLファイル
┃┣ load.html・・・ロード画面用のHTMLファイル
┃┣ menu.html・・・メニュー画面用のHTMLファイル
┃┗ save.html・・・セーブ画面用のHTMLファイル
image
┃┣ button・・・ロールボタン
┃┣ config・・・コンフィグ画面の素材
┃┣ system・・・その他システム画面の素材
┃┗ frame_message.png・・・メッセージウィンドウ
config.ks・・・コンフィグ画面用のシナリオファイル
init.ks・・・テーマ機能設定用のシナリオファイル
xxx.css・・・専用 glink 設定ファイル



プラグインの導入方法


1.テーマ一括変換プラグインを plugin フォルダに入れる


プロジェクトファイルの plugin フォルダを開きます。

data > others > plugin ← これ

この plugin フォルダにテーマ一括変換プラグインのフォルダを丸ごと入れます。

その1なら theme_kopanda_01 フォルダ
その2なら theme_kopanda_02 フォルダ

何もいじらずにそのままポイっちょしてください。これで準備完了です。



2.テーマ一括変換プラグインを読み込む


以下のようにスクリプトを書きます。


[ plugin name="テーマ一括変換プラグインのフォルダ名" ] 


テーマ一括変換プラグインのフォルダ名は

その1なら [ plugin name="theme_kopanda_01" ]
その2なら [ plugin name="theme_kopanda_02" ]

となります。

システム画面のデザインはプラグインを読み込んだ時点で反映されるので
ゲーム全体に適用したいときは first.ks の最初のほうに書いておくのがベターです。



plugin タグの引数について


plugin タグを書くときに以下の引数が使用できます。引数の初期値は init.ks で設定されています。

font_color: メッセージの文字色(0xRRGGBB 形式)
name_color:名前欄の文字色(0xRRGGBB形式)
frame_opacity:メッセージ枠の透明度(0~255)



ロールボタンの表示・非表示について


プラグインを読み込んだ時点ではロールボタンは非表示となっています。
表示させたい場面で [ add_theme_button ] と記述してください。
非表示にしたいときは毎度おなじみの [ clearfix ] でおっけいです。



ロールボタンを自分好みにカスタマイズしたい


不要なロールボタンを削除したい、ボタンの配置場所を変えたいときは
テーマプラグインの init.ks を開いて編集します。30~70行目あたりです。



専用の glink を使いたい


システム画面のデザインに合わせた glink を使うことができます。

テーマ一括変換プラグイン その1の場合は [ glink color="ts01" (以下略) ]
テーマ一括変換プラグイン その2の場合は [ glink color="ts02" (以下略) ]



システムで利用する HTML を変更したい


セーブ画面、ロード画面、バックログ画面、メニュー画面のHTMLファイルを変更することができます。
変更には[ sysview ] を使用します。引数は以下の2つです。

type・・・save, load, backlog, menu のどれか
storage・・・HTMLファイルが格納されている場所



CSS を変更したい


[ loadcss ] を使用します。引数は以下の1つです。

file・・・cssファイルが格納されている場所


Posted on 2017/02/05 Sun 

category: ティラノスクリプト用

tb: 0   cm: 0

ティラノスクリプト用システム画面素材 修正版アップ  

変更箇所は以下のとおりです。


  • グラフィカルボタンの表示座標位置を修正
  • テキスト速度のサンプルテキストを表示するメッセージレイヤを変更
  • テキスト速度のサンプルテキストを履歴に残さないよう修正
  • glink 用の css ファイルをおまけフォルダに追加
  • 最新版のティラノスクリプト(Ver4.30)で動作確認


ダウンロードページへは下のリンクからどうぞ。


リンク:ティラノスクリプト用システム画面素材その1のダウンロードページへ
リンク:ティラノスクリプト用システム画面素材その2のダウンロードページヘ


今回、参考にさせていただいた記事 → memo(同人サークル「ナナエン」さまの制作ブログ)
ティラノスクリプトでのゲーム制作に役立つ情報がたくさんあってオススメです。

Posted on 2016/11/02 Wed 

category: ティラノスクリプト用

tb: 0   cm: 0

ティラノスクリプト glink ボタン改造サンプル  

glinkボタンサンプル


当ブログで配布しているティラノスクリプト用システム画面素材に合わせて glink ボタンを改造しました。
以下のコードを tyrano.css の color styles の一番下あたりにペーストしてご利用ください。
最新版のシステム画面素材では tyrano.css に以下のコードを追加したものを同梱しています。



システム画面素材その1用


/* CSS 
------------------------*/

/* 通常時 */
.ts01 {
color: #ccc; /* 文字色 */
background: #1f1f1f; /* 背景色(グラデ未対応のブラウザ用) */
background: -webkit-gradient(linear, left top, left bottom, from(#515357), to(#1f1f1f)); /* 背景グラデーション */
background: -moz-linear-gradient(lefttop, #515357, #1f1f1f); /* 同上 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515357', endColorstr='#1f1f1f'); /* 同上 */
border: 1px solid #000; /* ボーダーライン */
-webkit-border-radius: 5px; /* 角丸 5px */
-moz-border-radius: 5px; /* 同上 */
border-radius: 5px; /* 同上 */
}


/* ホバー時 */
.ts01:hover {
color: #fad43c;
background:-webkit-gradient(linear, left top, left bottom, from(#515357), to(#1f1f1f));
background: -moz-linear-gradient(lefttop, #515357, #1f1f1f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515357', endColorstr='#1f1f1f');
}


/* クリック時 */
.ts01:active {
color: #fad43c;
background: -webkit-gradient(linear, left top, left bottom, from(#1f1f1f), to(#515357));
background: -moz-linear-gradient(top, #1f1f1f, #515357);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#515357');
}


タグ記述例
*sample_ts01
[ glink text="その1" size=20 width=300 x=100 y=100 target=*001 color=ts01 ]



システム画面素材その2用


/* CSS 
------------------------*/

/* 通常時 */
.ts02 {
opacity:.8; /* 不透明度80% */
color: #fff; /* 文字色 */
background: #666; /* 背景色 */
background: -webkit-gradient(linear, left top, right bottom, from(#777), color-stop(0.5, #aaa), to(#777)); /* 背景グラデーション */
background: -moz-linear-gradient(lefttop, #777, #aaa 50%, #777); /* 同上 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#777777'); /* 同上 */
border: solid 3px #bfbfbf; /* ボーダーライン */
-webkit-border-radius: 1.5em; /* 角丸 1.5文字分 */
-moz-border-radius: 1.5em; /* 同上 */
border-radius: 1.5em; /* 同上 */
}


/* ホバー時 */
/* クリック時 */
.ts02:active {
opacity:1;
color: #fff;
background: #00d2e5;
background:-webkit-gradient(linear, left top, right bottom, from(#00d2e5), color-stop(0.5, #005d7d), to(#00d2e5));
background: -moz-linear-gradient(lefttop, #00d2e5, #005d7d 50%, #00d2e5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005d7d', endColorstr='#00d2e5');
}


タグ記述例
*sample_ts02
[ glink text="その2" size=20 width=300 x=100 y=100 target=*001 color=ts02 ]


Posted on 2016/10/15 Sat 

category: ティラノスクリプト用

tb: 0   cm: 0

ティラノスクリプト用システム画面素材 その2  

※最新版のファイルは【TS_material02_20170219】です



・メニュー画面
・コンフィグ画面
・セーブ画面
・ロード画面
・バックログ画面
・ロールボタン
・メッセージウィンドウ

7種類の画像素材とファイルが入っています。
画像は 960×640px の画面サイズを前提として作成しています。

同サイズの画像を作って差し替えればオリジナルのシステム画面になりますので
ご自身の制作されるゲームのイメージに合わせて改造してみてください。

組み込み方は同梱の「readme.txt」に記載しております。
導入時の注意点についてはこちらをご覧ください → リンク:導入時のご注意



スクリーンショット


※クリックで原寸大表示
ts02_role.jpgts02_menu.jpg
ts02_save.jpgts02_log.jpg
ts02_config.jpg



ダウンロード


ご利用の際は 素材利用規約 をご確認くださいますようお願いいたします。
ご質問等はこの記事のコメント欄、またはメールフォームからどうぞ。


ティラノスクリプト用システム画面素材 その2をダウンロード(zipファイル約676KB)

※ティラノスクリプト Ver4.30で動作確認済


ティラノスクリプトVer4.40以降をお使いの場合は《テーマ一括変換プラグイン》をご利用いただけます。
タグを1個書くだけでシステム画面を丸ごと着せ替えできますので、ぜひご活用ください。

リンク:「ティラノスクリプト テーマ一括変換プラグイン」の記事を読む


Posted on 2016/09/27 Tue 

category: ティラノスクリプト用

tb: 0   cm: 0

ティラノスクリプト用システム画面素材 その1  

※最新版のファイルは【TS_material01_20170219】です


内容はメニュー、コンフィグ、セーブ、ロード、バックログ、ロールボタンとなっています。
画像サイズはデフォルトの画面設定 960×640px を想定して作っています。
組み込みかたについては同梱の「readme.txt」をお読みください。


スクリーンショット


※クリックで原寸大表示
ts_sample01.jpgts_sample02.jpg
ts_sample03.jpgts_sample04.jpg



ダウンロード


ご利用の際は 素材利用規約 をご確認くださいますよう お願いいたします。
ご質問等はこの記事のコメント欄かメールフォームからどうぞ (*´∀`*)ノ


ティラノスクリプト用システム画面素材その1をダウンロード(zipファイル約2.47MB)

※ティラノスクリプト Ver4.30 で動作確認済


ティラノスクリプトVer4.40以降をお使いの場合は《テーマ一括変換プラグイン》をご利用いただけます。
タグを1個書くだけでシステム画面を丸ごと着せ替えできますので、ぜひご活用ください。

リンク:「ティラノスクリプト テーマ一括変換プラグイン」の記事を読む



導入時のご注意


ファイルの追加・上書きについて


何名様からかご質問をいただいたのですが、ファイルの上書き漏れに起因するエラーが多いようです。
特に tyrano フォルダ内の html フォルダ、images フォルダ、tyrano.css の 3 つが忘れられがちです。
素材フォルダに入れてあるファイルは全て何らかの追加修正をおこなっております。
これらがキチンと上書きされていないと正常に動作しませんのでご注意ください。



ティラノスクリプト本体のバージョンについて


お使いのティラノスクリプトのバージョンが古すぎると一部の動作で不具合が発生します。
具体的に言うと[ sleepgame ][ awakegame ]タグが定義されているバージョンでない場合
タイトル画面またはロールボタンを使用したコンフィグ画面への遷移ができません。

制作中のゲームプロジェクトの規模によってはバージョンの移行が難しいケースもあると思いますが
当素材の導入の際は なるべく新しいバージョンをお使いくださいますようお願いいたします。


Posted on 2016/09/24 Sat 

category: ティラノスクリプト用

tb: 0   cm: 4

Author

Category

Link

Comment

Mailform