Web背景にWebGLを使ったアニメーションを実装できるWebサービス 『Vanta.js』

Web背景にWebGLを使った高品質な

アニメーション機能を実装できるVanta.js。

JSライブラリですが、画面上でカスタマイズして

HTMLコードを直ぐにコピペして使えます。

vantajs5

Vanta.js リンク先はこちらから

vantajs1

リンク先を開くと早速アニメーションされた

Web背景が広がります。

WebGL技術を簡単に使えるように

したライブラリで画面右側にはコードまで

表示されているので使いたい場合は

コピペで簡単に使えそうです。

使い方はGithubページで細かく紹介されています。

https://github.com/tengbao/vanta

vantajs2

Web上の画面でカスタマイズが可能です。

CSSなどの変更だけで画面上で編集できます。

vantajs3

画面下部には色んなテンプレートが用意されていて

雲を再現した背景もありました。

vantajs4

霧もあり一風変わったWeb背景を

作成することができます。

vantajs5

メッシュライクなスタイリッシュな背景もあり

自由に配色も可能です。

ライセンス関係まで調べていませんが

使ってみたい方はGithubなどものぞいてみては

いかがでしょうか。

よかったらシェアしてください!

コメント

コメントする

This site uses Akismet to reduce spam. Learn how your comment data is processed.

目次