手敲Cocos简易地图编辑器:人生地图是一本不断修改的书,每一次编辑都是为了克服新的阻挡

引言

本系列是《8年主程手把手打造Cocos独立游戏开发框架》,欢迎大家关注分享收藏订阅。

在上一篇文章,笔者给大家讲解了在Cocos独立游戏开发框架中,如何自定义实现Tile地图管理器,成功地在游戏中优化加载一张特大的地图。接下来笔者为大家讲解一下游戏中地图编辑器的思路,以及它的简单实现。

本文源码和源工程在文末获取,小伙伴们自行前往。

什么是地图编辑器?

游戏中的地图编辑器是一种软件工具或功能,通常由游戏开发者,用于创建、编辑和定制游戏中的地图或关卡。地图编辑器允许玩家或设计者通过添加、移动、调整和删除游戏中的元素来自定义游戏地图,包括地形、建筑、道路、角色生成点、敌人和物品的放置位置等。

地图编辑器的主要功能

  1. 地形编辑:允许用户绘制、编辑和调整游戏地图的地形,如山脉、河流、森林、草地等。
  2. 物品和资源放置:允许用户放置和编辑游戏中的各种物品、资源和道具,例如武器、药品、宝藏等。
  3. 角色和敌人生成:允许用户设置玩家角色的初始位置和敌人的生成点,以及它们的行为和属性。
  4. 地图细节:允许用户增加地图细节,如装饰物、建筑物、环境效果、天气等,以提高地图的视觉吸引力和氛围。
  5. 地图导出和分享:通常,地图编辑器允许用户保存和导出他们创建的地图,以便与其他玩家共享,或者在游戏中进行测试和游玩。
  6. 阻挡编辑:一些禁止前往的地方需要描画阻挡。

地图编辑器的实现思路

1.打开上一节的地图工程

打开我们上一篇文章的Map工程,PS:笔者所有文章在文末都会附有源码的获取方式,大家可以自行前往获取。

2.创建MapEditor脚本

MapEditor目前包含了编辑地图阻挡信息和生成并下载对应配置文件的功能,思路非常清晰,有需要的话大家可以自行实现其他功能,例如放置怪物、道具等等其他功能。

根据地图信息将阻挡信息描绘出来:

描绘主要使用cc.Graphics组件,该组件主要是用于绘制一些点、线、面,在地图编辑器上非常适合:

地图编辑器中的鼠标操作,左键用于画阻挡,右键用于取消阻挡,长按滑动可以连续绘制或者取消阻挡。

注意我们需要用event.stopPropagation()阻断事件传递,避免连续绘制的时候拖动地图:

监听键盘事件,i键可以开启和关闭地图编辑器,w键可以保存当前阻挡信息并且下载(需要用浏览器运行程序)

3.编写测试代码

创建一个MapEditor地图编辑器和mapEditorNode节点,通过地图数据初始化地图编辑器:

地图数据笔者主要用了上一份工程现成的,大家可以自行实现读取和加载指定地图的地图数据:

4.测试结果演示

测试成功!按键i可以开启和关闭地图编辑器,按键w保存并下载地图数据。鼠标左键可以画阻挡,右键可以消除阻挡。地图编辑器关闭状态下才可以滑动地图。

总结

地图编辑器通常出现在各种类型的游戏中,包括沙盒游戏、策略游戏、角色扮演游戏和射击游戏等。它们为玩家提供了更大的自由度和创造性,使他们能够为游戏世界添加自己的想法和内容,从而丰富了游戏的体验和可玩性。

本文的重点内容主要有以下几点,不知道小伙伴们是否已经理解:

  • 本系列是《8年主程手把手打造Cocos独立游戏开发框架》,欢迎大家关注分享收藏订阅。
  • 什么是地图编辑器。
  • 地图编辑器的主要功能。
  • 地图编辑器的实现思路。
  • 源码通过关注"亿元程序员"发送"Editor"获取。

AD:笔者已经上线的小游戏《填色之旅》《贪吃蛇掌机经典》《重力迷宫球》大家可以自行点击搜索体验。

感兴趣的小伙伴记得关注"亿元程序员"哦,一位有着8年游戏行业经验的主程。学习游戏开发不迷路。感谢您的关注,希望能给到您帮助, 也希望通过您能帮助到大家。

喜欢的可以点个 、点个在看 哦!请把该文章分享给你觉得有需要的其他小伙伴。谢谢。

相关推荐
以梦为马mmky16 小时前
信号147,上岸武汉科技经验
经验分享·通信考研·信号与系统·武汉科技大学
老华带你飞17 小时前
商城推荐系统|基于SprinBoot+vue的商城推荐系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·商城推荐系统
一 乐17 小时前
物业管理系统|小区物业管理|基于SprinBoot+vue的小区物业管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
这周也會开心17 小时前
Spring框架
java·数据库·spring
gys989518 小时前
uniapp使用sqlite模块
数据库·sqlite·uni-app
凌冰_18 小时前
Java Maven+lombok+MySql+HikariCP 操作数据库
java·数据库·maven
武子康19 小时前
Java-165 Neo4j 图论详解 欧拉路径与欧拉回路 10 分钟跑通:Python NetworkX 判定实战
java·数据库·性能优化·系统架构·nosql·neo4j·图论
散峰而望19 小时前
基本魔法语言数组 (一) (C语言)
c语言·开发语言·编辑器·github·visual studio code·visual studio
岳麓丹枫00119 小时前
pg_stat 视图介绍
数据库·postgresql
弗朗凌戈19 小时前
影院票务管理系统oracle
数据库·oracle·vr