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

<pc-particles>

<pc-particles> タグは、パーティクルシステムを定義するために使用されます。

注記
  • これは <pc-entity> の直接の子である必要があります。

属性

属性説明
assetjson 型の <pc-asset> タグの id と一致する文字列です。

まず、パーティクルシステムをJSON形式で定義します。

snow.json
{
"numParticles": 100,
"lifetime": 10,
"rate": 0.1,
"colorMapAsset": "snowflake",
"emitterExtents": [ 15, 0, 10 ],
"startAngle": 360,
"startAngle2": -360,
"alphaGraph": {
"keys": [ 0, 0, 0.5, 0.5, 0.9, 0.9, 1, 0 ]
},
"rotationSpeedGraph": {
"keys": [ 0, 100 ]
},
"rotationSpeedGraph2": {
"keys": [ 0, -100 ]
},
"scaleGraph": {
"keys": [ 0, 0.1 ]
},
"velocityGraph": {
"keys": [
[ 0, 0 ],
[ 0, -0.7 ],
[ 0, 0 ]
]
},
"velocityGraph2": {
"keys": [
[ 0, 0 ],
[ 0, -0.4 ],
[ 0, 0 ]
]
}
}

次に、パーティクルシステムをHTMLでシーンに追加します。

<pc-app>
<pc-asset src="assets/snowflake.png" id="snowflake"></pc-asset>
<pc-asset src="assets/snow.json" id="snow"></pc-asset>
<pc-scene>
<pc-entity position="0 0 8">
<pc-camera></pc-camera>
</pc-entity>
<pc-entity position="0 5 0">
<pc-particles asset="snow"></pc-particles>
</pc-entity>
</pc-scene>
</pc-app>

JavaScriptインターフェース

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