メインコンテンツまでスキップ

<pc-entity>

<pc-entity>タグはエンティティを定義するために使用されます。

使用法

属性

属性タイプデフォルト説明
enabledBoolean"true"エンティティの有効状態
nameString-エンティティの名前識別子
positionVector3"0 0 0"「X Y Z」値としてのローカル空間位置
rotationVector3"0 0 0"度単位の「X Y Z」オイラー角としてのローカル空間回転
scaleVector3"1 1 1"「X Y Z」値としてのローカル空間スケール
tagsString-コンマ区切りのタグのリスト

イベント

これらのイベントは、addEventListener()を使用するか、このインターフェースのoneventnameプロパティにイベントリスナーを割り当てることでリッスンできます。

イベント説明
pointerdownポインターがエンティティ上で押下されたときに発生します。
pointerenterポインターがエンティティに入ったときに発生します。
pointerleaveポインターがエンティティを離れたときに発生します。
pointermoveポインターがエンティティ上で移動したときに発生します。
pointerupポインターがエンティティから解放されたときに発生します。

これらのイベントは、インラインの onpointer* 属性を使って宣言的に処理することもできます。これらは標準のインラインイベントハンドラーであり、ブラウザ自身によってコンパイル・実行されるため、任意のHTML要素の onclick とまったく同じように動作します。属性を(実行時であっても)設定すると以前のハンドラーが置き換えられ、削除するとハンドラーが削除されます。ハンドラー内では、this<pc-entity> 要素であり、event はディスパッチされたイベントです。

<pc-entity name="cube"
onpointerenter="this.entity.script.tweener.play(0)"
onpointerleave="this.entity.script.tweener.play(1)"
onpointerdown="this.entity.script.tweener.play(2)">
<pc-render type="box"></pc-render>
</pc-entity>

<pc-entity name="MyEntity" position="1 2 3" rotation="45 0 0" scale="2 2 2" tags="tag1,tag2">
<!-- 子エンティティとコンポーネントはここに入ります -->
</pc-entity>

JavaScriptインターフェース

EntityElement APIを使用して、<pc-entity>要素をプログラムで作成および操作できます。