Skill 广场
2D游戏摄像机控制与特效配置 Skill

2D游戏摄像机控制与特效配置.Skill

@phaserjs/cameras

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

输入游戏场景与角色交互需求,调用Phaser镜头API配置平滑跟随、震屏闪烁特效、视野限制及小地图分屏渲染。

编程Web前端游戏开发者Phaser游戏引擎使用者独立游戏程序员2026-09-28 更新master

2D游戏摄像机控制与特效配置

用于 Phaser 4 网页游戏中的 2D 镜头控制与视觉交互开发。开发者提供游戏世界尺寸、主角精灵及转场反馈需求,系统指导配置主镜头平移缩放、角色死区跟随、边缘碰撞限制,以及震屏、淡入淡出、旋转等镜头特效,同时支持 HUD 独立图层与小地图多相机渲染。适用于具有 JavaScript 基础的 2D 游戏开发者快速构建专业视口系统。

常见场景

它能帮你做什么?

01

主角移动镜头平滑跟随与死区设置:为主角配置平滑跟随相机与移动死区,并限制相机视口在世界边界内滑动。

02

战斗受击震屏与场景转场特效:触发受击屏幕抖动、闪烁高亮及关卡切换时的黑屏淡入淡出动画。

03

小地图与独立 HUD 图层渲染:创建缩放副摄像机呈现小地图,并通过忽略图层保持 HUD 界面固定。

三步完成

怎么使用

1安装 Skill

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

2说清楚目标

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

3检查结果

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

复制就能用

你可以直接这样说

“为 Phaser 4 主角精灵配置平滑跟随摄像机,带有 200x150 像素死区并限制在 2048x2048 场景边界内。”

“编写角色受到攻击时的屏幕震动与受击红闪特效代码,震动结束后平滑复原。”

“在游戏右上角创建一个 320x200 像素的小地图摄像机,并让主摄像机忽略 HUD UI 层。”

适用人群

适合谁?

Web前端游戏开发者Phaser游戏引擎使用者独立游戏程序员

上手门槛

使用难度

进阶

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

兼容范围

支持哪些 AI?

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

中文用户增强

Skill Px 做了什么?

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