このリストには、アニメーション作品を公開または販売したい友人を助けることを目的として、アニメーション作品を公開するために使用できるいくつかのオンラインプラットフォームとツールがリストされています。このリストは Github でも公開されています。PR を送信したり、ここにメッセージを残していただければ幸いです。
次のプラットフォームは順不同でランク付けされています:
リヴ
Rive は、Web ページ、Unity/Unreal などのゲーム エンジン、C#、C、React、Flutter などの低レベル プレーヤーで広く使用できる、インタラクティブなタイムライン ベースのアニメーションの作成をサポートします。近年、Rive はますます成熟しており、完全な Web アプリケーション UX や長いアニメーションを処理できるようになりました。
Adobe After Effects LottieFiles
After Effects のベクター ファイルとアニメーションを LottieFiles 経由で JSON 形式にエクスポートし、AirBnB のオープンソース Lottie プレーヤーなどのプレーヤーで再生します。対象となるユースケースは、より短く、より小さなアニメーション効果のようです。以前のエクスポーターは Bodymovin でしたが、現在(2025 年 1 月)最新の After Effects では正常に動作しないようです。
Blend4Web
Blend4Web は、Blender モデルを表示するための無料ライセンスと商用ライセンスを提供します。ある程度のインタラクションやタイムラインアニメーションが可能のようですが、良い例を見つけるのは困難です。
マーモセット
Marmoset は優れた 3D アセット ビューアのように見えますが、強力な 3D エディタは価格に含まれていますが、有料のようです。 Web 検索すると、他の同様のオンライン プレーヤーや 3D ビューアーが見つかることがあります。
HTML/CSS/JavaScript/SVG
Web テクノロジーを直接使用して、非常にリッチな Web アニメーションを作成できます。 CSS だけで十分な場合もあります。オンラインには多くの例があります。 Motion や GASP などのライブラリが Web アニメーションの高速化に役立つ場合があります。
ビデオ
お気に入りのアプリを使用して画面を録画し、オンラインに投稿します。サウンドがオフの場合にのみビデオを自動的に再生するようにブラウザを設定できます。合成を行う必要があり、プログラミングを気にしない場合は、Remotion で Web アニメーションを MP4 ビデオに変換したり、プレーヤーを使用して ReactJS ベースのファイルを Web ブラウザーで直接再生したりできます。
GIF
アニメーション クリップが十分に短い場合は、代わりに昔ながらの GIF を試してみてはいかがでしょうか?
以上がアニメーションを Web に投稿するためのいくつかのプラットフォームの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

簡単に復習してみましょう。画像マップはHTML 3.2に戻ります。ここで、最初にサーバー側マップを使用してから、マップとエリア要素を使用して画像上でクリック可能な領域を定義したクライアント側マップをマップしました。

State of Devsの調査は現在、参加に対して開かれており、以前の調査とは異なり、コードを除くすべてをカバーしています:キャリア、職場だけでなく、健康、趣味などもあります。

CSSグリッドは、複雑で応答性の高いWebレイアウトを作成するための強力なツールです。設計を簡素化し、アクセシビリティを向上させ、古い方法よりも多くの制御を提供します。

記事では、レスポンシブデザインにおけるスペースの効率的なアラインメントと分布のためのレイアウト方法であるCSS FlexBoxについて説明します。 FlexBoxの使用量を説明し、CSSグリッドと比較し、ブラウザのサポートを詳細に説明します。

この記事では、ビューポートメタタグ、柔軟なグリッド、流体メディア、メディアクエリ、相対ユニットなど、CSSを使用してレスポンシブWebサイトを作成するための手法について説明します。また、CSSグリッドとフレックスボックスを使用してカバーし、CSSフレームワークを推奨しています

この記事では、要素の寸法の計算方法を制御するCSSボックスサイズのプロパティについて説明します。コンテンツボックス、ボーダーボックス、パディングボックスなどの値と、レイアウト設計とフォームアライメントへの影響について説明します。

記事では、CSS、キープロパティ、およびJavaScriptとの組み合わせを使用してアニメーションの作成について説明します。主な問題は、ブラウザの互換性です。

記事では、3D変換、主要なプロパティ、ブラウザの互換性、およびWebプロジェクトのパフォーマンスに関する考慮事項にCSSを使用して説明します。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 中国語版
中国語版、とても使いやすい

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
