スクリプト側で要素の変更

スクリプト側で要素の変更 項目

  1. 概要
  2. jsでのクラスの取得(良い子はjquery使おうね!これは非常時)
  3. 現在のメッセージレイヤーに文字を挿入。
  4. ptext文字の変化
  5. レイヤー0foreに表示されているキャラの場所移動
  6. 前景レイヤに、canvasで図形を描く
  7. 前景レイヤーにcanvasで画像を描く
  8. message0の前にDOM要素作成 一例
  9. グレースケールにするセピア他 [chara_config]以外の方法
  10. 一般のjQueyプラグインを動かす

>>次回から スクリプト側で要素の変更(2ページ目) でおねがいます。
>>ゲーム中の表示関係に戻る。
>>メニューにもどる。

注意!!スクリプトで要素を作った場合、セーブロードで引き継がれます。
maike.ksに要素の消去を記述してください
callで呼び出した演出プラグインも、make.ksで一度callでプラグインシナリオを呼び出し後に、プラグインシナリオ内で指定された[演出消去タグ]を記述して回避できました。

引用元 参考ほか

バージョンアップ情報は公式ブログ http://tyranoscript.blogspot.jp/をご覧ください。
http://www.hachi-log.com/jquery-css/ jQueryでCSSを追加/削除する時のまとめ

提示版情報URL

提示版情報 書き込み欄  募集中 まとめちゅう
http://tyrano.bbs.fc2.com/reply/6151304/74/
http://tyrano.bbs.fc2.com/reply/6151309/582/ 背景だけ揺らす

詳細をみる

概要

この辺りは各自、kagファイルを確認してくださいティラノスクリプト拡張関係
Githabでも確認できます

詳細をみる


Config.tjs で設定した内容は
TG.config["ScreenRatio"] = "fix";
console.log(TG.config);

これを応用して画面サイズを変更できますが、位置ずれが発生する可能性があるのでオススメはしない。

jsでのクラスの取得

詳細をみる


現在のメッセージレイヤーに文字を挿入。

[iscript]
$(".current_span").text("Hello!");
[endscript]
[r]
これだけですと、rしないと改行されないので。

ptext文字の変化

詳細をみる


レイヤー0foreに表示されているキャラの場所移動

詳細をみる

前景レイヤに、canvasで図形を描く

781: 2014/08/14 (Thu) 23:33:59
canvas1.JPG

スクリプトサンプルをみる


前景レイヤーにcanvasで画像を描く

2016/02/27 (Sat) 21:05:38
canvas_tylog.JPG

スクリプトサンプルをみる


canvasエフェクト 桜 http://tyrano.jp/plugins/detail/3 プラグイン RYOさま
参考 http://design.kayac.com/sp/topics/2012/04/html5hanami.php 



canvas画像のトリミング

詳細をみる


cssを使って画像のトリミングをする

canvasだと処理能力を求められるのでcssにした方がいいかも
参考元 http://cappee.net/coding/css-image-trimming

message0の前にDOM要素作成

HTMLに慣れてない人はおすすめしません。

詳細をみる

グレースケールにする

最新版では[chara_config][filter]にて指定できます。

詳細をみる

明るさ変更

最新版では[chara_config]にて指定できます。

詳細をみる

他ブレンドモード等
http://qiita.com/sottar/items/2a6559c009acde6476c2

一般のjQueyプラグインを動かす


※「雪を降らせる」に関してはきちんとしたティラノスクリプト用のプラグインがあります。雪を降らせるプラグイン http://keito-works.com/tyrano/
yuki_0.JPG(雪が降っています。このプラグインは画像も使えるそうです。URL参照)

使用方法例 詳細をみる


詳細をみる

jpueryプラグイン

工夫すればゲームで使えるかもしれないプラグイン集

Flash動画を再生するjpuery
http://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_media#.VuTQl2KeNXg.twitter

canvasで動画の自動再生
https://h2md.axell-embedded.com/sp/
https://techblog.ca-reward.co.jp/2016/07/post-60.html

ホタルの光っぽいアニメjpueryプラグイン
http://news.mynavi.jp//c_cobs/news/kachibito2012/01/jqueryfirefly.html
ダウンロード http://www.jongaulin.com/2012/03/07/firefly-jquery-plugin/


ParticleJS

一定のパーティクルを作成して再生する
https://ics.media/entry/11172
ダウンロード&作成サイトhttp://ics-web.jp/projects/particle-develop/

実際に使用してみた

スクロールバー jScrollPane

詳細をみる


余談

雨を降らす
http://plusone.jpn.org/javascript/sample/movie/rain.html
http://www.h2.dion.ne.jp/~ekkoroom/SimpleStyle/sample/fall/rain_image.html

この記事の引用元

http://tyrano.jp/home/tag
http://tyrano.jp/usage/tutorial/about
http://tyrano.jp/home/demo

ティラノスクリプトは© Copyright ShikemokuMK All Rights Reserved.のものです。

  • 最終更新:2017-02-25 22:39:46

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

認証パスワード