Skill 广场
Phaser路径曲线与巡航开发 Skill

Phaser路径曲线与巡航开发.Skill

@phaserjs/curves-and-paths

4.8优秀AI 评分基础检查通过源自 GitHub

接收坐标点与曲线参数,组合贝塞尔及样条曲线生成运动路径,使游戏精灵实现沿轨移动与自适应朝向旋转。

编程Phaser游戏前端开发工程师H5小游戏动效设计师网页游戏逻辑程序员2026-09-28 更新master

Phaser路径曲线与巡航开发

用于在 Phaser 4 游戏引擎中构建平滑的运动轨迹与巡航动画。开发者输入折线、贝塞尔曲线或样条曲线的控制点,即可拼接出复合路径,并支持路径图形预览、等距采点及切线计算。配合 PathFollower 组件,还能让飞船或怪物等游戏精灵沿路径匀速、往返或自动转向移动。使用前需具备基础的 JavaScript 及 Phaser 场景开发知识。

常见场景

它能帮你做什么?

01

敌人巡逻与飞行轨迹规划:拼接样条曲线与折线设定巡逻路径,绑定敌机精灵实现自动朝向与往返巡航。

02

塔防游戏行军路线生成:通过贝塞尔曲线平滑转角并计算等距点位,绘制道路并驱动小兵匀速行进。

03

投掷弹道模拟与轨迹预览:利用二次贝塞尔曲线计算投掷物物理飞行弧度,并用Graphics实时绘制瞄准虚线。

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“在 Phaser 4 中用三阶贝塞尔曲线和直线创建复合路径,并让敌机精灵沿着路径循环往返飞行且自动转向。”

“如何使用 Spline 样条曲线连接五个坐标点,并通过 getSpacedPoints 获取100个等距点来放置金币?”

“编写一段代码,用 Graphics 将当前 Path 路径以绿色描边完整绘制在场景中进行视觉调试。”

适用人群

适合谁?

Phaser游戏前端开发工程师H5小游戏动效设计师网页游戏逻辑程序员

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度