空想曲線

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

カテゴリー:「システム画面素材」の記事一覧

・2016/11/02|ティラノスクリプト︰システム画面素材 修正版アップ
・2016/10/15|ティラノスクリプト glink ボタン改造サンプル
・2016/09/27|ティラノスクリプト用システム画面素材 その2
・2016/09/24|ティラノスクリプト用システム画面素材 その1

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

2016-11-02
2017-06-14
cm0
tb0

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


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


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


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


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

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

2016-10-15
2017-04-02
cm0
tb0

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:hover {
opacity:1;
color: #fff;
background: #00d2e5;
background:-webkit-gradient(linear, left top, right bottom, from(#005d7d), color-stop(0.5, #00d2e5), to(#005d7d));
background: -moz-linear-gradient(lefttop, #005d7d, #00d2e5 50%, #005d7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d2e5', endColorstr='#005d7d');
}


/* クリック時 */
.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 ]


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

2016-09-27
2017-07-20
cm1
tb0

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



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

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

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

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



スクリーンショット


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



ダウンロード


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

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

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


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

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


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

2016-09-24
2017-07-20
cm4
tb0

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


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


スクリーンショット


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



ダウンロード


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


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

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


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

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



導入時のご注意


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


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



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


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

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


Author

Recent

Category

Link

Comment

Mailform

Twitter