个人技术总结——2d像素风游戏地图制作

222200308冯欣馨 2024-12-14 00:34:06
这个作业属于哪个课程软件工程-24秋季
这个作业要求在哪里软件工程实践总结&个人技术博客
这个作业的目标个人技术总结
其他参考文献见参考资料

目录

  • 1.技术概述
  • 2.技术详述
  • 3.问题及解决过程
  • 4.总结
  • 5.参考文献

1.技术概述

2D像素风游戏地图制作技术用于创建具有复古风格的游戏环境,适用于怀旧或特定艺术风格的游戏开发。学习此技术可提升游戏设计能力,难点在于精确的像素绘制和碰撞检测。

2.技术详述

1.地图瓦片设计:
选择像素艺术风格:确定游戏的整体视觉风格,选择合适的像素大小和颜色调色板。
绘制瓦片:使用画世界Pro等工具,根据设计草图绘制单个瓦片,注重细节和质感的表现。
瓦片库构建:创建一个包含多种瓦片的库,以供拼接时选择,确保风格统一。
地图重复率高的素材可通过反转层次等手法拼接使地图能更加简洁易看,如下图槭树林素材使该地图绘画手法更统一接近:

img

2.地图瓦片拼接:
无缝拼接:在拼接瓦片时,确保边缘对齐,避免出现缝隙,可以通过微调像素位置实现。
层次分明:通过调整瓦片的层级和透明度,创建远近不同的视觉效果。
如主角在灰岭居住的房屋的地图展示:

img

3.地图碰撞界限:
明确碰撞区域:在地图上明确标出哪些区域是可行走的,哪些是障碍物,这通常通过在瓦片边缘添加额外的图层或标记来实现。
碰撞检测算法:在游戏开发中,实现精确的碰撞检测算法,确保玩家和游戏物体能够正确地与地图互动。
地图碰撞需要将需要设置碰撞的素材单独抠出,如下图:

img

4.地图优化:
性能优化:考虑到像素风游戏通常包含大量的瓦片,需要优化地图的加载和渲染,以提高游戏性能。
内存管理:合理管理瓦片资源,避免内存溢出,特别是在移动设备上。

对地图不断更新迭代让地图更加贴合剧本以及场景的切换:
在一个地图会根据事件推演进行更新又原先的正常广场变成
此为广场着火时与怪物战斗的场景

img

对地图多次进行优化并修复以提高游戏性能。

5.测试与反馈:
游戏测试:在实际游戏中测试地图的可玩性,收集玩家反馈,对地图进行调整和优化。
迭代改进:根据测试结果和玩家反馈,不断迭代改进地图设计,提升游戏体验。

3.问题及解决过程

1.图像清晰度问题
答:在放大地图时,由于分辨率问题,图像变得模糊。不是使用一个超大的图像,而是将地图分割成多个小的图像(不超过4096x4096,建议512x512),为每个切片生成mipmap,并创建对应的纹理和精灵节点。

2.像素艺术项目配置问题
答:默认情况下,导入的精灵在Godot中显示为模糊。在纹理的导入设置中,选择2D像素预设或关闭过滤(Filtering),然后重新导入纹理。还可以将这些设置设为默认,以便所有未来导入的纹理自动应用相同的设置。

3.像素完美碰撞多边形问题
答:在像素艺术游戏中,需要精确的碰撞检测。使用Bitmap类的opaque_to_polygons函数,该函数基于位图数据生成覆盖区域的多边形。通过调整epsilon值来控制生成多边形的细节程度。然后将生成的多边形添加到CollisionPolygon2D节点中,以实现像素完美的碰撞检测

4.总结

2D像素风游戏地图制作技术是一种结合艺术设计和编程技能的复杂过程,它要求团队成员不仅要有精湛的像素艺术绘制能力,还要精通Godot引擎的使用,以及解决性能优化、碰撞检测和图像渲染等技术难题的能力。团队需要密切合作,通过不断的测试和迭代,确保最终的游戏地图既美观又功能完善,为玩家提供流畅和沉浸式的游戏体验。

5.参考文献

画世界pro像素地图绘制教程
像素画 绘制一套用于2D游戏的简单的瓦片地图
2D游戏地图的设计思路

...全文
270 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

109

社区成员

发帖
与我相关
我的任务
社区描述
202401_CS_SE_FZU
软件工程 高校
社区管理员
  • FZU_SE_TeacherL
  • 言1837
  • 助教姜词杰
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