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

アバター
Noël
記事: 38
登録日時: 2016年10月15日(土) 16:37

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

投稿記事by Noël » 2018年11月28日(水) 15:20

こんにちは。いつもお世話になっております。

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

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

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

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

よろしくお願いいたします。
最後に編集したユーザー Noël on 2018年11月29日(木) 00:23 [ 編集 1 回目 ]

奏ねこま
記事: 702
登録日時: 2016年1月20日(水) 20:04

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

投稿記事by 奏ねこま » 2018年11月28日(水) 18:34

外にいるので試せませんが…

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

その上で、プラグインの順番を
ParallaxTitle.js
TitleAnimation.js
の順にしてみてください。
アバター
Noël
記事: 38
登録日時: 2016年10月15日(土) 16:37

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

投稿記事by Noël » 2018年11月29日(木) 00:23

奏ねこま様
返信ありがとうございます。
教えていただいた通りにやってみたところ、無事思い通りの構造になりました!
本当に助かりました。ありがとうございました!

“MV:質問” へ戻る