サイドバー
アニメーション
目次
アニメーション(ブラウザ版非対応)
animstart (アニメーションの開始) Android
| 属性 | 必須 | 値 | 説明 |
|---|---|---|---|
| interval | yes | ミリ秒 | 入れ替える間隔 |
| loop | yes | 999(デフォルト) | 繰り返し回数 繰り返ししない場合は1を明示的に指定すること。 |
| clayer | - | 枚数 | アニメに使用するレイヤー数。 layer0から順番にパラパラします。 |
| passlayer | - | (hoge1,hoge2,hoge3,,,) | アニメに使用するレイヤー順番指定。 指定されたleyer順にパラパラします。 ※clayerとpasslayerは同時に使用することはできません。 両方設定されている場合はpasslayerが優先されます。 |
| endLayer | no | layer名 | アニメ終了後に表示するlayerの指定 デフォルトで非表示になります 以下の動作をアニメ終了と認識します loop終了、animstop実行、タップ |
| remain | yes | true/false | 終了時動作 true:最後のレイヤーが表示されたまま false:全て非表示 |
複数の画像を順番に表示することにより、アニメーションのような見せ方をすることができます。
画像を多くロードするのでメモリーの負荷が軽くなるように、システムが自動的に画質を落とします。
そのため、多少画像がぼんやり見える事があります。
【注意】アニメ中の@transは必ずlayer指定をして下さい。
レイヤー指定をしないとアニメに使用するレイヤーがトランジションされてしまい所望の動作にならない場合があります。
テキストや音声を出すことはできます。
animopt (アニメーションの変更) Android
| 属性 | 必須 | 値 | 説明 |
|---|---|---|---|
| interval | - | ||
| endlayer |
wa (アニメーションの停止待ち) Android
| 属性 | 必須 | 値 | 説明 |
|---|---|---|---|
| canskip | - | - |
animstop (アニメーションの停止) Android
◆ 例1：clayerを使用して画像をパラパラさせます。
| @laycount layers=5 [image layer=base page=fore storage=a_a005k1_a00 visible=true left=0 top=0] [image layer=0 page=fore storage=a_a005k1_a00 visible=false left=0 top=0] [image layer=1 page=fore storage=a_a005k1_a01 visible=false left=0 top=0] [image layer=2 page=fore storage=a_a005k1_a02 visible=false left=0 top=0] [image layer=3 page=fore storage=a_a005k1_a03 visible=false left=0 top=0] [image layer=4 page=fore storage=a_a005k1_a04 visible=false left=0 top=0] @animstart interval=50 loop=100 clayer=5 [cm]アニメ中です１。[l][r] [cm]アニメ中です２。[l][r] [cm]アニメ中です３。[l][r] [wa canskip=true] @animstart interval=50 loop=100 clayer=10 [cm]アニメ中です１。[l][r]s [cm]パラパラ速度を早くします[l][r] @animopt interval=100 [cm]次に画像をlayer0～2までの3枚にします。[l][r] @animopt clayer=3 アニメを終了します。[l][r] [animstop] @laycount layers=3 |
◆ 例2：passlayerを使用して画像をパラパラさせます。
| @laycount layers=5 [image layer=base page=fore storage=a_a005k1_a00 visible=true left=0 top=0] [image layer=0 page=fore storage=a_a005k1_a00 visible=false left=0 top=0] [image layer=1 page=fore storage=a_a005k1_a01 visible=false left=0 top=0] [image layer=2 page=fore storage=a_a005k1_a02 visible=false left=0 top=0] [image layer=3 page=fore storage=a_a005k1_a03 visible=false left=0 top=0] [image layer=4 page=fore storage=a_a005k1_a04 visible=false left=0 top=0] [cm] @animstart interval=50 loop=100 passlayer=(2,3,4) layer2→layer3→layer4の順でパラパラしています。[l][r] layer0→layer1→layer0→layer1→layer4の順に変更します。[l][r] @animopt passlayer=(0,1,0,1,4) [wa canskip=true] カッコで囲むと最後に囲まれたlayerがloopします。 layer0→layer1→layer0→layer1→layer4の順にパラパラした後、layer2→layer3→layer4を繰り返します。 @animstart interval=50 loop=100 passlayer=(0,1,0,1,4)(2,3,4) アニメを終了します。[l][r] [animstop] @laycount layers=3 |
◆ 例3：passlayerを使用して画像をパラパラさせます。（レイヤ名指定なので@laycountは不要）
| [image layer=base page=fore storage=a_a005k1_a00 visible=true left=0 top=0] [image layer=anim0 page=fore storage=a_a005k1_a00 visible=false left=0 top=0] [image layer=anim1 page=fore storage=a_a005k1_a01 visible=false left=0 top=0] [image layer=anim2 page=fore storage=a_a005k1_a02 visible=false left=0 top=0] [image layer=anim3 page=fore storage=a_a005k1_a03 visible=false left=0 top=0] [image layer=anim4 page=fore storage=a_a005k1_a04 visible=false left=0 top=0] [cm] @animstart interval=50 loop=100 passlayer=(anim2,anim3,anim4) anim2→anim3→anim4の順でパラパラしています。[l][r] anim0→anim1→anim0→anim1→anim4の順に変更します。[l][r] @animopt passlayer=(anim0,anim1,anim0,anim1,anim4) [wa canskip=true] |
9. 動画再生
Androidが対応する動画ファイルを再生することができます。動画再生中は画像レイヤーが非表示になるため、画像の表示はできません。テキスト表示、音声再生は普通にできます。[ブラウザ版非対応]
9－1基本仕様
◆ 使用するタグ
| タグ | 内容 |
|---|---|
| video | 動画再生 例 [video storage=""moviefile""] |
| wv | 動画再生終了待ち 例 [wv canskip=true] |
| stopvideo | 再生中の動画を強制終了します。 |
◆videoタグの属性
| 属性 | 内容 |
|---|---|
| storage | 動画ファイル名 拡張子は付けません |
| loop | true：動画を繰り返し再生する false：1回再生したら動画を終了する |
| start | 動画の再生開始場所 ミリ秒で指定 初期値は0 |
| end | 動画の再生終了場所 ミリ秒で指定 初期値は動画の最後 |
アニメーション.txt · 最終更新: 2021/07/02 11:08 by advmanager
特に明示されていない限り、本Wikiの内容は次のライセンスに従います： CC Attribution-Share Alike 4.0 International
