skills.rest
autonomous-ai
autonomous-aiOFFICIAL
Explore all skills by this author →
Website𝕏@autonomous_labsGitHub

particles

Creates and configures particle effects in Phaser 4 using ParticleEmitter, zones, and gravity wells.

465|41|Updated Aug 4, 2026
Search Tags:#game development#javascript#visual effects#phaser#particles#gravity well#particle emitter
One-click install
npx skills add https://github.com/autonomous-ai/openharness --skill particles-autonomous-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: particles
Source: https://github.com/autonomous-ai/openharness/tree/main/store/agents/phaser/skills/particles
Command: npx skills add https://github.com/autonomous-ai/openharness --skill particles-autonomous-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building particle effects like explosions, fire, smoke, and trails in Phaser 4 requires knowing the ParticleEmitter API, its flexible EmitterOp value formats, and zone systems. This Skill provides the complete reference and working patterns so you can implement effects correctly on the first attempt. ## Core Features & Use Cases - Emitter Creation & Configuration: Create flow-mode and burst-mode emitters with this.add.particles(), using flexible value formats (ranges, easing, random picks, callbacks) for speed, scale, alpha, tint, and more. - Zones & Processors: Spawn particles from random or edge emission zones, kill them with death zones, and apply gravity wells or custom ParticleProcessor logic. - Lifecycle Control: Follow game objects, pre-warm with advance, auto-stop with duration/stopAfter, and react to start/stop/complete events. - Use Case: You want an explosion when an enemy dies. Use explode mode with burst.explode(20), a scale/alpha fade over lifetime, and a color interpolation array for a fire-like effect. ## Quick Start Ask the AI to create a Phaser 4 particle emitter that bursts 20 particles with fading scale and alpha when an enemy is destroyed.

Frequently Asked Questions about particles

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a particle emitter in Phaser 4?▼

Call this.add.particles(x, y, texture, config) inside a Scene's create method. It returns a ParticleEmitter directly, since the ParticleEmitterManager was removed in v3.60. Configure speed, lifespan, scale, and alpha in the config object.

How do I make a one-shot explosion effect in Phaser?▼

Set emitting to false in the config, then call emitter.explode(count) to emit a burst of particles at once. Alternatively set frequency to -1 to put the emitter in explode mode permanently.

Does Phaser 4 particles support gravity and attraction effects?▼

Yes. Use emitter.createGravityWell({ x, y, power, epsilon, gravity }) to pull particles toward a point with inverse-square force. Negative power values repel particles instead of attracting them.

Why are my Phaser particles not emitting?▼

Check that emitting is not false and frequency is not -1, which enables explode-only mode. Also verify the texture key is valid, since the emitter requires a loaded texture to render particles.

How do I emit particles from a shape or path in Phaser?▼

Use emitZone with type 'random' for shapes supporting getRandomPoint, or type 'edge' for sources with getPoints like Circles, Rectangles, and Curves. Multiple zones can be combined in an array.

Related Skills

Explore More Software Engineering Skills→
WanderTheWeebWanderTheWeeb
1

loading-assets

Load external game assets into Phaser 4 global caches.

Community
Intermediate
meytalp-devmeytalp-dev

game-designer

Analyze browser game visuals and implement atmosphere, juice, and transitions.

Community
Advanced
definitelygamesdefinitelygames
1

Adding Juice

Implement screen shake, hit flash, scale punch, and particle effects in Unity C# scripts.

Official
Intermediate
NebulavenusNebulavenus
36

forge-particle-system

Simulate thousands of particles on the GPU with compute shaders for SDL GPU projects.

Community
Advanced