WEBサイトにホラーなエフェクトを実装できるjQueryプラグイン3選

「ホラーなサイトを作成してみたいけど、中々うまく作れない…」という人にとって救いの手を差し伸べてくれるのが、多くのアニメーションを簡単に実装できるjQueryプラグインです。
今回は、そんなjQueryプラグインの中から、ホラーな演出にピッタリのプラグインを3つご紹介します。

※紹介するプラグインの一部が、記事閲覧時には非推奨となっている可能性があります。
あらかじめご了承ください。

1．mgGlitch

mgGlitchは、グリッチエフェクトを画像に対して適用させられるjQueryプラグインです。

グリッチエフェクトは、上の画像のような形で、オブジェクトをチラつかせたり、ザラザラさせたりするような演出手法を指します。

ゲームのバグを表現するなど、心理的な不安定感を作り出す際によく用いられており、ホラーなコンテンツの演出にもピッタリです。

以下にオリジナルのDEMOファイルを用意しているので、動作確認やお試し用に使ってみてください。

HYPER GLITCHは、グリッチエフェクトを文字に対して適用させられるjQueryプラグインです。

mgGlitchと同様に画像にエフェクトを実装することも可能ではあるものの、mgGlitchに比べると画像の場合は動作が不安定になるため、基本的には文字をグリッチさせる目的で使うのがおすすめ。

ホラー演出と呼ぶには少し演出は地味ですが、ちょっとした隠しネタとして文字をグリッチさせるなど、オシャレな使い道も生まれますね。

以下にオリジナルのDEMOファイルを用意しているので、動作確認やお試し用に使ってみてください。

jRumbleは、要素をグラグラ揺らすことができるjQueryプラグインです。

本来は可愛さや遊び心を重視するデザインでよく利用されていますが、グリッチエフェクト等と同様に、画像をうまく揺らすことができれば、ホラー演出に応用することができます。

WEB制作の現場でもよく目にするため、練習がてら使ってみるのもおすすめです。

以下にオリジナルのDEMOファイルを用意しているので、動作確認やお試し用に使ってみてください。

jQueryプラグインを活用すれば、面倒なホラー向けアニメーションもjQuery関数で簡単に実装できます。ホラーなWEBサイト、あるいは少し不気味なデザインを実現してみたい方は、ここで紹介した3つのプラグインを活用してみてください。