サイドバー
文書の過去の版を表示しています。
目次
move
move (レイヤの移動)
move2 (複数レイヤの同時移動設定)
使用できる属性は以下を除くmoveと同じです
・count
・name
上記２つはmove2goに記述してください
| ;;;全景レイヤ全てにmoveさせる @eval exp="tf.size = kag.fore.layers.size" @while exp="tf.size > 0" @eval exp="tf.size -= 1" @move2 page=fore layer=&tf.size time=%time|250 path=(,sub10,)(,add10,) delay=0 @endwhile @move2go |
move2go (move2の実行)
| 属性 | 必須 | 値 | 説明 |
|---|---|---|---|
| count | no | 回数 | 移動の繰り返し回数を指定する add subの相対座標を指定しているときは注意 |
| name | no | 命名 | 名前をつけることで 複数のレイヤに対してstopmove,wmできる move2の場合はmove2goに記す |
| delay | no | ミリ秒 | mobe開始までの時間ミリ秒で指定する |
wm (moveの終了待ち)
| 属性 | 必須 | 値 | 説明 | 限定機能 |
|---|---|---|---|---|
| canskip | - | - | ||
| name | ||||
| layer | no | layer名 | 終了待ちするlayer名を指定できます | Browser |
moveの同時実行が大丈夫になったので、花吹雪的なこともOK
@move layer=hana path=(xxx,xxx,xxx) count=9999999 withback=true
…
@move layer=hoge path=(xxx,xxx,xx)
@wm layer=hoge
wm2 (move2の終了待ち)
| 属性 | 必須 | 値 | 説明 |
|---|---|---|---|
| name | no | 命名 | move2のnameで指定しているものだけを終了待ちする |
| canskip | no | true or false | クリックでスキップする |
canskip=trueにした場合クリック後にmoveの移動結果が一瞬表示されることになるので注意
stopmove (moveの停止)
| 属性 | 必須 | 値 | 説明 | 限定機能 |
|---|---|---|---|---|
| name | - | - | ||
| layer | no | layer名 | 終了するlayer名を指定できます | &color(#0075c8){Browser} |
stopmove2 (move2の停止)
| 属性 | 必須 | 値 | 説明 |
|---|---|---|---|
| name | no | 命名 | move2のnameで指定しているものだけを停止させる |
6. moveの使用方法
moveは表(おもて)画面に表示した画像(背景も含む)を移動させる場合に使用します。
移動には透明度や拡縮率も含まれるので、使いようによってはいろいろな表現が可能になります。
6－1書式
◆ moveタグの属性
| 属性 | 内容 |
| layer | 対象となるレイヤを指定します。 |
| time | pathで指定した点から点を移動するのに必要な時間を指定します。 pathで複数地点を設定した場合、通過する点間の区間の数×この属性の値の時間がかかります。 |
| delay | move開始までの時間を ミリ秒で指定します。 初期値は0秒。 |
| path | 移動先位置の指定です。 複数地点を連続して指定することもできます。 例 path=(200,400,,)(300,400,,)(300,100,,) |
| count | 移動の繰り返し回数を指定します。 pathで指定した最後の移動先まで移動したら、pathで指定した移動を再度繰り返します。 上記例では(300,100)の次に「move実行前の位置」→(200,400)→(300,400)…となります。 |
| name | moveへの名前付けになります。 名前付けすることにより、複数のレイヤーを同時にmoveする際、個別にstopmove、wmできます。 |
◆ path属性の説明
path属性でX座標、Y座標、透明度、全体拡縮率、水平拡縮率、垂直拡縮率の6つを指定します。
省略すると「変化なし」とみなします。X座標、Y座標は相対位置の指定もできます。
| 属性 | 内容 |
| X座標 | 横方向の位置を指定します。(例：400、center) 相対位置を指定する場合、addもしくはsubを指定します。 例 add100現在の位置から右方向に100px移動します。 sub100現在の位置から左方向に100px移動します。 |
| Y座標 | 縦方向の位置を指定します。(例：400) 相対位置を指定する場合、addもしくはsubを指定します。 例 add100現在の位置から下方向に100px移動します。 sub100現在の位置から上方向に100px移動します。 |
| 透明度 | 0～255の数字を指定します。 0が完全透明で、255が透明なしです。 移動中徐々に変化していきます。 |
| 全体拡大縮小率 | 0～の数字を百分率で指定します。 50で各辺が半分に、200で各辺が2倍になります。 100を指定すると元の大きさになります。 移動中徐々に変化していきます。 |
| 水平方向拡大縮小率 | 同上[ブラウザ版非対応] |
| 垂直方向拡大縮小率 | 同上[ブラウザ版非対応] |
| 回転角度 （2016/10追加） | 画像の回転を度で指定します。（例：60、-120） 回転方向は反時計周りになります（マイナス値は時計回りになります）。 相対角度を指定する場合、addもしくはsubを指定します。 例 add100現在の位置から反時計周りに100度回転します。 sub100現在の位置から時計回りに100度回転します。 |
6－1－1 画像回転と画像基準値（orgx, orgy）の関係
left,topを画面の中心にして角度を指定した場合
青枠が初期値（角度0度）、赤枠が角度60度。
| orgx=leftorgy=top | orgx=center orgy=center |
| orgx=left orgy=center | orgx=10 orgy=10 |
6－2具体例
6－2－1 薄くなりならが画面右に消える
| @move layer=0 path=(out_right,,0,) time=1000 | @wm |
6－2－2 ちょっとだけ左に寄る
| @move layer=0 path=(sub50,,,) time=500 | @wm |
6－2－3 真ん中からニョキニョキと大きくなりながら登場する
| @image layer=0 storage=aaa z=0 top=300 left=400 @move layer=0 path=(0,0,,100) time=1000 @wm |
6－2－4 小さくなりながら消えていく
| @move layer=0 path=(,,0,50) time=1000 | @wm |
6－2－5 ピョンピョン2回ジャンプする
| @move layer=0 path=(,sub50,,)(,add50,,) time=100 count=2 @wm |
6－2－6 透明＆拡大状態から登場する。
| @image layer=0 storage=aaa z=200 top=-300 left=-400 opacity=0 @move layer=0 path=(0,0,255,100) time=1000 @wm |
6－3複数レイヤーの同時移動
複数レイヤーを同時に移動させる際、moveを複数行並べてもそれなりに動きますが、
レイヤー間に若干のタイムラグが出る可能性が残ります。
複数レイヤーの同時移動で厳密に同期を取る場合はmove2を使用します。
◆ 使用するタグ
| タグ | 内容 |
| move2 | 移動するレイヤーの移動先指定です。moveと異なり、move2タグだけでは移動しません。 |
| move2go | move2タグで設定した移動を実行します。 |
| wm2 | move2終了待ち |
◆ move2タグの属性
| 属性 | 内容 |
| layer | moveと同じ |
| time | 同上 |
| path | 同上 |
| name | 同上 |
| delay | 同上 |
◆ move2goタグの属性
| 属性 | 内容 |
| delay | moveと同じ |
| count | 同上 |
◆ 使用例
| [image layer=0 page=fore storage=""test0"" visible=true orgx=c left=0 top=0] [image layer=1 page=fore storage=""test1"" visible=true orgx=c left=0 top=0] @move2 layer=0 path=(add800,sub100,,) time=1000 @move2 layer=1 path=(800,sub100,50,) time=2000 @move2go @wm2 canskip=true [image layer=0 page=fore storage=""test0"" visible=true orgx=c left=0 top=0] [image layer=1 page=fore storage=""test1"" visible=true orgx=c left=0 top=0] @move2 layer=0 path=(add800,sub100,,)(c,add50,,) time=500 @move2 layer=1 path=(800,sub100,,)(400,sub100,,)(800,add200,,) time=250 @move2go delay=2000 count=3 @wm2 canskip=true |
6－4複数レイヤーの同時移動2
複数のmoveを同時に実行後、特定のmoveに対してstopmoveやwmをしたい場合はmoveタグにname属性を付与します。
stopmove/wmにname属性が付与されていると当該nameのmoveのみがstopmove/wmの対象となります。stopmove/wm のname属性未指定の場合は実行中の全てのmoveが対象となります。
stopmove/wmに存在しないnameを指定した場合、当該タグは無視されます。既に実行中のmoveと同じnameを指定してmoveを実行した場合、同じnameとしてグループ化されます。[ブラウザ版非対応]
※当内容はmove2にもそのまま当てはまりますが、move2の場合、name属性はmove2goタグに入れます。
◆ 使用例1（特定のmoveのみ待つ場合）
| [image layer=rain1 page=fore storage=rainpic visible=true] [move name=rain layer=rain1 path=(,add50,) time=50 count=999999] [image layer=chara1 page=fore storage=img1 visible=true] [move name=stand1 layer=chara1 path=(330,330,255) time=1000] [image layer=chara2 page=fore storage=img2 visible=true] [move name=stand2 layer=chara2 path=(,330,0) time=5000] [wm name=stand1] [stopmove name=stand2] //name=rainのmoveは継続します |
◆ 使用例2（move2とmoveの同時実行）
| [image layer=rain1 page=fore storage=rainpic visible=true] [image layer=rain2 page=fore storage=rainpic2 visible=true] [move2 layer=rain1 path=(,add50,) time=50] [move2 layer=rain2 path=(,add200,) time=100] [move2go name=rain count=999999] [image layer=chara1 page=fore storage=img1 visible=true] [move name=stand1 layer=chara1 path=(330,330,255) time=1000] [image layer=chara2 page=fore storage=img2 visible=true] [move name=stand2 layer=chara2 path=(,330,0) time=5000] [wait time=500] [stopmove] //move2は実行を継続します [wait time=500] [stopmove2] //move,move2とも動作を停止しています |
◆ 使用例3（同じnameでmoveを同時実行）
| [image layer=rain1 page=fore storage=rainpic visible=true] [move name=rain layer=rain1 path=(,add50,) time=50 count=999999] [image layer=chara1 page=fore storage=img1 visible=true] [move name=stand layer=chara1 path=(330,330,255) time=5000] [image layer=chara2 page=fore storage=img2 visible=true] [move name=stand layer=chara2 path=(,330,0) time=3000] [wm name=stand] //name=standの2つのmoveを待ちます [stopmove name=stand2] //name=rainのmoveは継続します |
