<pc-particles>
<pc-particles>
タグは、パーティクルシステムを定義するために使用されます。
注記
- これは
<pc-entity>
の直接の子である必要があります。
属性
属性 | 説明 |
---|---|
asset | json 型の <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>
要素をプログラムで作成および操作できます。