three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」

ガジェット総合
Vanta.js
Vanta.jsはthree.jsを使った3DなWebGLアニメーションの背景を簡単に作成、設置できるライブラリです。
同ライブラリのプロジェクトサイト内で簡単な編集を、プレビューを確認しながらツールバーの調整だけで可能になっており、コードも提供されているのでほぼコピペで実装できます。
提供されるコードはCDNを含んだものも用意されています。
Ads






See the Pen
Untitled by kachibito (@kachibito)
on CodePen.
動作サンプルです。よく見かける、マウスに合わせて動くやつ。
上記は以下のようなコードが発行されたものをそのまま実装しています。
<script src="three.r119.min.js"></script>
<script src="vanta.birds.min.js"></script>
<script>
VANTA.BIRDS({
el: "#your-element-selector",
mouseControls: true,
touchControls: true,

リンク元

コメント

タイトルとURLをコピーしました