ITエンジニア/デザイナ向けにオープンソースを毎日紹介

自然の動きを表現するのはとても難しいです。コンピュータは直線を描いたり、繰り返す動きを描くのは得意ですが、滑らかな曲線を自然に描くのは容易ではありません。しかし自然物のデザインはそうした繰り返しではないところに魅力があります。

今回紹介するSvg WaveはSVGで波を描けるソフトウェアになります。

Svg Waveの使い方

メイン画面です。

波の高さや数を変更できます。

さらにカラーリングを変更することも。

ダークモードもあります。

Svg Waveを使うことで滑らかな波の動きを作成できます。できあがったデザインはSVGまたはPNGで出力できます。Webページの背景に適用したり、スライドに使ってみたりするのも面白そうです。こうした自然物のデザインを手軽に作れるのは面白いですし、便利です。

Svg WaveはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Svg Wave - A free & beautiful gradient SVG wave Generator.

anup-a/svgwave: ? SVG Wave is a tiny, free and beautiful SVG gradient waves generator for your UI or website desgin. It offers dead simple UI to customize, and style your waves based on your theme specifications.

 

MOONGIFTの関連記事

  • DevRel
  • Com2