忍者ブログ
We aren't android!
Admin / Write
2017/08/18 (Fri) 19:59
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2011/08/17 (Wed) 16:47
 現行のR9では背景チェンジの際すぐに描きかわってしまい、場面によっては雰囲気に合わないことがあります。
ADVゲームであるようなフェードアウト・インしながら場面転換できる方法を考えてみました。
R9自体にJQuery.jsが組み込まれていることを利用します。

 R9game_v003_03以前の場合は r9.jsの差し替えが必要です。
文章表示機能をウェイト代わりに使用しており、クリックなしで自動で次の命令に進めるために強制改ページ(\^)機能が必要なためです。
http://blog.tkooler.net/Entry/174/


/* 場面転換 開始 */
#エレメント追加:名前=背景黒,ソース=(<script>$("#noveljs").css("background","black");</script>)
#エレメント削除:名前=背景黒
#エレメント追加:名前=フェードアウト,ソース=(<script>$("#background_panel").fadeOut("slow");</script>)
#文章:内容= \n\n\n\n\n\n\^,スピード= 500
#背景:画像= background/mori.jpg
#文章:内容= \n\n\n\n\n\n\^,スピード= 50
#エレメント追加:名前=フェードイン,ソース=(<script>$("#background_panel").fadeIn("slow");</script>)
#文章:内容= \n\n\n\n\n\n\^,スピード= 300
#エレメント削除:名前=フェードアウト
#エレメント削除:名前=フェードイン
/* 場面転換 終了 */
実行サンプルはこちらです
http://tkooler.moe.hm/r9/sample/fadeinout/sample.html

ソースコードはこちらです
http://bit.ly/oI70HT


フェードアウト時の色をほかの色に替えたいときは、(例えば 赤)
#エレメント追加:名前=背景黒,ソース=(<script>$("#noveljs").css("background","red");</script>)
#エレメント追加:名前=背景黒,ソース=(<script>$("#noveljs").css("background","#FF0000");</script>)
のように記述します。

暗転時間を長くしたい場合は、
#文章:内容= \n\n\n\n\n\n\^,スピード= ○○○
○○○の部分の数字を適宜大きくします。



PR
Comment
Name
Title
Mail
URL
Comment
Pass   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
  HOME   180  179  178  177  176  175  174  173  172  171  170 
カレンダー
07 2017/08 09
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
RSS/カウンタ
ブログ内検索
プロフィール
性別:
非公開
最新トラックバック
QRコード
最新コメント
[03/09 AAA]
[02/06 名無し]
[02/02 名無し]
[02/01 マンマミーヤ]
[01/30 地獄の番犬]
忍者ブログ [PR]