オックスリブ
インポート可能なモジュールおよびエクスポートとして簡単に再利用できるコードを提供するスタンドアロン ライブラリ。
インストール
私たちは 強く参照することをお勧めしますガイドGit、Node.js、pnpm をセットアップします。
ダウンロードリリース またはソースコードをビルドします。
git clone https://github.com/communityox/ox_lib.git
cd ox_lib/web
pnpm i
pnpm build設定
リソース構成は以下を使用して処理されます会話する 。
# https://v6.mantine.dev/theming/colors/#default-colors
setr ox:primaryColor blue
setr ox:primaryShade 8
setr ox:userLocales 1 # Allow users to select their locales using /ox_libまた、リソースに ace 権限を付与する必要があります。
add_ace resource.ox_lib command.add_ace allow
add_ace resource.ox_lib command.remove_ace allow
add_ace resource.ox_lib command.add_principal allow
add_ace resource.ox_lib command.remove_principal allow使用法
Lua
リソース内でライブラリを有効にするには、以下を追加するだけです。@ox_lib/init.luasharedscriptとしてfxmanifest.lua ファイル。
shared_scripts {
'@ox_lib/init.lua',
}または、ライブラリが使用する唯一の共有スクリプトである場合は、次のようにします。
shared_script '@ox_lib/init.lua'インポートするモジュールをfxmanifest.lua、または動的にロードします。
ox_libs {
'locale',
'math',
'table',
}oxlib がスクリプトにインポートされると、いくつかの新しいグローバルが使用できるようになります。
libスクリプトに oxlib モジュールを動的にインポートします。require独自のスクリプトからモジュールをインポートします。cache見る ここ。
これで、リソース内でライブラリ関数を使用できるようになりました。その使用方法については、ドキュメントの残りの部分を確認してください。
インターフェース機能にアイコンを使用する
使用されるアイコンライブラリはFont Awesome 6.0です。アイコンにstringのみを定義すると、デフォルトのアイコンタイプは次のようになります。solid。
別のアイコンタイプ、例えばブランドとしてappleを使用したい場合、アイコンをtableとして定義する必要があります(array)の最初の値はアイコンの種類(fas、far、fab) を string として保存し、2 番目にアイコン名を指定します。
Lua
icon = {'fab', 'apple'}UIの構築
UI要素を編集したい場合は、ソースコードを編集し、必要なものを編集してからコンパイルします。
しないでくださいリリース CSS および JS ファイルをバンドル解除して縮小解除し、編集します。
要件:
- Node.js (LTS)
- pnpm
Node.js のインストール:
- Node.js の LTS バージョンをダウンロードします。
- インストールを実行して、すべての機能がインストールされていることを確認してください。
- cmdでnode —versionを実行し、numberのバージョンが表示されることを確認してください。表示されない場合は、正しくインストールされていません。
pnpmのインストール:
- NodeJSをインストールした後、次のコマンドを実行してpnpmをインストールできます。
npm install -g pnpm。
UI の構築:
- Web ディレクトリに cd します。
- 走る
pnpm i依存関係をインストールします。 - 走る
pnpm buildソースファイルをビルドします。
ブラウザで作業している場合は、pnpm startホットリロードをサポートしているため、
ファイルを保存した後でも変更内容を確認できます。
ゲーム内で作業したい場合は実行できますpnpm start:game変更はディスクに書き込まれるので、変更を有効にするにはリソースを再起動するだけです。