このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
|
move [2021/07/01 22:37] advmanager [wm (moveの終了待ち)] |
move [2022/08/01 15:46] (現在) advmanager [move2 (複数レイヤの同時移動設定)] |
||
|---|---|---|---|
| 行 2: | 行 2: | ||
| ===== move (レイヤの移動) ===== | ===== move (レイヤの移動) ===== | ||
| - | [[move機能# | + | [[move機能|内容ついては「move機能」を参照]] |
| ===== move2 (複数レイヤの同時移動設定) ===== | ===== move2 (複数レイヤの同時移動設定) ===== | ||
| + | [[move機能# | ||
| 使用できる属性は以下を除くmoveと同じです\\ | 使用できる属性は以下を除くmoveと同じです\\ | ||
| ・count\\ | ・count\\ | ||
| - | ・name\\ | + | ・delay\\ |
| 上記2つはmove2goに記述してください\\ | 上記2つはmove2goに記述してください\\ | ||
| 行 15: | 行 16: | ||
| ^属性^必須^値^説明^ | ^属性^必須^値^説明^ | ||
| |count|no|回数|移動の繰り返し回数を指定する\\ | |count|no|回数|移動の繰り返し回数を指定する\\ | ||
| - | |name|no|命名|名前をつけることで 複数のレイヤに対してstopmove, | + | |delay|no|ミリ秒|move開始までの時間ミリ秒で指定する| |
| - | |delay|no|ミリ秒|mobe開始までの時間ミリ秒で指定する| | + | |
| ===== wm (moveの終了待ち) ===== | ===== wm (moveの終了待ち) ===== | ||
| - | ^属性^必須^値^説明^限定機能^ | + | ^属性^必須^値^説明^ |
| - | |canskip|-|-| | | | + | |canskip|no|true or false(初期値)|true: |
| - | |name| | | | | | + | |layer|no|layer名|終了待ちするlayer名を指定できます| |
| - | |layer|no|layer名|終了待ちするlayer名を指定できます|Browser| | + | |
| moveの同時実行が大丈夫なので、花吹雪的なこともOK\\ | moveの同時実行が大丈夫なので、花吹雪的なこともOK\\ | ||
| 行 32: | 行 31: | ||
| ===== wm2 (move2の終了待ち) ===== | ===== wm2 (move2の終了待ち) ===== | ||
| ^属性^必須^値^説明^ | ^属性^必須^値^説明^ | ||
| - | |name|no|命名|move2のnameで指定しているものだけを終了待ちする| | + | |canskip|no|true or false(初期値)|true:クリックでスキップする| |
| - | |canskip|no|true or false|クリックでスキップする| | + | |
| canskip=trueにした場合クリック後にmoveの移動結果が一瞬表示されることになるので注意\\ | canskip=trueにした場合クリック後にmoveの移動結果が一瞬表示されることになるので注意\\ | ||
| ===== stopmove (moveの停止) ===== | ===== stopmove (moveの停止) ===== | ||
| - | ^属性^必須^値^説明^限定機能^ | + | ^属性^必須^値^説明^ |
| - | |name|-|-| | | | + | |layer|no|layer名|終了するlayer名を指定できます| |
| - | |layer|no|layer名|終了するlayer名を指定できます|& | + | |
| ===== stopmove2 (move2の停止) ===== | ===== stopmove2 (move2の停止) ===== | ||
| - | ^属性^必須^値^説明^ | + | 属性なし |
| - | |name|no|命名|move2のnameで指定しているものだけを停止させる| | + | |
| - | + | ||
| - | 6. moveの使用方法\\ | + | |
| - | + | ||
| - | moveは表(おもて)画面に表示した画像(背景も含む)を移動させる場合に使用します。\\ | + | |
| - | 移動には透明度や拡縮率も含まれるので、使いようによってはいろいろな表現が可能になります。\\ | + | |
| - | + | ||
| - | 6-1書式\\ | + | |
| - | + | ||
| - | ◆ moveタグの属性\\ | + | |
| - | |属性|内容| | + | |
| - | |layer|対象となるレイヤを指定します。| | + | |
| - | |time|pathで指定した点から点を移動するのに必要な時間を指定します。\\ | + | |
| - | |delay|move開始までの時間を ミリ秒で指定します。\\ | + | |
| - | |path|移動先位置の指定です。\\ | + | |
| - | |count|移動の繰り返し回数を指定します。\\ | + | |
| - | |name|moveへの名前付けになります。\\ | + | |
| - | + | ||
| - | ◆ path属性の説明\\ | + | |
| - | path属性でX座標、Y座標、透明度、全体拡縮率、水平拡縮率、垂直拡縮率の6つを指定します。\\ | + | |
| - | 省略すると「変化なし」とみなします。X座標、Y座標は相対位置の指定もできます。\\ | + | |
| - | + | ||
| - | |属性|内容| | + | |
| - | |X座標|横方向の位置を指定します。(例:400、center)\\ | + | |
| - | |Y座標|縦方向の位置を指定します。(例:400)\\ | + | |
| - | |透明度|0~255の数字を指定します。\\ | + | |
| - | |全体拡大縮小率|0~の数字を百分率で指定します。\\ | + | |
| - | |水平方向拡大縮小率|同上[ブラウザ版非対応]| | + | |
| - | |垂直方向拡大縮小率|同上[ブラウザ版非対応]| | + | |
| - | |回転角度\\ | + | |
| - | + | ||
| - | 6-1-1 画像回転と画像基準値(orgx, | + | |
| - | + | ||
| - | left, | + | |
| - | + | ||
| - | 青枠が初期値(角度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,, | + | |
| - | + | ||
| - | 6-2-2 ちょっとだけ左に寄る\\ | + | |
| - | + | ||
| - | |@move layer=0 path=(sub50,,, | + | |
| - | + | ||
| - | 6-2-3 真ん中からニョキニョキと大きくなりながら登場する\\ | + | |
| - | + | ||
| - | |@image layer=0 storage=aaa z=0 top=300 left=400\\ | + | |
| - | + | ||
| - | 6-2-4 小さくなりながら消えていく\\ | + | |
| - | + | ||
| - | |@move layer=0 path=(,, | + | |
| - | + | ||
| - | 6-2-5 ピョンピョン2回ジャンプする\\ | + | |
| - | + | ||
| - | |@move layer=0 path=(, | + | |
| - | + | ||
| - | 6-2-6 透明&拡大状態から登場する。\\ | + | |
| - | + | ||
| - | |@image layer=0 storage=aaa z=200 top=-300 left=-400 opacity=0\\ | + | |
| - | + | ||
| - | 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="" | + | |
| - | + | ||
| - | 6-4複数レイヤーの同時移動2\\ | + | |
| - | + | ||
| - | 複数のmoveを同時に実行後、特定のmoveに対してstopmoveやwmをしたい場合はmoveタグにname属性を付与します。\\ | + | |
| - | stopmove/ | + | |
| - | stopmove/ | + | |
| - | + | ||
| - | ※当内容はmove2にもそのまま当てはまりますが、move2の場合、name属性はmove2goタグに入れます。\\ | + | |
| - | + | ||
| - | ◆ 使用例1(特定のmoveのみ待つ場合) | + | |
| - | |[image layer=rain1 page=fore storage=rainpic visible=true]\\ | + | |
| - | + | ||
| - | ◆ 使用例2(move2とmoveの同時実行) | + | |
| - | |[image layer=rain1 page=fore storage=rainpic visible=true]\\ | + | |
| - | + | ||
| - | ◆ 使用例3(同じnameでmoveを同時実行) | + | |
| - | |[image layer=rain1 page=fore storage=rainpic visible=true]\\ | + | |