ADV.MASTER リファレンスマニュアル

ユーザ用ツール

サイト用ツール

トレース:
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/02 10:58]
advmanager [書式] 		move機能 [2025/05/20 17:19] (現在)
yam
行 1: 行 1:
 ====== move機能 ====== ====== move機能 ======
 ===== moveの使用方法 ===== ===== moveの使用方法 =====
-moveは表画面に表示した画像(背景も含む)を移動させる場合に使用します。移動には透明度や拡縮率も含まれるので、使いようによってはいろいろな表現が可能になります。+moveは表画面に表示した画像(背景も含む)を移動させる場合に使用します。移動には透明度、拡縮率、回転も含まれるので、使いようによってはいろいろな表現が可能になります。
 ==== 書式 ==== ==== 書式 ====
 ◆moveタグの属性 ◆moveタグの属性
 ^属性^必須^値^説明^ ^属性^必須^値^説明^
-|layer|yes|レイヤー名|対象となるレイヤを指定する baseやmessage1も指定可能| +|layer|yes|レイヤー名|対象となるレイヤを指定する baseも指定可能| 
-|page|no|back/\\  fore(初期値)|対象レイヤを表か裏か|+|page|no|back\\ fore(初期値)\\ both|対象レイヤを表か裏か\\ bothは表裏両方\\ ※裏を指定する際は[[システム#canvas (キャンバス属性)|cavasタグ]]でbackmove=true指定をする必要があります。|
 |time|yes|ミリ秒|pathで指定した点から点を移動するのに必要な時間を指定します。\\  pathで複数地点を設定した場合、通過する点間の区間の数×この属性の値の時間がかかります。| |time|yes|ミリ秒|pathで指定した点から点を移動するのに必要な時間を指定します。\\  pathで複数地点を設定した場合、通過する点間の区間の数×この属性の値の時間がかかります。|
-|path|yes|以下path属性の説明参照|移動先位置の指定です。\\  ・path内に記述する順番はpath=(①,②,③,④,⑤,⑥,⑦)となります。\\  ①x座標\\  ②y座標\\  ③透明度\\  ④全体の拡大縮小\\  ⑤水平方向の拡縮\\  ⑥垂直方向の拡縮\\  ⑦回転角度\\  ・複数地点を連続して指定することも出来ます。\\  例\\  path=(200,400,,)(300,400,,)(300,100,,)|+|path|yes|[[move機能#path属性の説明|以下path属性の説明参照]]|移動先位置の指定です。\\  ・path内に記述する順番はpath=(①,②,③,④,⑤,⑥,⑦)となります。\\  ①x座標\\  ②y座標\\  ③透明度\\  ④全体の拡大縮小\\  ⑤水平方向の拡縮\\  ⑥垂直方向の拡縮\\  ⑦回転角度\\  ・複数地点を連続して指定することも出来ます。\\  例\\  path=(200,400,,)(300,400,,)(300,100,,)|
 |count|no|整数|移動の繰り返し回数を指定します。\\  pathで指定した最後の移動先まで移動したら、pathで指定した移動を再度繰り返します。上記例では(300,100)の次に\\  「move実行前の位置」→(200,400)→(300,400)…となります。| |count|no|整数|移動の繰り返し回数を指定します。\\  pathで指定した最後の移動先まで移動したら、pathで指定した移動を再度繰り返します。上記例では(300,100)の次に\\  「move実行前の位置」→(200,400)→(300,400)…となります。|
 |delay|no|ミリ秒|move開始までの時間ミリ秒で指定する\\  初期値は0秒| |delay|no|ミリ秒|move開始までの時間ミリ秒で指定する\\  初期値は0秒|
行 14: 行 14:
 |interval|no|ミリ秒|countが1以上の時、次のcountに入るまでの待ち時間| |interval|no|ミリ秒|countが1以上の時、次のcountに入るまでの待ち時間|
 |group|no|　|[[使い方のヒント#group属性について|group属性についてはこちらを参照]]| |group|no|　|[[使い方のヒント#group属性について|group属性についてはこちらを参照]]|
 +|ease|no|　|[[使い方のヒント#イージング|イージング処理]]を指定します。\\  liner：等速(初),\\  ease-in：ゆっくり開始,\\  ease-out：ゆっくり停止,\\  ease-in-out：ゆっくり開始しゆっくり停止|
  
  
行 19: 行 20:
 ==== path属性の説明 ==== ==== path属性の説明 ====
 path属性でX座標、Y座標、透明度、全体拡縮率、水平拡縮率、垂直拡縮率、回転の7つを指定します。 path属性でX座標、Y座標、透明度、全体拡縮率、水平拡縮率、垂直拡縮率、回転の7つを指定します。
-省略すると「変化なし」とみなします。X座標、Y座標は相対位置の指定もできます。+省略すると「変化なし」とみなします。X座標、Y座標は相対位置の指定もできます。\\ 
 +例： path=(200,400,,150)(,,,200)(add200,,)
 ^  属性  ^  内容  ^ ^  属性  ^  内容  ^
 |X座標|横方向の位置を指定します。(例：400、center)\\  相対位置を指定する場合、addもしくはsubを指定します。| |X座標|横方向の位置を指定します。(例：400、center)\\  相対位置を指定する場合、addもしくはsubを指定します。|
行 27: 行 29:
 |水平方向拡大縮小率|同上| |水平方向拡大縮小率|同上|
 |垂直方向拡大縮小率|同上| |垂直方向拡大縮小率|同上|
-|回転角度\\  (2016/10 追加)|画像の回転を度で指定します。(例：60、-120)\\  回転方向は反時計回りになります(マイナス値は時計回りになります)。\\  相対角度を指定する場合、addもしくはsubを指定します。\\  例\\  add100 現在の位置から反時計回りに100度回転します。\\  sub100 現在の位置から時計回りに100度回転します。|+|回転角度\\  (2021/02 追加)|画像の回転を度で指定します。(例：60、-120)\\  回転方向は時計回りになります(マイナス値は反時計回りになります)。\\  相対角度を指定する場合、addもしくはsubを指定します。\\  例\\  add100 現在の位置から時計回りに100度回転します。\\  sub100 現在の位置から反時計回りに100度回転します。|
 ==== 画像回転と画像基準値(orgx,orgy)の関係 ==== ==== 画像回転と画像基準値(orgx,orgy)の関係 ====
 left,topを画面の中心にして角度を指定した場合\\   left,topを画面の中心にして角度を指定した場合\\  
-青枠が初期値(角度0度)、赤枠が角度60度。+青枠が初期値(角度0度)、赤枠が角度-60度（マイナス60度）。
 ^  orgx=left orgy=top  ^  orgx=center orgy=center  ^ ^  orgx=left orgy=top  ^  orgx=center orgy=center  ^
 |{{ :move01.png?nolink&400 |}}|{{ :move02.png?nolink&400 |}}| |{{ :move01.png?nolink&400 |}}|{{ :move02.png?nolink&400 |}}|
-^  orgx=left orgy=center  ^  orgx=10 orgy=10  ^+^  orgx=left orgy=center  ^  orgx=10 orgy=10(未実装)  ^
 |{{ :move03.png?nolink&400 |}}|{{ :move04.png?nolink&400 |}}| |{{ :move03.png?nolink&400 |}}|{{ :move04.png?nolink&400 |}}|
  
 ===== 具体例 ===== ===== 具体例 =====
 ==== 薄くなりながら画面右に消える ==== ==== 薄くなりながら画面右に消える ====
-|@move layer=0 path=(out_right,,0,) time=1000\\  @wm|+|@move layer=hoge path=(out_right,,0,) time=1000\\  @wm|
 ==== ちょっとだけ左に寄る ==== ==== ちょっとだけ左に寄る ====
-|@move layer=0 path=(sub50,,,) time=500\\  @wm|+|@move layer=hoge path=(sub50,,,) time=500\\  @wm|
 ==== 真ん中からニョキニョキと大きくなりながら登場する ==== ==== 真ん中からニョキニョキと大きくなりながら登場する ====
-|@image layer=0 storage=aaa z=0 top=300 left=400\\  @move layer=0 path=(0,0,,100) time=1000\\  @wm|+|@image layer=hoge0 storage=hoge z=0 top=300 left=400\\  @move layer=hoge0 path=(0,0,,100) time=1000\\  @wm|
 ==== 小さくなりながら消えていく ==== ==== 小さくなりながら消えていく ====
-|@move layer=0 path=(,,0,50) time=1000\\  @wm|+|@move layer=hoge path=(,,0,50) time=1000\\  @wm|
 ==== ピョンピョン2回ジャンプする ==== ==== ピョンピョン2回ジャンプする ====
-|@move layer=0 path=(,sub50,,)(,add50,,) time=100 count=2\\  @wm|+|@move layer=hoge path=(,sub50,,)(,add50,,) time=100 count=2\\  @wm|
 ==== 透明&拡大状態から登場する ==== ==== 透明&拡大状態から登場する ====
-|@image layer=0 storage=aaa z=200 top=-300 left=-400 opacity=0\\  @move layer=0 path=(0,0,255,100) time=1000\\  @wm|+|@image layer=hoge storage=aaa z=200 top=-300 left=-400 opacity=0\\  @move layer=hoge0 path=(0,0,255,100) time=1000\\  @wm|
 ===== 複数レイヤーの同時移動 ===== ===== 複数レイヤーの同時移動 =====
 複数レイヤーを同時に移動させる際、moveを複数行並べてもそれなりに動きますが、レイヤー間に若干のタイムラグが出る可能性が残ります。複数レイヤーの同時移動で厳密に同期を取る場合はmove2を使用します。 複数レイヤーを同時に移動させる際、moveを複数行並べてもそれなりに動きますが、レイヤー間に若干のタイムラグが出る可能性が残ります。複数レイヤーの同時移動で厳密に同期を取る場合はmove2を使用します。
行 65: 行 67:
  
 ◆使用例 ◆使用例
-|[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|+|[image layer=hoge0 page=fore storage="test0" visible=true orgx=c left=0 top=0]\\  [image layer=hoge1 page=fore storage="test1" visible=true orgx=c left=0 top=0]\\  @move2 layer=hoge0 path=(add800,sub100,,) time=1000\\  @move2 layer=hoge1 path=(800,sub100,50,) time=2000\\  @move2go\\  @wm2 canskip=true\\  \\  [image layer=hoge0 page=fore storage="test0" visible=true orgx=c left=0 top=0]\\  [image layer=hoge1 page=fore storage="test1" visible=true orgx=c left=0 top=0]\\  @move2 layer=hoge0 path=(add800,sub100,,)(c,add50,,) time=500\\  @move2 layer=hoge1 path=(800,sub100,,)(400,sub100,,)(800,add200,,) time=250\\  @move2go delay=2000 count=3\\  @wm2 canskip=true|
 ===== 複数レイヤーの同時移動(その2) ===== ===== 複数レイヤーの同時移動(その2) =====
 複数のmoveを同時に実行後、特定のmoveに対してstopmoveやwmをしたい場合はstopmove/wmにlayer属性を付与します。stopmove/wm のlayer属性未指定の場合は実行中の全てのmoveが対象となります。\\   複数のmoveを同時に実行後、特定のmoveに対してstopmoveやwmをしたい場合はstopmove/wmにlayer属性を付与します。stopmove/wm のlayer属性未指定の場合は実行中の全てのmoveが対象となります。\\  
 stopmove/wmに存在しないlayerを指定した場合、当該タグは無視されます。 stopmove/wmに存在しないlayerを指定した場合、当該タグは無視されます。
- 
- 
- 
- 
- 
- 
- 
  
move機能.1625191085.txt.gz · 最終更新: 2021/07/02 10:58 by advmanager

ページ用ツール

特に明示されていない限り、本Wikiの内容は次のライセンスに従います： CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki