UI イベント

zepetoscriptはunity uiシステムの統合サポートを提供しています。 パネル、ボタン、テキスト入力ボックス、トグルメニューなどの異なるguiコンポーネントを使用して、あなたの世界のユーザーインターフェースを作成できます。 zepetoscriptでunity ui要素を使用するには、まずそれらをインポートする必要があります。 unityengine ui import { slider, button } from 'unityengine ui'; 次に、追加したいunity ui要素をプロパティとして宣言します。 typescript public sliderui slider; public btnui button; 宣言されたプロパティは、現在zepetoscriptインスペクタウィンドウで表示およびアクセス可能です。 階層ウィンドウを開き、unity uiコンポーネントをzepetoscriptインスペクタウィンドウの各プロパティフィールドにドラッグアンドドロップします。プロパティ値が割り当てられると、スクリプト内からそれらにアクセスして操作できます。これを使用して、コントロールのイベントのハンドラーを追加します。 eventlistener start() { this btnui onclick addlistener(() => { // ボタンクリックイベントを追加 console log('btnui onclick'); }); this sliderui onvaluechanged addlistener(v => { // スライダーイベントを追加 console log(`\[${v}] sliderui onvaluechanged`); }); } uiイベントが正しく処理されているか確認するためにプレイしてください。 サンプルコード全体を確認してください。 ui event import { zepetoscriptbehaviour } from 'zepeto script'; import { slider, button } from 'unityengine ui'; export default class uievent extends zepetoscriptbehaviour { public sliderui slider; public btnui button; start() { this btnui onclick addlistener(() => { // ボタンクリックイベントを追加 console log('btnui onclick'); }); this sliderui onvaluechanged addlistener(v => { // スライダーイベントを追加 console log(`\[${v}] sliderui onvaluechanged`); }); } } zepetoscriptが提供するunity uiについては、以下のリンクをクリックして詳しく学ぶことができます。 📘 unity ui https //docs unity3d com/kr/current/manual/com unity ugui html https //docs unity3d com/kr/current/manual/com unity ugui html 📘 インタラクションコンポーネント https //docs unity3d com/kr/current/manual/comp uiinteraction html https //docs unity3d com/kr/current/manual/comp uiinteraction html