空想曲線

吉里吉里2/KAG3、ティラノスクリプトでのゲーム製作に使えるフリー素材、スクリプトサンプル、プラグインを配布しています。

ティラノスクリプト:レイヤ指定に変数を使用するときの注意  

2017-11-17
2017-11-18
cm0
tb0

image タグなどのパラメータ layer に変数を使用する際の注意点です。


変数でレイヤを指定する方法


たとえば、キャラクタをレイヤ0に、カットインをレイヤ1に、アイテムをレイヤ2に表示したいといった場合に

f.lay_chara = 0; // キャラクタ 
f.lay_cutin = 1; // カットイン
f.lay_item = 2; // アイテム
f.lay_icon = 2; // 同じレイヤ番号を指定しても大丈夫

と変数を代入しておいて

[ image layer="&f.lay_chara" storage="chara.png" ]
[ image layer="&f.lay_cutin" storage="cutin.png" ]
[ image layer="&f.lay_item" storage="item.png" ]
[ image layer="&f.lay_icon" storage="icon.png" ]

と書けば

chara.png がレイヤ0に、cutin.png がレイヤ1に、item.png と icon.png がレイヤ2に読み込まれます(icon.png は item.png の上に重ねて表示されるので注意)。
頭についている「&」は変数を指定するときにつける呪文という認識でいいです。
詳しく知りたい人は「エンティティ」でググってください。

「これはどのレイヤに読み込むんだったっけ?」
「レイヤ番号をずらさないといけないけど修正がめんどい」

といった煩わしさが解消されるのがメリットだと思います。
name パラメータと併用するとレイヤ管理がラクになります。



変数で指定する際の注意点


注意点はつぎの一点だけです。

「レイヤ0を指定するときだけは必ずダブルクォーテーションで括る」

f.lay_chara = 0; // これだとエラーが出る
f.lay_chara = "0"; // これでおっけい

