<pc-particles>

The <pc-particles> tag is used to define a particle system.

note

• It must be a direct child of a <pc-entity>.

Attributes

Attribute	Description
asset	A string that should match the id of a <pc-asset> tag that has a type of json.

Example

First define the particle system in JSON format:

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 ]
        ]
    }
}

Then add the particle system to your scene in 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 Interface

You can programmatically create and manipulate <pc-particles> elements using the ParticleSystemComponentElement API.