Infinity Scroll

永遠に繰り返される背景アニメーションの作り方を解説します。背景を構成する background, mountains, treesのレイヤーに Infinity Scrollの属性を付与します。

https://youtu.be/56xdYJq3WwY

対象となるレイヤーを選択します。

  • background
  • mountains
  • trees

次に、KwiKのパネルから、Layer Properties(レイヤー設定)をクリックします。

Layer Replacements > Layer Properties

それぞれのレイヤーでInfinity Scrollingのスピード(speed)設定を異なる数値にすることで、奥行き感が表現されます。

例えば,backgroundを4,mountainsを5,treeを6とします。方向(Direction)には、右向き(right)を指定します。

  • Direction: right
  • Speed: 4
  • Distance:0

※レイヤーの横幅はスクリーンの横幅と同じです。distanceに値を設定すると、スクロール幅が width+distance または hight+ distance となります。

results matching ""

    No results matching ""