[B! animation][svg] hotmilkcocoaのブックマーク

hotmilkcocoa id:hotmilkcocoa

animationとsvgに関するhotmilkcocoaのブックマーク (3)

SVG Artista - SVG Drawing Animation Generator
<svg viewBox="0 0 564 242" version="1.1" xmlns="http://www.w3.org/2000/svg" width="564" height="242"> <g stroke-width="2" stroke="none" fill="none" fill-rule="evenodd"> <path d="M284.896413 1.77679122c.882345.50911399 1.614955 1.2417713 2.124036 2.124173l21.099094 36.57152808-23.135682 15.8357502c4.105694 3.2404436 6.948421 5.8686448 8.528184 7.8846038 1.579762 2.0159589 3.442094 5.5716267 5.58699
hotmilkcocoa 2023/07/31
svg

animation

tool

design
リンク
WebアニメーションはRiveが便利！
みなさんは、Web アニメーション使っていますか？おそらくLottieを使っている人が多いかと思います。ただ、Lottieには大きな問題がありますね？そうです。 Adobe の After Effects（AE）がないとアニメーションが作れないという問題です。たくさんの人たちが嘆き苦しみながら AE を使うために Adobe に課金している事だと思います。そんな人々を救うため、最近では AE を使わなくてもアニメーションを作れるようにとLottie Labというサービスが開発されていたりします。しかし、まだまだ公開には至っていない状態です。（2022/12/07 現在）そこで、Rive 登場 AE で行っていたアニメーションの作成から、書き出しまで全て Web 上で完結できるサービスです。今回は、アニメーションの設定から React で動かすまでをやってみたいと思います！
hotmilkcocoa 2022/12/08
animation

rive

svg
リンク
CSSの可能性は無限大！ウゴウゴルーガみたいに文字をジジジと波打つように震わせる -Squigglevision
若い人は知らないかも、、、昔ウゴウゴルーガで見たような、文字をジジジと波打つように震わせるアニメーションを実装するCSS+SVGを紹介します。この動きの名称は何かなと思って調べてみたら、「Squigglevision」だそうです。特許取得済みのコンピューターアニメーションの方法で、画像のエッジを波打つことにより画像をアニメーション化だそうです。
hotmilkcocoa 2022/02/03
css

svg

animation

design

effect
リンク
1