インタラクティブにアニメーションする背景を作成できるWebアプリ・「Naker.Back」

Ads

Naker.Back


Naker.Backはインタラクティブにアニメーションする背景を作成できるWebアプリです。

たまに見かけるやつですね。もともと動いてるけどマウスを乗せると動きに応じてパララックスな演出をする、みたいなのとかを作れる、というもの

僕の語彙力がアレなので見てもらった方が早いですね

Ads

サンプル


Naker.Backで作ったサンプルです。用意されたマテリアルを使い、設定は何も考えず作ったもので2分もかかっていません

使い方は吐き出されたコードに指定したidの要素で包括するだけです。例えば上のデモなら、作成時にtestというIDを指定したのでid=”test”という要素の中にコードをコピペすれば表示されます

マテリアルは任意のものを使う事も出来ます。設定は動く方向や背景色、グラデーションも可能、マテリアルの数や動作スピードなどの設定が可能です

難点は吐き出されるコードがNaker.BackのCDNを使う点、ユーザー登録が必須な点でしょうか。何もアップロードしなくていいメリットがありますが、このアプリのサーバーが落ちたりサービスが終了した場合に表示されないデメリットがあります。

今のところ作成、ユーザー登録ともに無料で利用可能です。一時的なキャンペーンサイトなんかに良いかもしれませんね

Naker.Back