ssgoi 3.0: Web Animation APIでさらに高速化
Spring物理を事前計算し、Web Animation APIで実行。メインスレッドの負荷に関係なく60fpsを維持します。
ムン・デスン
performanceweb-animation-apispringrelease
最新ニュースと開発ストーリー
Spring物理を事前計算し、Web Animation APIで実行。メインスレッドの負荷に関係なく60fpsを維持します。
可変FPS環境でもスムーズなアニメーションを!GSAPとSvelte Motionのノウハウを取り入れ、独自のアニメーションエンジンを構築してモバイル性能を大幅に改善しました。
シンプルなページ遷移をネイティブアプリのような体験に変えましょう。SSGOIの様々なView Transitionタイプをインタラクティブなデモと実例で紹介します。
SSGOIがついにVue 3を公式サポート!VueやNuxtアプリケーションにネイティブアプリのような滑らかで魅力的なページトランジションを実装できます。
ssgoiはシンプルな設定で、Next.jsのルーティングをそのまま活用できるように設計されています。SvelteKitも同様です。Next.jsのサーバーコンポーネント環境でも問題なく動作します。
でも、なぜデスクトップ環境でページ遷移アニメーションを気にしないのでしょうか?シンプルなエフェクトだけでも洗練された体験を作ることができます。ssgoiのドキュメントにはあちこちにアニメーションが隠されています。ぜひご覧ください。
画面上の要素は常に静的に留まるわけではありません。ユーザーの操作によって消えたり、現れたりすることがあります。しかし、アニメーションを追加することは簡単ではありません。
物体の動きをどのように定義できるでしょうか?一つの方法は運動方程式で表現することです。

今回のSSGOIは、Svelteから学んだインサイトをReactにも適用し、v2ではすべてのフレームワークのサポートを目標としています。