ごいしはまぐり

ノベルゲーム制作サークル「ごいしはまぐり」紹介の他、映画紹介やティラノスクリプト等、メンバーの記事を寄せ集めています。

ティラノスクリプト

ティラノスクリプト備忘録14 移動エフェクト

投稿日:2019年6月6日 更新日:


キャラが移動するときのエフェクトを動画にまとめました。
なんとなくどのエフェクトも似ているな―と思うなかれ。
場面と合わせれば効果的そうなのも沢山あります。

以下はテスト用のコードと実際に動かした動画です。



移動エフェクトサンプル イラスト:よーは

テスト開始[p]
[chara_show name="yamamine" time="2000"] 

jswing[p]
[anim name="yamamine" left = 40 time=2000 effect=jswing]
[wa]

easeInQuad[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInQuad]
[wa]

easeOutQuad[p]
[anim name="yamamine" left = 40 time=2000 effect=easeOutQuad]
[wa]

easeInOutQuad[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInOutQuad]
[wa]

easeInCubic[p]
[anim name="yamamine" left = 40 time=2000 effect=easeInCubic]
[wa]

easeOutCubic[p]
[anim name="yamamine" left = 800 time=2000 effect=easeOutCubic]
[wa]

easeInOutCubic[p]
[anim name="yamamine" left = 40 time=2000 effect=easeInOutCubic]
[wa]

easeInQuart[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInQuart]
[wa]

easeOutQuart[p]
[anim name="yamamine" left = 40 time=2000 effect=easeOutQuart]
[wa]

easeInOutQuart[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInOutQuart]
[wa]

easeInQuint[p]
[anim name="yamamine" left = 40 time=2000 effect=easeInQuint]
[wa]

easeOutQuint[p]
[anim name="yamamine" left = 800 time=2000 effect=easeOutQuint]
[wa]

easeInOutQuint[p]
[anim name="yamamine" left = 40 time=2000 effect=easeInOutQuint]
[wa]

easeInSine[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInSine]
[wa]

easeOutSine[p]
[anim name="yamamine" left = 40 time=2000 effect=easeOutSine]
[wa]

easeInOutSine[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInOutSine]
[wa]

easeInExpo[p]
[anim name="yamamine" left = 40 time=2000 effect=easeInExpo]
[wa]

easeOutExpo[p]
[anim name="yamamine" left = 800 time=2000 effect=easeOutExpo]
[wa]

easeInOutExpo[p]
[anim name="yamamine" left = 40 time=2000 effect=easeInOutExpo]
[wa]

easeInCirc[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInCirc]
[wa]

easeOutCirc[p]
[anim name="yamamine" left = 40 time=2000 effect=easeOutCirc]
[wa]

easeInElastic[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInElastic]
[wa]

easeOutElastic[p]
[anim name="yamamine" left = 40 time=2000 effect=easeOutElastic]
[wa]

easeInOutElastic[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInOutElastic]
[wa]

easeInBack[p]
[anim name="yamamine" left = 40 time=2000 effect=easeInBack]
[wa]

easeOutBack[p]
[anim name="yamamine" left = 800 time=2000 effect=easeOutBack]
[wa]

easeInOutBack[p]
[anim name="yamamine" left = 40 time=2000 effect=easeInOutBack]
[wa]

easeInBounce[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInBounce]
[wa]

easeOutBounce[p]
[anim name="yamamine" left = 40 time=2000 effect=easeOutBounce]
[wa]

easeInOutBounce[p]
[anim name="yamamine" left = 800 time=2000 effect=easeInOutBounce]
[wa]

テスト終了[p]



動画1分37秒あたりからの「~Elastic」や「~Back」「~Bounce」エフェクトは特徴があり、場面に合った動きをすると面白くなりそうです。

どういう動きにどういうエフェクトが適しているのか今後調査して、
分かり次第更新したいと思います。


それではまた!



ごいしはまぐりではブラウザでプレイできるノベルゲームも制作しております。
作品一覧はこちらです。

-ティラノスクリプト

執筆者:


comment

メールアドレスが公開されることはありません。

CAPTCHA


関連記事

ティラノスクリプト備忘録31
タグ[l][r][p]について

 こんにちは!今回はティラノスクリプトで一番多く使うタグ[l][r][p]についてです。 まずは改行[r]とページ送り[p]の具体例です。 改行サンプル 改行テストです[p] 一行目を表示します[r] ...

ティラノスクリプト備忘録28
カメラと背景

 こんにちは!今回は[camera]タグと背景についての覚え書きです。 [camera]タグは少ない画像でも多くの演出が出来て本当に便利! でも、カメラを動かすと背景が下の動画のようになってしまいます ...

ティラノスクリプト備忘録15
便利なツール紹介

 こんにちは!ぽんかです。 今回はティラノスクリプトでノベルゲームを作る際に使用しているツールを紹介したいと思います。ノベルゲームを作るのには色々な素材、要素が必要になります。便利なツールを使って 時 ...

ティラノスクリプト備忘録47
cond属性

 こんにちは!ぽんかです。 今回は全てのタグに使えるcond属性についての覚え書きです。 公式のタグリファレンスには以下のように書いてあります。 すべてのタグにcond属性があります。JS式を記述して ...

ティラノスクリプト備忘録5 変数によるIf分岐

ティラノスクリプト備忘録第5弾は「変数によるIf分岐」の作り方です。ボタン以外の分岐があると、ゲームとしての奥深さを表現出来たりしそうですね。ティラノスクリプト備忘録3では変数の出力について、 ティラ ...

アーカイブ