skills.rest
Autinhorse
AutinhorseCOMMUNITY
Explore all skills by this author →
GitHub

curves-and-paths

Create, edit, and render curves and paths in Phaser 4.

3|Updated Apr 18, 2026
Search Tags:#graphics#animation#path#sprite#phaser#curves
One-click install
npx skills add https://github.com/Autinhorse/levelcraft --skill curves-and-paths-autinhorse
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: curves-and-paths
Source: https://github.com/Autinhorse/levelcraft/tree/main/games/docs/phaser-skills/curves-and-paths
Command: npx skills add https://github.com/Autinhorse/levelcraft --skill curves-and-paths-autinhorse

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables developers to generate, manipulate, and visualize sophisticated curves and paths within Phaser 4, simplifying the creation of dynamic movement and visual effects.

Core Features & Use Cases

  • Path Construction and Modification: Build complex paths with lines, splines, Bezier curves, and ellipses, adjusting control points and properties interactively.
  • Path Analysis and Rendering: Obtain points, tangents, and bounds, and draw paths precisely using the Graphics object for debugging and visual effects.
  • Animation and Movement: Enable sprites to follow paths smoothly with PathFollower, supporting auto-rotation and dynamic path updates during gameplay.
  • Use Case Example: Design a missile that follows a spline route, or animate an NPC along a complex route with automatic orientation.

Quick Start

Create a path with curves, then animate a sprite along it using PathFollower.

Frequently Asked Questions about curves-and-paths

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

FAQPage Schema
How do I animate a sprite along a custom path in Phaser 4?▼

You can animate a sprite along a custom path in Phaser 4 by using the PathFollower, which supports smooth movement over lines, splines, and Bezier curves with auto-rotation and adjustable parameters.

What types of curves can I construct and edit for game animations?▼

You can construct and edit complex paths using lines, splines, Bezier curves, and ellipses, interactively adjusting control points and properties to define precise motion trajectories and visual shapes.

How do I get points and tangents from a Phaser curve for visual effects?▼

To get points and tangents from a Phaser curve for visual effects, use the path analysis features to obtain points, tangents, and bounds, then draw the paths precisely using the Graphics object for debugging.

Can I update a sprite's movement trajectory dynamically during gameplay?▼

Yes, you can update a sprite's movement trajectory dynamically during gameplay. The PathFollower supports dynamic path updates, allowing you to modify motion trajectories and route orientations while the game runs.

Does this path creation approach work for both visual design and object movement?▼

Yes, this path creation approach works for both dynamic object movement and visual design. It facilitates the creation, editing, and rendering of sophisticated curves and paths to define motion trajectories and shapes.

Related Skills

Explore More Software Engineering Skills→
diegolinharesdiegolinhares

groups-and-containers

Manage game object grouping, pooling, and nesting in Phaser 4 scenes.

Community
Intermediate
GrupoUSGrupoUS
1

2d-games

Guide 2D game development covering sprites, tilemaps, physics, and cameras.

Community
Intermediate
Totes-MickGOATsTotes-MickGOATs
3

godot-tweening

Create programmatic animations in Godot Engine using the Tween node.

Community
Intermediate
K-Dense-AIK-Dense-AI
33.0k

geopandas

Perform geospatial analysis on vector data with GeoPandas in Python.

Official
Advanced