导入图片并创建 Sprite
本任务使用 assets/resources/images/pink-target.png。Demo 沿用这个资源目录,图片通过场景中的 SpriteFrame 引用使用;普通项目应按实际用途规划资源目录。
导入并确认图片
- 将图片放入
assets/resources/images。 - 等待资源视图出现图片和
.meta对应的导入结果。 - 打开图片预览,确认透明区域、比例和颜色正确。
- 查看输出面板,确认没有图片导入错误。
把图片用于场景
打开 main.scene,在层级中展开 Canvas/Target 并选择 TargetSprite。Pink Demo 的节点、Sprite 组件和 SpriteFrame 引用都保存在场景中;父节点 Target 上的 Mask 提供圆形裁剪。GameController 的 ClickGame 组件通过 Inspector 引用绑定目标节点,负责点击、计分和移动。
如果目标不显示,按顺序检查:图片是否成功导入、Sprite 组件是否引用 pink-target 的 SpriteFrame、节点是否激活、UI 尺寸是否大于零、相机是否显示 UI_2D 层。如果能显示但不能点击计分,再检查 GameController 的三个 Inspector 引用是否完整。
在自己的项目里创建同类 Sprite 时,可以把图片的 SpriteFrame 从资源视图拖到 Sprite 组件,或先创建 Sprite 节点再设置引用。无论使用哪种入口,都要保存场景并重新打开一次,确认引用不是只存在于当前编辑器内存中。
修改后的验收
- 资源视图能够打开目标图片。
- 预览中目标位于初始固定位置。
- 点击目标后计分并移动。
- 重新打开项目后资源引用仍然有效。