ページ 11

【解決】画像スクロールとアニメーションを使ったタイトルの表現

Posted: 2018年11月28日(水) 15:20
by Noël
こんにちは。いつもお世話になっております。

トリアコンタン様作のプラグインParallaxTitle.jsと、
奏 ねこま様作のプラグインTitleAnimation.jsを併用しています。

ParallaxTitleで画像を近景スクロールさせ、
TitleAnimationで画像をアニメーションさせているのですが、
近景のほうがアニメーション画像より上層に表示されます。
実現したいことは、

↑上層
タイトルコマンド
アニメーション
スクロール画像
背景画像
↓下層

なのですが、このようなレイヤー構造のタイトルを実現させる方法がありましたら
是非教えていただきたいです。

よろしくお願いいたします。

Re: 画像スクロールとアニメーションを使ったタイトルの表現

Posted: 2018年11月28日(水) 18:34
by 奏ねこま
外にいるので試せませんが…

TitleAnimation.jsをメモ帳などのテキストエディタで開き、
createBackground
となっているところをすべて
createForeground
に書き換えてください。(4箇所)

その上で、プラグインの順番を
ParallaxTitle.js
TitleAnimation.js
の順にしてみてください。

Re: 画像スクロールとアニメーションを使ったタイトルの表現

Posted: 2018年11月29日(木) 00:23
by Noël
奏ねこま様
返信ありがとうございます。
教えていただいた通りにやってみたところ、無事思い通りの構造になりました!
本当に助かりました。ありがとうございました!