ティラノスクリプト テクニックサンプルを使うには?

要望が多かったので記事を作成しました。

ティラスクリプトテクニックサンプルを使うには?

  1. 概要 はじめに何をしたらいいですか?
  2. ティラノスクリプト テクニックサンプルをダウンロードしましょう。
  3. ティラノライダーを使用します。
  4. シナリオを確認する。
  5. シナリオを改変する1
  6. シナリオを改変する2
メニューにもどる

概要

内容を確認するには?
一番簡単な方法は、テクニックサンプルをダウンロードし、ティラノライダーをダウンロードします、
ティラノライダーのチュートリアルにそってindex.htmlを設定して実行しますと実行内容がみれます。
また、data/scenarioフォルダには各種シナリオフォルダが入っています。
実行内容で各種テクニックサンプルのお話のあとに このサンプルは〇〇フォルダに入ってます、と言われますので見ます。詳細は下項目を追って実行してみてください。
※メモ帳、テキストエディターで確認、編集できます。行数がわかるテキストエディターを検索し、ダウンロードしましょう。Merryや秀丸などお好きなものを。参考リンクティラノスクリプトの使い方 ティラノビルダー無し
■ティラノビルダーで実行するには?
フォルダ構成をシナリオの内容について知らないと役に立たないのでこの記事を読んでいただきたい。
まず画像を使えるようにフォルダ構成をまず確認してください。
フォルダ構成については「ティラノビルダーwiki >>ファイル構成」でも確認できます。
同じように画像を配置してください。
そのまま移植はできないので、ティラノスクリプトコンポーネントを設置して内容をコピペします。
画像ファイルについては、ファイル構成も同じにしないと表示されません
(スクリプトを変更で表示も可能です)ティラノスクリプトの使い方

ティラノスクリプト テクニックサンプル(と指定された素材)をダウンロードしましょう

http://tyrano.jp/home/booster_samples ティラノスクリプト テクニックサンプル
http://keito-works.com/material/#/ keito-works ティラノスクリプトで使える 商用・個人フリーな素材
上記リンクから2項目ダウンロードします。

ダウンロードするとこの様なファイル構成になっています
sinario12.JPG


dataフォルダの中
data123.JPG

ファイル構成をみるとティラノビルダーとほぼ同じことに気づきます


fgimage は、キャラクターの素材を入れるフォルダです。
このシナリオの場合はcharaのフォルダが作成されているのでその中に素材を入れます。
http://keito-works.com/material/#/ keito-works から 素材をダウンロード
お借りした素材はすべてこの中に入れます。
fgima.JPG


豆知識 画像クリック→shiftキーを押しながら↓矢印を押すと全部選べるよ☆

ティラノライダーを使用します

ティラノライダーをダウンロードしてください。
※ティラノスクリプトではなくティラノライダーです。 http://tyrano.jp/home/download

ダウンロードしたら、tyranorider.exeをダブルクリックして起動して下さい。
tyrdr0.JPG
ティラノライダーチュートリアル http://tyrano.jp/adv/next/rider にそって

プロジェクトを選択 のボタンを押して
tyridr.JPG
先にダウンロードしたティラノスクリプト テクニックサンプル から
index.htmlを探して設定します。


●緑色になったらゲーム開始ボタンを押します
game_kaisi.JPG

覚えておこう!
ティラノライダーはティラノスクリプトを実行できるアプリケーション
ティラノスクリプトはindex.htmlで見ることができる
ティラノビルダーもindex.htmlがある


ゲームが実行されてみることができます。

シナリオを確認する

テクニックサンプルを見たあとに該当のシナリオフォルダが格納されている箇所を教えてくれます。
fairu1.JPG
選択肢のテクニックサンプルをみたときのメッセージ

data/scenarioの中
sinario2.JPG

data/scenario/example わかりやすい名前のフォルダが作られています。
example.JPG

選択肢分岐のサンプル
bunki1JPG.JPG

シナリオを改変する1

ティラノライダーを終了しておき、シナリオを改変します。

まずは、選択肢分岐のサンプルから改変してみましょう。
シナリオは「選択肢の色々な表示方法」に該当します。

もっと画像とか改変したいんですケド!!と思うでしょうが、これが基礎なのでやりましょう・・・
説明しづらいので。
hai_yes.JPG
はいをYesに変更してみます。
変更したら保存してください。保存しないと変更されません。

再度、ティラノライダーを実行します。
game_kaisi.JPG
ゲームが開始されたら、選択肢の色々な表示方法をクリックして確認します。
s1.JPG

変更されているのが確認できます。出来てなかったら再確認してください。
yes1.JPG
このように文字表示を変更することができます。
いろんな命令文 スクリプトが入っています。
[layopt layer="message0" visible=true]
レイヤーの表示関係は公式タグリファレンスを一字一句確認しましょう。
ティラノビルダーで確認するには?ティラノスクリプトの使い方


まずは!この状態のまま、数値から変更してみましょう。
[chara_show name="yuri" top=60 left=330] 
top=60 left=330の数値を変更してみると表示位置が変更されます。

シナリオを改変する2

おまちかねの画像に操作についてです。ティラノライダーは終了してね。
ティラノスクリプトテクニックサンプルのファイル構成を確認してください。
dataフォルダの中
キャラクターの画像がfgimage
メッセージフレーム画像など、その他の画像が、imageフォルダに入っているか確認してください。
btn1.JPG
これは最初から入っています。

メッセージのシナリオをひらいて変更してみましょう
example.JPG
message_windowのフォルダをひらいて中にあるファイルをひらきます

色から変更してみましょう
me1.JPG
color=red にしてみると・・・
red1.JPG 赤になってますね

つぎはメッセージフレームの画像を変更してみましょう
mesageframe.JPG
画像の指定はどこでしょうか? よく見てみると.pngと書かれていますね。
frame="message_window/frame_01.png"

ここで、また最初に説明したimageフォルダを確認しましょう。
btn1.JPG

このスクリプトでは、メッセージフレームの画像はどちらを使っているでしょうか?
yes2.JPG
画像で判別できてしまいますが、frame="message_window/frame_01.png" なので

message_windowフォルダのframe_01.pngですね。

確認も終わったので、このスクリプトを変更してみましょう。

frame="frame.png"に改変してみましょう。
farame.JPG

再度、ティラノライダーでゲーム開始して確認します。
konnafu1.JPG
こんな感じに変更されています。

こんな変更では困ります!!と思うでしょう。
メッセージフレームに合わせて自動で変更してくれるわけではないのです。

メッセージフレームのサイズや形を確認して変更しないと思った通りの位置にはなりません。

名前の欄はメッセージでは無く「テキスト」というもので操作してるのでその分は開けておかなければいけません。
konnafu2.jpg

メッセージレイヤーの位置サイズ↓
[position layer=message0 width=800 height=300 top=380 left=70 ]
中のマージン(隙間空間)↓
[position layer=message0 page=fore frame="frame.png" margint="65" marginl="50" marginr="70" marginb="60"]

位置のズレによってはメッセージの見切れが発生します。きちんとサイズ指定すれば見切れは起きないので、よーく確認して丁度良いサイズにしましょう! (サイズ指定は省略しないでね・・・)

メッセージレイヤーサイズとメッセージフレームのサイズは、ほぼ同じか大き目にします。
782.JPG
[position layer=message0 page=fore frame="message_window/frame01.png" width=800 height=240 top=380 left=70 margint="25" marginl="50" marginr="70" marginb="60"]

  • 最終更新:2016-07-24 13:24:15

このWIKIを編集するにはパスワード入力が必要です

認証パスワード