Webサイト上でも3Dを使った表現が最近とても増えてきている中、Webページの背景として設置する3Dアニメーションを簡単に作成できる「Vanta.js」が便利だったので、自分用のメモ書きとして紹介してみます。 Vanta.js – Animated 3D Backgrounds For Your Website Vanta.js 「Vanta.js」はThree.jsを使ったWebGLの3Dアニメーションを作成できるJavaScriptライブラリです。 使用方法はとても簡単で、Three.jsとVanta.jsを読み込んで「Vanta.js」サイトのプレビューで設定した値をコピペするだけで設置することができます。 3Dエフェクトは「Birds」「Clouds」「Dots」「Rings」など13種類。 (2022年1月現在) ライブラリファイルは各エフェクトごとに用意されています。 試しに「
![Three.js(WebGL)3Dアニメーションの背景を作成できる「Vanta.js」|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd7f43946768aad1f06300e637b882c90bf15786/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp.png)