最近、軽量なオンラインアルバムやポスターデザインツールを作りたいと考えているのですが、最近リリースされた LeaferUI は特にそのようなシーンに適しています。
LeaferUIとは何ですか?
Leafer UI は、LeaferJS に基づいて開発されたカラフルなUI描画フレームワークのセットで、開発者がグラフィカル インターフェイスを迅速に生成するのに役立ちます。LeaferJS は、HTML5 Canvasをベースに開発された 2D 描画レンダリング エンジンで、Web 上での描画パフォーマンスに優れており、同様のグラフィック エンジンと比較して、レンダリングにかかる時間が短く、占有メモリが非常に少ないです。
国内の描画エンジンとして、LeaferJS には大きなビジョンがあります。
私たちは、LeaferJS を通じてシンプルでオープンで最新の UI 描画言語標準を実装し、デジタル製品開発のためのクロスプラットフォームで軽量かつ高性能のランタイムを提供することに取り組んでいます。私たちは、さまざまなソフトウェアが描画データやデジタル インターフェイスを通信、共同作業、共有できることを望んでいます。グラフィックス技術の継続的な革新と支援サポートを通じて、より多くの開発者がその使用に参加するよう誘致され、オープンなエコロジー環境が確立され、ソフトウェアと通信できるようになります。業界の急速な発展を促進し、より革新的な技術と製品を生み出すこと。
— LeaferJS の使命とビジョン
Leafer UI は、一般的に使用される UI 描画コンポーネントとすぐに使用できる機能を提供し、Figma、Sketch、その他の製品と簡単にデータを交換できるようにし、クロスプラットフォーム開発のための統合されたリッチなプラットフォームを提供します。ドラッグ、回転、ズームジェスチャなどのイベント。
Leafer UIの技術的特徴
- 学習と使用が簡単: Javascript と Canvas API に基づいて、使いやすい API とドキュメントを提供します。
- シンプルでオープンかつモダンな UI 描画フレームワークであり、クロスプラットフォームで軽量かつ高性能のランタイムを提供します。
- 豊富なグラフィックスパフォーマンスで、現在の主流のデザインソフトウェアに匹敵するさまざまなカラフルな効果を実現できます。
- 優れたパフォーマンスで、100 万個のインタラクティブな四角形を作成し、最初の画面のレンダリングには最速でわずか 1.5 秒かかります。同様のエンジンよりも約 10 倍高速です。
- メモリ使用量が少なく、100 万個のインタラクティブな四角形を作成し、占有するメモリは 350M のみです。同様のエンジンに比べて 10 倍以上のメモリを節約します。
- Web サーバーと Node.js サーバーをサポートしており、近々アプレットもサポートする予定です。これは私が望んでいることであり、楽しみにしています。
LeaferUI は何に使用しますか?
最近、オンラインでポスター アルバムをデザインするための小さなプログラムを作成する必要があり、ユーザーは既製のデザイン テンプレートを使用し、写真とコピーライティングを置き換えるだけで、オンラインで美しいスタイリッシュなアルバムやポスターを迅速に作成できます。初期の技術評価で関連技術を調査・理解した結果、まさにニーズを満たす 2D グラフィックス エンジン LeaferJS を発見しました。
始めましょう
LeaferUIのインストール
直接輸入することもできます
簡単な使用例
これで走れるようになります。LeaferUI はゲーム エンジンに非常によく似ており、さまざまな四角形、円、扇形、およびさまざまな一般的な多角形の描画など、簡単に呼び出すことができる描画 API が組み込まれています。もちろん、基本的な画像やテキストもレンダリングできます。また、コンテナ、グラデーション、ラインなどのAPIも用意されており、これらのAPIを利用することで、シンプルなユーザーデザインの操作インターフェースを簡単に構築したり、デザインテンプレートに従ってアルバムやポスターを合成する機能を実現することができます。
インターフェイスの構築だけでなく、ユーザーの操作も重要ですが、LeaferUI ではユーザーのクリック、ドラッグ、スライド、ズームイン、ズームアウトなどのイベントを簡単に扱えます。現在、LeaferUI の API は数多く完成されており、試してみる価値はあります。
完全なドキュメント
LeaferUI には、学びやすいユーザー ドキュメントが用意されており、各重要な機能には詳細なコード例と効果例が含まれています。興味のある開発者は、公式 Web サイトにアクセスして読むことができます。
無料のオープンソースの説明書
Leafer UI は無料のオープンソースJavaScriptプロジェクトであり、 MIT ライセンスを採用しています。無料でダウンロードして商用プロジェクトに使用できます。