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

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

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

投稿記事 by Noël »

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

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

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

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

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

よろしくお願いいたします。
最後に編集したユーザー Noël [ 2018年11月29日(木) 00:23 ], 累計 1 回
奏ねこま
記事: 702
登録日時: 2016年1月20日(水) 20:04

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

投稿記事 by 奏ねこま »

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

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

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

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

投稿記事 by Noël »

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

“MV:質問”に戻る