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

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

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

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

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

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

Web JS
Web JS
Web JS
React
React
React
Vue JS
Vue JS
Vue JS
Svelte
Svelte
Svelte
iOS
iOS
iOS
Android
Android
Android

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

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

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

パフォーマンスを向上させる

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

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

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

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

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

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

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

AE expressions

AE expressions の準備完了

新しい

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

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
});

dotLottieの利点

dotLottieの利点

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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