スクロールに連動して動画（連番ファイル）を再生する方法（GSAP）
Appleのサイトなどでよく見かけるのギミックですが、GSAPで再現してみました。GSAP（GreenSock Animation Platform）は、高性能かつ制御性の高いJavaScriptアニメーションライブラリ […]
もっともっと、もっと先へ。株式会社アットワークMore and more,
further and further.
Tag
CSS Scroll-driven Animations（スクロール駆動アニメーション）
Scroll-driven Animations とは CSS Scroll-driven Animations は、スクロール位置に連動してアニメーションを制御できるCSS/Web APIの仕組みです。従来はJavaS […]
apngのアニメーション年賀状を作る
デザインの現場で静止画を扱うことには慣れていても、「アニメーション」と聞くと少しハードルが高く感じる方も多いのではないでしょうか。タイムライン、キーフレーム、書き出し設定…、専門的な用語が並ぶだけで身構えてしまうかもしれ […]
制作実績を更新しました
今回もサイトデザインからWordPressでの実装案件で、SVGのロゴのアニメーションやメインビジュアルのスライドインなどのアニメーションを実装しました。内部SEO対策も施したており、カテゴリー分岐なども柔軟に設計。長く […]
アニメーションに対応したSVGアイコン「Titanic」
アニメーション付きのSVGアイコンを一から設計し、さらにそれを制御するJavaScriptまで自作しようとすると、想像以上に工数がかかります。細かなモーション設計やパフォーマンス調整まで含めれば、なおさらです。そこで本記 […]