新しいdotLottieランタイムのご紹介

パフォーマンスとクロスプラットフォームの一貫性を重視して設計されました

新しいdotLottieランタイムを使用すると、強化されたアニメーション、高速な読み込み時間、信頼性のあるクロスプラットフォームサポートが体験できます。

開発者ポータルを訪問する

シームレスなクロスプラットフォーム体験

異なるプラットフォーム間での一貫性のないアニメーションにさようならを。当社のdotLottieランタイムにより、Web、Android、およびiOS間で機能の同等性が確保されます。

強化されたパフォーマンス

最新の高性能ランタイムを使用して、すべてのデバイスで効率を向上させるよう設計された、高速でスムーズなアニメーションを体験してください。

Canva ケーススタディ

パフォーマンステストページ

プラットフォームの一貫性

Web、iOS、およびAndroidにおいて一貫したアニメーションレンダリングを実現し、すべてのプラットフォームでアニメーションが一貫して実行されることを保証します。

サポートされている機能

AE expressions の準備完了

新しい

AE ExpressionsをWeb、iOS、およびAndroid全体でサポートするように融合し、今ではdotLottieプレーヤーにシームレスに統合されています。

堅牢なフレームワーク統合

当社のランタイムを使用すると、さまざまな人気フレームワークとの統合が容易になります。

Web

React

VueJS

Svelte

iOS

Android

import { DotLottie } from '@lottiefiles/dotlottie-web';

const dotLottie = new DotLottie({
    autoplay: true,
    loop: true,
    canvas: document.querySelector('#dotlottie-canvas'),
    src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});

Web

React

VueJS

Svelte

iOS

Android

import { DotLottie } from '@lottiefiles/dotlottie-web';

const dotLottie = new DotLottie({
    autoplay: true,
    loop: true,
    canvas: document.querySelector('#dotlottie-canvas'),
    src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});

Web

React

VueJS

Svelte

iOS

Android

import { DotLottie } from '@lottiefiles/dotlottie-web';

const dotLottie = new DotLottie({
    autoplay: true,
    loop: true,
    canvas: document.querySelector('#dotlottie-canvas'),
    src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});

Javascript

React

Vue.js

Basic HTML

Svelte

iOS

iOS

Android

開発者ポータルを訪問する

dotLottieの利点

dotLottieのご紹介です。当ファイル形式は多くの利点をもたらします：
ファイルサイズの削減、相互作用、エクスプレッションに加えて、テーマ設定とバンドルパッケージも可能です。

dotLottieをご紹介します。これは革新的なファイル形式で、ファイルサイズを削減し、相互作用、エクスプレッション、さらにはテーマとバンドルパッケージを備えたさまざまな利点をもたらします。

ファイルサイズを削減しました

アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。

ファイルサイズを削減しました

アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。

ファイルサイズを削減しました

アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。

ファイルサイズを削減しました

アニメーションを最大80%圧縮し、ピクセル化せずに拡大または縮小できます。

Theming

ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる

Theming

ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる

Theming

ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる

Theming

ダークモード、ライトモード、またはユーザー定義モードに簡単にアニメーションを適応させる

相互作用性

新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。

相互作用性

新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。

相互作用性

新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。

相互作用性

新しいインタラクティブな方法を活用して、さまざまなプラットフォームで魅力的なインタラクティブアニメーションを作成します。

バンドルされたパッケージ

1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。

バンドルされたパッケージ

1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。

バンドルされたパッケージ

1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。

バンドルされたパッケージ

1 つの dotLottie ファイルに複数のアニメーションとアセットを含め、管理と展開を簡素化します。

並外れたパフォーマンス

新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。

並外れたパフォーマンス

新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。

並外れたパフォーマンス

新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。

並外れたパフォーマンス

新しいdotLottieランタイムは、高性能なグラフィックエンジンThorVGによって動作します。通常のJSONよりも80%小さいdotLottie形式をサポートしています。

パフォーマンス指標

私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。

パフォーマンス指標

私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。

パフォーマンス指標

私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。

パフォーマンス指標

私たちのランタイムは、詳細なパフォーマンス指数に示されているように、現行のWebプレーヤーを大幅に上回っています。

JS ライブラリ

当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。

JS ライブラリ

当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。

JS ライブラリ

当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。

JS ライブラリ

当社の強力なJavaScriptライブラリを使用して、簡単にdotLottieアニメーションを作成し、制御します。

私たちの場合、これによって約8秒節約され、約80%の改善が示されました。同様に、メモリの面でも約164MB節約され、約70%に相当します。

Canvaがそれをどのようにしたかを学びます

FAQs

どのプラットフォームとフレームワークがサポートされていますか？

私たちのdotLottieランタイムは、web、Android、iOS、LVGLのような組み込みデバイス、React、Node.js、Vue.jsなどの人気のあるフレームワークをサポートしています。

どのプラットフォームとフレームワークがサポートされていますか？

dotLottieランタイムを使ってどのように始めればいいですか？

既存のランタイムに比べてdotLottieランタイムを使用する利点は何ですか？

利用可能なチュートリアルやドキュメントはありますか？

dotLottie拡張機能は.jsonと比較してどのように機能しますか？

そのほかのリソース

Introducing dotLottie: An Open-Source File Format

4 分読む

Introducing dotLottie: An Open-Source File Format

4 分読む

Introducing dotLottie: An Open-Source File Format

4 分読む

Introducing dotLottie: An Open-Source File Format

4 分読む

Development Update Of The dotLottie Format

2 分読む

Development Update Of The dotLottie Format

2 分読む

Development Update Of The dotLottie Format

2 分読む

Development Update Of The dotLottie Format

2 分読む

ThorVG: Powerful Graphics Library for Lottie Animation

4 分読む

ThorVG: Powerful Graphics Library for Lottie Animation

4 分読む

ThorVG: Powerful Graphics Library for Lottie Animation

4 分読む

ThorVG: Powerful Graphics Library for Lottie Animation

4 分読む

Getting Started with dotLottie Player for iOS

4 分読む

Getting Started with dotLottie Player for iOS

4 分読む

Getting Started with dotLottie Player for iOS

4 分読む

Getting Started with dotLottie Player for iOS

4 分読む

開発者向けのLottie

Lottieのエコシステムの発見と統合ツール
Lottieの実装をより簡単にするためのツール

Lottieのエコシステムを発見して、Lottieの実装を簡単にするための統合とツールを見つけましょう

開発者ポータルを訪問する