Skip to content

Profectus / features/particles/particles / Particles

Interface: Particles ​

An object that represents a feature that display particle effects on the screen. The config should typically be gotten by designing the effect using the online particle effect editor and passing it into the upgradeConfig from @pixi/particle-emitter.

Extends ​

Properties ​

[VueFeature] ​

[VueFeature]: true

Used to identify Vue Features

Inherited from ​

VueFeature.[VueFeature]

Defined in ​

profectus/src/util/vue.tsx:43


addEmitter() ​

addEmitter: (config) => Promise<Emitter>

A function to asynchronously add an emitter to the canvas. The returned emitter can then be positioned as appropriate and started.

Parameters ​

config ​

EmitterConfigV3

Returns ​

Promise<Emitter>

See ​

Particles

Defined in ​

profectus/src/features/particles/particles.tsx:43


app ​

app: Ref<null | Application, null | Application>

The Pixi.JS Application powering this particles canvas.

Defined in ​

profectus/src/features/particles/particles.tsx:37


classes? ​

optional classes: MaybeRef<Record<string, boolean>>

Dictionary of CSS classes to apply to this feature.

Inherited from ​

VueFeature.classes

Defined in ​

profectus/src/util/vue.tsx:35


components ​

components: MaybeGetter<Renderable>[]

The components to render inside the vue feature

Inherited from ​

VueFeature.components

Defined in ​

profectus/src/util/vue.tsx:39


id ​

id: string

An auto-generated ID for identifying features that appear in the DOM. Will not persist between refreshes or updates.

Inherited from ​

VueFeature.id

Defined in ​

profectus/src/util/vue.tsx:31


onContainerResized()? ​

optional onContainerResized: (boundingRect) => void

A function that is called when the particles canvas is resized.

Parameters ​

boundingRect ​

DOMRect

Returns ​

void

Defined in ​

profectus/src/features/particles/particles.tsx:33


onHotReload? ​

optional onHotReload: VoidFunction

A function that is called whenever the particles element is reloaded during development. For restarting particle effects.

Defined in ​

profectus/src/features/particles/particles.tsx:35


style? ​

optional style: MaybeRef<CSSProperties>

CSS to apply to this feature.

Inherited from ​

VueFeature.style

Defined in ​

profectus/src/util/vue.tsx:37


type ​

type: typeof ParticlesType

A symbol that helps identify features of the same type.

Defined in ​

profectus/src/features/particles/particles.tsx:45


visibility? ​

optional visibility: MaybeRef<boolean | Visibility>

Whether this feature should be visible.

Inherited from ​

VueFeature.visibility

Defined in ​

profectus/src/util/vue.tsx:33


wrappers ​

wrappers: Wrapper[]

The components to render wrapped around the vue feature

Inherited from ​

VueFeature.wrappers

Defined in ​

profectus/src/util/vue.tsx:41