レイヤ1以上は括らなくても大丈夫なようです。不思議 (´ェ`)


フリー素材:ボタン台素材 その4  

2017-10-24
2017-10-24
cm0
tb0

ボタン素材04_01
システム用のボタン台素材です。画像サイズは460×138pxとなっています。
実際の素材には文字は入っておりませんのでご注意ください。



カラーバリエーション


ボタン素材04_02
赤、黄、緑、青、紫、ピンクの6色が入っています。
お好みに合わせて色やサイズを変更してやってください。



素材のダウンロード


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

ボタン台素材その4をダウンロード(zipファイル約252KB)

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

テーマプラグイン05サンプル01
V440から実装されたサードパーティプラグイン機能に対応したプラグインです。
スクリプトを1行書くだけでシステム画面を丸ごと入れ替えることができます。



プラグインの適用範囲


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

以上8項目のデザインを変更します。



サンプル画像


※クリックで原寸大表示
テーマプラグイン05サンプル02 テーマプラグイン05サンプル03
テーマプラグイン05サンプル04 テーマプラグイン05サンプル05



プラグインの導入方法


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

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



プラグインのダウンロード


最新版は v100 です(ファイルの末尾がバージョン番号となっています)
ご利用の際は《素材利用規約》をご確認くださいますよう お願いいたします。

テーマ一括変換プラグインその5をダウンロード(zipファイル約1.4MB)



更新履歴


2017.10.14 v100公開


ティラノスクリプト:linkタグ拡張プラグイン  

changecolorlinkサンプル
V440から実装されたサードパーティプラグイン機能に対応したプラグインです。
導入すると link タグに機能を追加した[ changecolorlink ]タグの使用が可能となります。



このプラグインでできること


changecolorlink~endlinkで囲まれた文字列にマウスが乗ったときに
文字列の色を変更し、後ろに半透明の矩形を表示します。

今ここにマウスが乗ってますよと一目で分かるのがメリット
タッチデバイスではまるで役に立たないのがデメリットです。



導入方法


▼作業手順
1.data > others > plugin フォルダを開く
2.changeColorLink フォルダを配置
3.シナリオファイルを開き、[ plugin name="changeColorLink" ] と記述

これ以降、[ changecolorlink ]タグの使用が可能となります。



使いかた


基本的には link タグと同じです。
選択肢を記述した後はかならず[ s ]タグを書いて進行を止めてください。


[ changecolorlink storage="test.ks" target="*001" ]表示したい文字列[ endlink ][ s ]



パラメータについて


changecolorlinkタグには10個パラメータがあります。
お好みに合わせて調整してやってください。

storage
クリックしたときにジャンプするシナリオファイル名
target
クリックしたときにジャンプするラベル名
fontcolor
マウスが乗ったときの文字の色(0xRRGGBB)※def=0xFFEB00
rectcolor
マウスが乗ったときの矩形の色(0xRRGGBB)※def=0x0273BF
opacity
矩形の不透明度(0~255)※def=200
round
矩形の四隅を角丸にするか(true or false)※def=false
exp
クリックしたときに実行するJS式
name
名前の指定
enterse
マウスが乗ったときに再生する音声ファイル名
ファイルはsoundフォルダに配置してください
clickse
クリックしたときに再生する音声ファイル名
ファイルはsoundフォルダに配置してください



プラグインのダウンロード


最新版は v101 です(ファイルの末尾がバージョン番号となっています)
ご利用の際は《素材利用規約》をご確認くださいますよう お願いいたします。

link拡張プラグインをダウンロード(zipファイル約4KB)



更新履歴


2017.10.13 v100 公開
2017.10.24 v101 exp,name,enterse,clickseパラメータ追加

ティラノビルダー:UIテーマ一括変換使用時に一部だけ変更したい場合  

2017-09-23
2017-09-24
cm0
tb0

最新版のティラノビルダーからプラグイン機能が実装され
UIのデザインを簡単に変更できるようになりました。

先日、公式掲示板の質問スレッドに

(*・ω・)< メッセージ枠だけ自分で作ったやつを使いたい

(*・ω・)< テキストの色も変えたいし、表示位置も調整したい

といった旨の書き込みを見つけたので修正方法を書いていきます。
手順が多いため大変かと思いますが、よろしくおつきあいください。


用意するものは以下の4つです


  • 最新版のティラノビルダー
  • プロジェクトファイル
  • 使いたいメッセージウィンドウ画像(frame_message2.png)
  • テキストエディタ(Mery使いやすいよ)



新規プロジェクトを作成する


さすがにこれが分からない人はいないと思うので省きます。
プロジェクト名は何でも構いません。私は test170923 とつけました。味気ない。



UIテーマ一括変換を反映させる


画面右上の歯車をクリックしてゲームセッティングウィンドウを開き
UIテーマ一括変換から好きなテーマを選びます。


セッティング画面


今回は【ティラノブラウン】にしました。「更新する」ボタンをクリックすると反映されます。
起動させると以下のような画面になります。


テーマ反映後


では、このメッセージウィンドウを別のものに変更していきましょう。



myproject から自分のプロジェクトフォルダを開く


プロジェクトファイルの場所が分かっている場合はすっ飛ばしてください。


▼作業手順
1.ティラノビルダーが入っているフォルダを開く
2.myproject フォルダを開く
3.新規プロジェクト作成時につけた名前のフォルダを開く



メッセージウィンドウ画像を追加する


▼作業手順
1.data > others > plugin > theme_tyrano_05 フォルダを開く
2.image フォルダを開く
3.自分の使いたいメッセージウィンドウ画像を配置する


ということで配置しました。
元の画像に上書きしてもいいのですが、元に戻したいときに面倒なので分けてます。


メッセージ枠の追加



plugin.ks を編集する


▼作業手順
1.data > scenario > system フォルダを開く
2.plugin.ks をテキストエディタで開く
3.plugin タグの内容を修正する


ファイルの中身はこんな感じです。この[ plugin ]タグを修正していきます。


ファイル編集


■pluginタグの属性

font_color
メッセージの文字色
name_color
名前の文字色
opacity
メッセージウィンドウを不透明度(範囲0~255)
※値が大きいほど不透明になる


今回は次のように修正しました。

font_color="0x008740" name_color="0x006890" opacity="255"



メッセージウィンドウの設定を修正する


▼作業手順
1.data > others > plugin > theme_tyrano_05 フォルダを開く
2.init.ks をテキストエディタで開く
3.メッセージウィンドウの設定を修正する
4.名前枠の設定を修正する


init.ks を開くとこんな感じになっています。


ファイル編集2


■positionタグの属性

width
メッセージレイヤの幅
height
メッセージレイヤの幅
top
メッセージレイヤを表示する上端の位置
left
メッセージレイヤを表示する左端の位置
frame
メッセージレイヤに読み込む画像ファイル名
margint
テキストまでの上余白
marginr
テキストまでの右余白
marginb
テキストまでの下余白
marginl
テキストまでの左余白



■ptextタグの属性

size
文字の大きさ
x
名前を表示する左端の位置
y
名前を表示する上端の位置


今回は次の箇所だけ修正しました。

▼メッセージウィンドウ
frame = "../others/plugin/theme_tyrano_05/image/frame_message2.png"
margint = "70"

▼名前枠
x = "70"
y = "460"



以上で修正は終わりです。おつかれさまでした。
それでは起動してみましょう。


編集後にテーマ反映


( ゚д゚)< ロールボタンのコレジャナイ感がすごい!


ロールボタンを変更するときは、image > button フォルダを開いて
中に入っているボタン画像を差し替えましょう。

で、さっき編集した init.ks にロールボタンの設定があるので
要らないボタンを削除したり、表示位置を調整したり、
お好みに合わせて修正してください。

ということで、今回はこれにてー (o'ω'o)ノシ
うまく動かないとか間違ってるとこがあったら教えてね。


ティラノスクリプト:システムデザイン変換プラグインが無料になったよ  

2017-09-11
2017-09-12
cm0
tb0

BOOTHで販売されていたシステムデザイン変換プラグインのうち
これまで有料だった【フラワー】と【ダーク】が無料になっています。

ダウンロードはこちらから → リンク:ティラノマーケットスクエア

実はですね、v450 から実装されたティラノスクリプトのシステム画面と
BOOTH で頒布されている4種類のシステムデザイン変換プラグインの
デザインおよび製作を担当させていただきました。


( ゚д゚) < リリース時にアピりそびれたから今アピりたい

( ゚д゚) < 個人的には【ブラウン】が気に入ってる


上記5個のテーマとブログで配布しているテーマプラグイン4個。
最初は「需要があればいいな」と軽い気持ちで作った素材だったので
ここまで増えるとは自分でも予想していませんでした。マジでマジで。

今月でテーマプラグインを作り始めて1年が過ぎたのですが
このままずっと同じものを作り続けるのもなんかなーと。
ご依頼があれば承りますし、作りたい欲が出てきたら作るけども
惰性で続けるぬるま湯環境はよろしくないなと思い始めました。

そこで、現在ストックしているテーマプラグインをリリースした後
テーマプラグインの作りかたをブログ記事にしようと考えています。
自分でデザインしたシステム画面をプラグイン化したい製作者さん向けです。

  • 必要な画像
  • init.ksの書きかた
  • config.ksの書きかた
  • htmlファイルの修正
  • cssファイルの追加修正
  • クリック待ちグリフの作りかた

……などなど。他にもなんか出てくるかも。
開始時期は未定ですので、のんびりお待ちいただければ幸いです。


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

V440から実装されたサードパーティプラグイン機能に対応したプラグインです。
スクリプトを1行書くだけでシステム画面を丸ごと入れ替えることができます。
テーマ一括変換プラグインその4サンプル_01



プラグインの適用範囲


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

以上8項目のデザインを変更します。



サンプル画像


※クリックで原寸大表示


テーマ一括変換プラグインその4サンプル_02テーマ一括変換プラグインその4サンプル_03
テーマ一括変換プラグインその4サンプル_04テーマ一括変換プラグインその4サンプル_05
テーマ一括変換プラグインその4サンプル_06



プラグインの導入方法


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

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



プラグインのダウンロード


最新版は v100 です(ファイルの末尾がバージョン番号となっています)
ご利用の際は《素材利用規約》をご確認くださいますよう お願いいたします。

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



更新履歴


2017.09.09 v100公開


ティラノスクリプト︰テーマ一括変換プラグイン その3 スライダー版  

現在、配布しているテーマ一括変換プラグインその3のアレンジ版となります。
ご利用にはサードパーティプラグイン機能に対応したティラノスクリプトが必要です。

▼通常版をダウンロードしたい方はこちらへ▼
リンク:テーマ一括変換プラグインその3のダウンロードページヘ



通常版との違い


ダイアログのデザイン


テーマ一括変換プラグインその3サンプル1
テーマに合わせたデザインになっています。
自分で改造したい方には黒豆さんが制作された《ダイアログカスタマイズプラグイン》がおすすめです。



コンフィグ画面のデザイン


テーマ一括変換プラグインその3サンプル2
音量調節とテキスト速度の調節をスライダーに変更しています。
未読スキップはスイッチ型に変更、現在の状態をテキストで表示します。



スライダーについて


スマホなどのタッチデバイスではスライダーが動かない場合があります。
これについては touch-punch プラグインを導入することで解消されます。

リンク:touch-punch プラグインのダウンロードページヘ

plugin フォルダと同じ階層に jquery.ui.touch-punch.min.js を配置した後
init.ks を開き、以下のスクリプトを追加してください。


[ loadjs storage="jquery.ui.touch-punch.min.js" ]



ダウンロード


ご利用の際は《素材利用規約》をご確認くださいますよう お願いいたします。
不具合報告やご質問はブログコメントかメールフォームからどうぞ。

テーマ一括変換プラグインその3スライダー版をダウンロード


※2017.08.23 差し替え素材からプラグインに変更しました。
 差し替え素材のみが欲しい方は個別に対応しますのでご連絡くださいませ。

フリー素材:メッセージウィンドウ素材 その18  

2017-08-18
2017-08-20
cm0
tb0

和風のメッセージウィンドウとボタンのセット素材です。
画面サイズ 960×640px を基準に作成しています。

メッセージウィンドウ素材18収録内容



使用例サンプル


あくまで一例です。お好みに合わせてアレンジしてください。
ネームウィンドウや選択肢ボタンは他の使いかたもできると思います。

メッセージウィンドウ素材18使用例サンプル



カラーバリエーション


赤、黄、緑、青、紫の5パターンを収録しています。
名前がついてるのは中の人の趣味なので気にしなくていいです (*ノωノ)


メッセージウィンドウ素材18カラーバリエーション



収録内容


  • メッセージウィンドウ(960×160px)
  • ネームウィンドウ(310×50px)
  • 選択肢ボタン(550×50px) ※通常、ホバーの2種
  • システムボタン6種(92×32px) ※通常、ホバーの2種


システムボタンは文字が入っていない編集用の素材を同梱しております。
ボタンを増やしたい、文字を変えたいときなどにご利用ください。



素材のダウンロード


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

メッセージウィンドウ素材18をダウンロード(zipファイル約612KB)



きょうのらくがき  

2017-08-01
2017-08-14
cm0
tb0
20170801225809d3f.png
レイトン新作「ミステリージャーニー」の主人公、カトリーエイル・レイトン。
先日からぼちぼち遊んでいますが、ナゾとメダルをすべて回収しながら進めているせいか、クリアにはまだまだ時間がかかりそうです。

Author

Recent

Category

Link

Comment

Mailform

Twitter