タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとjavascriptとSVGに関するtakahashitakashiのブックマーク (2)

  • Trianglify – ポリゴンを組み合わせたSVGを生成

    デザインして作る画像もいいですが、パラメータを指定してコンピュータ上で自動生成される画像は思いもしなかった出会いが生まれることがあります。特にプログラムと組み合わせれば動かすことも可能です。 そこで見てみたいのがTrianglifyです。三角のポリゴンを組み合わせたSVG画像を背景にあてて表示する、幻想的な表示を行うJavaScriptライブラリです。 Trianglifyの使い方 ノイズを載せたり、ポリゴンの大きさやその均一性などが調整できるようになっています。手動で作るのも良いですが、自動で徐々に変化していく背景を作ったりするのも面白そうです。 TrianglifyはJavaScript製のオープンソース・ソフトウェア(GPL v3)です。 Trianglify by @qrohlf qrohlf/trianglify

    Trianglify – ポリゴンを組み合わせたSVGを生成
  • 次のプロジェクトで使いたい、CSS3からSVGまでアニメーションを実装するスクリプトのまとめ

    最近のウェブやスマフォのページで使われている効果的で面白いさまざまなアニメーションを実装できるスクリプトを紹介します。 スクロールに連動してさまざまな要素がアニメーションで表示されたり、ページを表示する時にふわっとさせたり、画像にSVGでブラーをかけてテキストを載せたり、物理演算エンジンで慣性を楽しんだりなど、デモを見るだけでもかなりいい刺激がもらえるスクリプトばかりです。 Agile Agile -GitHub SVGやWebGLを使用せず、JavaScriptCSS3アニメーションを生成するライブラリ。デスクトップの各ブラウザ対応だけでなく、スマフォやタブレットにもパフォーマンスが最適化されています。キーフレームやトゥイーンを使ったアニメーションが得意です。

  • 1