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

いかがでしょうか。

  • コメント: 0

プログラムのソースコードを美しく画像化できるWebサービス 『kod.so』前のページ

平和と戦争について考えれる広島を360°空撮されたWebサービス 『デジタル3Dコンテンツin平和記念公園』次のページ

関連記事

  1. Web制作ツール

    CSS3.0を簡単にコード生成してくれるネットサービス 画面で設定出来るので簡単 CSS3.0Mak…

    インターネット技術も日進月歩で新しい技術が日々生まれています今…

  2. Web制作ツール

    自分のサイトがスマホでどの様に見えるか確認できるWebサービス Test Mobile View

    自分のサイトなどの入力したURLがスマホでどの様に見えるかを確認できる…

  3. Web制作ツール

    自然な日本語ダミーテキストを作成できるWebサービス 『Lorem JPsum』

    自然な日本語ダミーテキストを自動生成するWebサービス。Web…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP