CGモードについての追記
CGモードの公式チュートリアルは http://tyrano.jp/adv/next/cg です。
まずはそちらをご覧ください。
CGモードについての追記
念のため、skipは停止しておきましょう。skip中ですとCGがすぐ閉じてしまいます。
- CGモードとは
- CGモード CG.ks 回覧ボタン 増やし方
- ページを増やす(単純に増やすだけ。スクリプトがわからない方は必ず見ること)
- 次のページを増やし、次のページにジャンプし、現在のページ数にもどる (構造を確認しましょう)
- 次のページを増やし、現在のページ数にもどる 完成型
- tyrano.ks にcg マクロがある<<サイズ変更はここ
メニューにもどる
ティラノビルダーで使用したい
※ティラノビルダーで使用する場合はティラノスクリプト側からティラノスクリプト最新版をダウンロード。tyrano.ksを上書きして最新版にし、[cg_image〜]以降のタグを使用できるようにしてください。
但し、使用に関する免責は負いません。
どの道、改造するのにスクリプトの知識は必要。
CGモードとは・・・
詳細をみる
指定されたタグを使うことでCG.ksにて見れるか否かにするシナリオである。
backimageに入っている背景画像ファイル名と記憶する背景が紐づけられている
記憶の仕方は[cg storage="rouka.jpg"]と記述する。
当たり前ですが[bg]として実際に背景表示しなくても[cg]タグを使用すればフラグが記憶されますし、[cg_buttan]を押せば表示される。
なので、言い変えれば『ゲーム中は背景とキャラが別に立っていて、まったくCGモードで表示するものと関係ない表示がされていても[cg]タグを書いてしまえば登録される。
このイベントをみたらCGモードだけで見れる特別のCGが見るということも可能なのだ。
(クリア特典であるよね)
『backimageに入っている背景画像ファイル名と記憶する背景が紐づけられている』
という意味は、CGモードを実際に動かしてみるとわかりますが、背景表示[bg]タグを記述していなくても
自動的に表示される点である。
過去発表されたCGモードと違う点は配列に格納しなくても良い様になっている。
[cg_image_button ]タグを記述するだけでいい。
移行する際は、全くの別物ですので注意。
[cg]の内容についてはtyrano.ksに纏められている。
CGモード CG.ks 回覧ボタン 増やし方
詳細をみる
*cgpage
[cm]
[bg storage="../../tyrano/images/system/bg_base.png" time=100]
;CGをみた後、デフォルトの背景の表示↑必要であれば追加
[button graphic="config/menu_button_close.png" enterimg="config/menu_button_close2.png" target="*backtitle" x=820 y=20 ]
[iscript]
tf.tmp_index = 0;
tf.cg_index = 12 * tf.page;
tf.top = 100;
tf.left = 60;
[endscript]
[iscript]
tf.target_page = "page_"+tf.page;
[endscript]
*cgview
@jump target=&tf.target_page
*page_0
[cg_image_button graphic="toile.jpg" no_graphic="noise.jpg" x=60 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="entrance.jpg" no_graphic="noise.jpg" x=250 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=440 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="room.jpg" no_graphic="noise.jpg" x=630 y=100 width=160 height=140 folder="bgimage" ]
;以下デフォルトで表示する1ページ最大設置座標案
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=60 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=250 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=440 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=630 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=60 y=420 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=250 y=420 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=440 y=420 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=630 y=420 width=160 height=140 folder="bgimage" ]
@jump target="*common"
*common
*endpage
[s]
;ここで1ページあたりの表示を終了させています
ボタンの位置を変えないと増えてるようにみえませんよ!
デフォルトで190ずつ+で横並びで4個。
縦yはボタンの大きさプラス
■graphic="room.jpg" 条件解放の表示画像ボタン
■no_graphic="noise.jpg" デフォルトの表示の画像ボタン
次のページをふやす
自動でページが増えるわけではないのです。単純に次ページを増やすだけの記事です。
1個ずつ書かないと、わからない!!と言われるので・・・
詳細をみる
・
・0ページのCG回覧ボタンもろもろ
・
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=630 y=420 width=160 height=140 folder="bgimage"
;ネクストページボタンを作成↓↓※このボタンの詳細は次項目にて説明
[button graphic="nextpage.gif" target="*nextpage" x=800 y=500]
;ネクストページボタンを作成↑
@jump target="*common" ;止まる作業は同じなので*commonに飛ばして止めている。勉強になるね
*page_1
[cm]
[cg_image_button graphic="toile.jpg" no_graphic="noise.jpg" x=60 y=100 width=160 height=140 folder="bgimage" ]
・
・次ページのCG回覧ボタンもろもろ
・
@jump target="*common";止まる作業は同じなので*commonに飛ばして止めている。
*common
*endpage
[s]
ページ数を増やす場合 *page_1 *page_2とブロックごとにラベルを増やしてください。
*page_1
[cm]
[cg_image_button graphic="toile.jpg" no_graphic="noise.jpg" x=60 y=100 width=160 height=140 folder="bgimage" ]
途中で画像を変更した場合はすぐに変更されない。それはシステム変数に記憶されている為。
セーブデータを消すか(消し方についてはセーブ形式によって違う。ファイル形式は知らないです)
システム変数を消すかプレイし直す
[button graphic="nextpage.gif" target="*page_1" x=800 y=500]
にすると、この場合必ず見た後にはじめのページにもどる様になってしまいます。
詳細は、下記項目を参照してください。
#hr◼︎覚えておこう!
ボタンを使うには通常、"ボタン表示の直下に[s]で止める必要がある"が、
ここではボタン表示のあと@jumpを使用している。
この方法で[s]を何個も書かなくても良いようになっているし、表示されたくないボタンの前で制御している。 @jump target="*common"
次のページを増やし、次のページにジャンプし、現在のページ数にもどる
nextpageにジャンプするだけ。詳細をみる
[button graphic="nextpage.gif" target="*nextpage" x=800 y=500]
ちなみに同シナリオ内 cg.ksのジャンプ先*nextpage はこう書かれています。
*nextpage
[emb exp="tf.page++;"];メッセージを表示して確認することができるがクリック待ちすると止まります
@jump target="*cgpage"
それで *cgpageはドコなの?!と思うでしょう。
cg.ksのはじめの行にあります。
*cgpage
[cm]
;[cm]でボタンをクリア後にタイトルで戻るボタンを表示しています。ループですね。なので追加した*page_1の下は[cm]なくても大丈夫ですね。先ほどの[cm]は消しておきましょう!
[button graphic="back_title.gif" target="*backtitle" x=800 y=20 ]
[iscript]
tf.tmp_index = 0; tf.cg_index = 12 * tf.page; tf.top = 100; tf.left = 60;[endscript]
[iscript]
tf.target_page = "page_"+tf.page;[endscript]
更に前のページに戻るとするなら*backpageにとびます。ページ数を記憶してるのですね
[button graphic="backpage.gif" target="*backpage" x=100 y=600]
次のページを増やし、現在のページ数にもどる <<完成型>>
詳細をみる
;=========================================
; CG モード 画面作成
;=========================================
@layopt layer=message0 visible=false
@clearfix
[hidemenubutton]
[cm]
[bg storage="cgbg.png" time=100]
[layopt layer=1 visible=true]
[ptext layer=1 page=fore text="CGモード" x=20 y=20 size=26 color=0xA8401C visible=true]
[iscript]
tf.page = 0;
tf.selected_cg_image = ""; //選択されたCGを一時的に保管
[endscript]
*cgpage
[cm]
[button graphic="back_title.gif" target="*backtitle" x=800 y=20 ]
[iscript]
tf.tmp_index = 0;
tf.cg_index = 12 * tf.page;
tf.top = 100;
tf.left = 60;
[endscript]
[iscript]
tf.target_page = "page_"+tf.page;
[endscript]
*cgview
@jump target=&tf.target_page
*page_0
[cg_image_button graphic="toile.jpg" no_graphic="noise.jpg" x=60 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="entrance.jpg" no_graphic="noise.jpg" x=250 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka.jpg" no_graphic="noise.jpg" x=440 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="room.jpg" no_graphic="noise.jpg" x=630 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka2.jpg" no_graphic="noise.jpg" x=60 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka2.jpg" no_graphic="noise.jpg" x=250 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka2.jpg" no_graphic="noise.jpg" x=440 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka2.jpg" no_graphic="noise.jpg" x=630 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka2.jpg" no_graphic="noise.jpg" x=60 y=420 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka2.jpg" no_graphic="noise.jpg" x=250 y=420 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka2.jpg" no_graphic="noise.jpg" x=440 y=420 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka2.jpg" no_graphic="noise.jpg" x=630 y=420 width=160 height=140 folder="bgimage" ]
[button graphic="nextpage.gif" target="*nextpage" x=800 y=600]
@jump target="*common"
*page_1
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=60 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=250 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=440 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=630 y=100 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=60 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=250 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=440 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=630 y=260 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=60 y=420 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=250 y=420 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=440 y=420 width=160 height=140 folder="bgimage" ]
[cg_image_button graphic="rouka3.jpg" no_graphic="noise.jpg" x=630 y=420 width=160 height=140 folder="bgimage" ]
;[button graphic="nextpage.gif" target="*nextpage" x=800 y=600]
;最大ページとしてコメントアウトしてます。最大ページではない場合はコメントアウトを消す。
[button graphic="backpage.gif" target="*backpage" x=100 y=600]
;戻るボタン 一気にはじめのページに戻るスクリプトはわかりませんでした。
@jump target="*common"
*common
*endpage
[s]
*backtitle
[cm]
[freeimage layer=1]
@jump storage=title.ks
*nextpage
[emb exp="tf.page++;"]
@jump target="*cgpage"
*backpage
[emb exp="tf.page--;"]
@jump target="*cgpage"
*clickcg
[cm]
[image storage=&tf.selected_cg_image folder="bgimage" ]
[l]
[bg storage="cgbg.png" time=10]
@jump target=*cgpage
[s]
*no_image
@jump target=*cgpage
詳細をみる
tyrano.ks に cg_image_button マクロがある
詳細をみる
[cg_image_button]はどこに定義されているの??→tyrano.ksです。
[cg_image_button]はありません!というエラーがでたら、ますはここを確認。
(普通に最新のティラノスクリプトのみをダウンロ-ドしてタグ入力をやっていれば、そんなエラーはでません)
ボタンのサイズ変更はこちらを確認。表示位置はcg.ksで調整してください。
[cg_image_button]はありません!というエラーがでたら、ますはここを確認。
(普通に最新のティラノスクリプトのみをダウンロ-ドしてタグ入力をやっていれば、そんなエラーはでません)
ボタンのサイズ変更はこちらを確認。表示位置はcg.ksで調整してください。
;CGモードのボタンを表示するためのマクロ
[macro name="cg_image_button"]
[iscript]
tf.is_cg_open = false;
if(sf.cg_view[mp.graphic]){
tf.is_cg_open = true;
}
[endscript]
;渡された値を元に、CG状態を確認していく
[if exp="tf.is_cg_open==true"]
[button graphic=&mp.graphic x=&mp.x y=&mp.y width=160 height=140 preexp="mp.graphic" exp="tf.selected_cg_image = preexp" storage="cg.ks" target="*clickcg" folder="bgimage" ]
[else]
[button graphic=&mp.no_graphic x=&mp.x y=&mp.y width=160 height=140 storage="cg.ks" target="*no_image" folder="bgimage" ]
[endif]
[endmacro]
glink バージョンを作る
詳細をみる
;CGモードのボタンを表示するためのマクロ
[macro name="cg_image_glink"]
[iscript]
tf.is_cg_open = false;
if(sf.cg_view[mp.graphic]){
tf.is_cg_open = true;
}
[endscript]
;渡された値を元に、CG状態を確認していく
[if exp="tf.is_cg_open==true"]
[glink text=&mp.text x=&mp.x y=&mp.y width=&mp.width height=&mp.height preexp="mp.graphic" exp="tf.selected_cg_image = preexp" storage="cg.ks" target="*clickcg" folder="bgimage"]
[else]
;[glink text="NO IMAGE" x=&mp.x y=&mp.y width=&mp.width height=&mp.height storage="cg.ks" target="*no_image" folder="bgimage"]
[image layer=&mp.layer grafic=&mp.no_graphic x=&mp.x y=&mp.y width=&mp.width height=&mp.height folder="bgimage"]
;適当な画像でいいのでは+ptextでも?
[endif]
[endmacro]
;CGが閲覧された場合、CGモードで表示できるようにする
[macro name="cg" ]
[iscript]
sf.cg_view[mp.storage] = "on";
[endscript]
[endmacro]
text=&mp.graphic にすると画像名がでる。画像名を英字にしてると思うので違う方法考え中
text=&mp.textにすればcg_image_glinkに指定すればとりあえずok
[cg_image_glink text="教室" graphic="room.jpg" x=440 y=130 width=160 height=140 folder="bgimage" ]
この記事についての引用元
http://tyrano.jp/home/taghttp://tyrano.jp/home/demo
ゲーム画像は管理人作ゲームのものです。
ティラノスクリプトは© Copyright ShikemokuMK All Rights Reserved.のものです。
- 最終更新:2017-07-16 05:22:32