pcui

PCUI (PlayCanvas UI) は、ウェブサイトや複雑なWebツール向けに、信頼性が高く視覚的に優れたユーザーインターフェースを構築するためのコンポーネントライブラリです。シンプルなフォームからグラフィカルなUIまで、ページで直接使用できる完全にスタイリングされたコンポーネントを提供します。インストールは npm install @playcanvas/pcui で行い、個別の要素をインポートして使用します。スタイルはプロジェクトごとに一度だけインポートします。Reactユーザーは @playcanvas/pcui/react からコンポーネントをインポートできます。このライブラリには @playcanvas/observer をベースにしたデータバインディング層が含まれており、オブザーバーから要素へ、要素からオブザーバーへ、および双方向バインディングをサポートしているため、複数のコンポーネント間で値を同期させることが可能です。コンポーネントは ./src/components に配置され、通常は index.ts 要素、style.scss SASSファイル、Reactコンポーネントの .tsx ラッパー、およびStorybookの stories ファイルで構成されています。開発者は npm run build でカスタムdistビルドを、npm run storybook でコンポーネントの閲覧とテストを、npm run docs でAPIリファレンスの生成を実行できます。PCUIは .font-regular, .font-bold, .font-thin, .font-light クラスを使用し、デフォルトのフォントスタックは Helvetica Neue ですが、カスタムCSSで上書き可能です。PlayCanvas Editorプロジェクトで使用するためのUMDバンドルは、ガイドに従ってビルドできます。READMEには、ユーザーマニュアル、APIリファレンス、ESM例、React Storybook、ブログ、フォーラムへのリンクが記載されています。