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などものぞいてみては

いかがでしょうか。

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

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次