ユーザ用ツール

サイト用ツール


move

Warning: Undefined array key -1 in /home/r4162016/public_html/loginas.co.jp/advmaster/reference/inc/html.php on line 1458

差分

このページの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機能」を参照]]+[[move機能|内容ついては「move機能」を参照]]
  
 ===== move2 (複数レイヤの同時移動設定) ===== ===== move2 (複数レイヤの同時移動設定) =====
 +[[move機能#複数レイヤーの同時移動|こちらも併せて参照ください参照]]\\
 使用できる属性は以下を除くmoveと同じです\\ 使用できる属性は以下を除くmoveと同じです\\
 ・count\\ ・count\\
-name\\+delay\\
 上記2つはmove2goに記述してください\\ 上記2つはmove2goに記述してください\\
  
行 15: 行 16:
 ^属性^必須^値^説明^ ^属性^必須^値^説明^
 |count|no|回数|移動の繰り返し回数を指定する\\  add subの相対座標を指定しているときは注意| |count|no|回数|移動の繰り返し回数を指定する\\  add subの相対座標を指定しているときは注意|
-|name|no|命名|名前をつけることで 複数のレイヤに対してstopmove,wmできる\\  move2の場合はmove2goに記す| +|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名を指定できます|&color(#0075c8){Browser}| +
 ===== stopmove2 (move2の停止) ===== ===== 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は継続ます| +
move.1625146629.txt.gz · 最終更新: 2021/07/01 22:37 by advmanager