進化し続けるWEBの表現。最近はアニメーションで見せるWEBも非常に多くなってきました。今回紹介するのは、軽量で表現力の高いHTML5 Canvasで表現するアニメーション背景「Ambient Canvas Backgrounds」です。 基本的にはjavascrptで制御しており、座標やカラーなどを簡単に調整できるようになっています。全部で5つのアニメーションがセットされていますがいくつか気になったものを紹介したいと思います。 詳しくは以下 Aurora 上下にブラーが聞いた光が揺らめくアニメーション Swirl 光の粒子が一定のゆらぎを持って自由に動き回ります。 Shift グラデーションの背景の色が変化しながらゆっくりと移ろいます。 手軽に現代的なアニメーション背景を導入したい方は是非どうぞ。ソースは以下のサイトからダウンロード可能です。 Ambient Canvas Backgro
![軽量で表現力の高いHTML5 Canvasで表現するアニメーション背景「Ambient Canvas Backgrounds」](https://cdn-ak-scissors.b.st-hatena.com/image/square/f33a599396cd58ab0a3d2d4ed157d8a019357c91/height=288;version=1;width=512/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2018%2F12%2FAmbient_featured.jpg)