melonJS特点
MelonJS，作为一系列先前实验的结晶，是一个开放源码且易用的HTML网页游戏开发工具包。尽管它正在进行一项大规模的改进工作，但目前它已经具备了强大的cdk抽奖网页源码功能，可以轻松地开发出令人满意的互动娱乐项目。
melonJS的一大亮点是其集成的流行地图功能。它支持使用Tiled map editor创建地图，这意味着开发者无需从头开始设计，可以直接利用这个编辑器的丰富资源和工具，快速构建游戏世界。这不仅节省了时间和精力，还确保了地图的质量和一致性。
其简单易学的特性使得无论是游戏新手还是有一定经验的开发者，都能快速上手，无需复杂的编程知识，只需掌握HTML、CSS和JavaScript的基础，就能开始游戏的开发之旅。这极大地降低了游戏开发的门槛，让更多人有机会参与到游戏制作中来。
总的在线课堂asp源码来说，melonJS凭借其开放性、易用性和对地图编辑工具的集成，为网页游戏开发者提供了一个强大且友好的平台，使得创作出高质量的游戏变得更加触手可及。无论你是想尝试游戏开发，还是寻求一个快速入门的工具，melonJS都是一个值得考虑的选择。
地图偏移问题，如何解决？
话不多说，先上效果图以前在做项目时，经常会听到客户说，你们这个地图是哪来的，太丑了，能不能换成百度地图……高德也行……
大家生活中，基本上都已经习惯了使用百度地图和高德地图，而在做项目时，用这两个地图做为底图，也基本成为了标配。但在开发中使用这两个地图，会遇到一个拦路虎，坐标偏移问题。
全球现在用的平时交付框架源码最多的坐标，是wgs坐标，专业GPS设备和手机GPS定位得到的坐标，通常都是这个坐标。我们国家为了保密需要，要求在国内发布的互联网地图，必须要在这个基础上进行加密偏移。加密后的坐标叫做国测局坐标，俗称火星坐标。高德地图、腾讯地图、国内的谷歌地图都是这个坐标。百度地图则是在火星坐标的基础上再次加密，形成了百度坐标。
leaflet有一个加载互联网地图的插件
leaflet.ChineseTmsProviders，可以轻松实现加载高德、百度、天地图、谷歌等在线地图瓦片，但并没有去解决它们的偏移问题。高德和百度地图倒是提供了wgs坐标转成自己坐标的在线接口，但仅支持单向转入，不支持反向再转回来，主图源码录入这会导致地图拾取坐标等功能无法得到wgs坐标。
网上流传着一份wgs坐标、火星坐标和百度坐标之间相互转换的算法。在多个项目中使用后发现，基本很准，偶尔有误差，但很小，也就几米以内，平时用时基本感觉不到。
如何集成到leaflet两种思路：
第一种，把纠偏算法封装成一个接口，类似上面提到的百度、高德地图的坐标转换接口，在向地图加载数据前，先调用这个接口完成坐标的转换再添加到地图上。等于是把自己的数据偏移到互联网地图坐标上。这种是最常见的。
第二种，百度、高德的地图都是瓦片地图，每一张瓦片在加载时都会去计算它的经纬度位置，我们可以在计算经纬度位置时加入纠偏算法，图识识别源码把瓦片的坐标位置纠偏回来。当所有瓦片的位置正确了，整个地图也就不存在偏移了。等于是把火星坐标或百度坐标的瓦片纠偏回wgs坐标。
两种方案进行比较，第一种明显是被百度、高德的坐标转换接口带节奏了。leaflet是开源的，我们可以通过研究源码实现对瓦片的纠偏，从而真正实现对地图的纠偏，而不是每次去调用坐标转换接口，让数据将错就错。
第二种方案还可以进一步延伸，把对瓦片的纠偏封装成插件，最终目标是引入这个插件以后实现对地图的自动纠偏。
瓦片位置对瓦片纠偏，先要找到加载瓦片、计算瓦片位置的代码在哪。
上文中提到的，加载互联网地图的插件
leaflet.ChineseTmsProviders本质是一个图层，它继承了TileLayer
TileLayer继承了GridLayer
加载瓦片的代码主要是在GridLayer中写的。
计算瓦片位置的代码在 _getTiledPixelBounds 方法和 _setZoomTransform 方法中。
瓦片纠偏瓦片纠偏分三步：
第一步：准备坐标转换的算法
第二步：根据互联网地图名称获取坐标类型
第三步：在获取瓦片和地图缩放的方法中，调用纠偏算法
封装成插件有个问题，既然要封装成插件，就要做到耦合，不能直接修改leaflet的源码。这里可以参考leaflet的源码，使用 include 方式对方法进行重写来做到修改源码。
include方式
通过例子了解一下：比如leaflet源码中 Polygon.toGeoJSON() 方法不是在 Polygon.js 文件中写的，而是用 include 方式写在了GeoJSON.js文件中。Polygon类本来是没有toGeoJSON()方法的，这样就增加了这个方法。如果Polygon类中已经有了toGeoJSON()方法，这样写会根据执行的顺序，后执行的会把先加载的重写。
最后，我们把上面的代码封装成一个js插件，大家引用这个插件，就能实现了对地图的纠偏，不需要写一行js代码，这才是我心目中真正的优雅。
最终效果下图是引用纠偏插件前后的对比：
注意：leaflet会以map初始化以后，加载的第一个图层的坐标，作为整个map的坐标，所以地图初始化以后，要第一个添加互联网地图作为底图。
总结leaflet有一个加载国内互联网地图的插件，但存在坐标偏移问题。常见的偏移坐标有国测局坐标和百度坐标。网上有一份wgs坐标国测局坐标和百度坐标相互转换的算法，需要自己集成到leaflet中纠偏算法集成到leaflet中有两种思路，一种是把自己的数据偏移到互联网地图，另一种是把互联网地图的瓦片纠偏回自己的数据。采用第二种思路，把纠偏算法封装成插件，对互联网地图的瓦片纠偏，在插件中复写源码的方式最为优雅。在线示例在线示例：/p/angle/
2、Rokon
rokon是一款Android 2D游戏引擎，基于OpenGL ES技术开发，物理引擎为Box2D，因此能够实现一些较为复杂的物理效果，该项目最新版本为 2.0.3 (//)。总体来说，此引擎最大的优点在于其开发文档相当之完备，并且项目作者对反馈Bug的修正非常之神速，所以该框架的使用在目前也最为 广泛，有人干脆将它称为Cocos2d-iPhone引擎的Android版（业务逻辑和编码风格上也确实很像）。附带一提，国内某个需要注册会员才能下 载的Android游戏框架衍生于此框架，所以大家也不要刻板的认为收费便一定是好的，免费就一定不好。
最低运行环境要求为Android 1.5。
项目地址：/p/rokon/
3、LGame
LGame是一款国人开发的Java游戏引擎，有Android及PC(J2SE)两个开发版本，目前最高版本同为0.2.6(//)。其底 层绘图器LGrpaphics封装有J2SE以及J2ME提供的全部Graphics API（PC版采用Graphics2D封装，Android版采用Canvas模拟实现），所以能够将J2SE或J2ME开发经验直接套用其中，两版本 间主要代码能够相互移植。Android版内置有Admob接口，可以不必配置XML直接硬编码Admob广告信息。
该引擎除了基本的音效、图形、物理、精灵等常用组件以外，也内置有Ioc、xml、/p/loon-simple/
4、AndEngine
andengine同样是一款基于OpenGL ES技术的Android游戏引擎，物理引擎同样为Box2D（标配|||）。该框架性能普通，文档缺乏，但示例较为丰富。
下载地址（未直接提供jar下载，源码可通过svn提取）：/p/andengine/
最低运行环境要求不详。
项目地址：/p/rokon/
5、libgdx
libgdx是一款基于OpenGL ES技术开发的Android游戏引擎，支持Android平台下的2D游戏开发，物理引擎采用Box2D实现。单就性能角度来说，堪称是一款非常强大的 Android游戏引擎，但缺陷在于精灵类等相关组件在使用上不够简化，而且文档也较为匮乏。
最低运行环境要求不详。
项目地址：/p/libgdx/
6、jPCT
jPCT是一款基于OpenGL技术开发的3D图形引擎(PC环境为标准OpenGL，Android为OpenGL ES)， 以Java语言为基础的，拥有功能强大的Java 3D解决方案。该引擎与LGame（此为2D游戏引擎）相类似，目前拥有PC(J2SE)以及Android两个开发版本。
jPCT的最大优势之一，就在于它惊人的向下兼容性。在PC环境中，jPCT甚至可以运行在JVM1.1环境之中，因为jPCT内部提供的图形渲染接口完 全符合所有的Java 1.1规范（就连已经消失的Microsoft VM乃至更古老的Netscape 4 VM也不例外）。
最低运行环境要求为Android 1.5。
项目地址：/p/alien3d/
8、Catcake
Catcake是一款跨平台的Java 3D图形引擎，目前支持PC(J2SE)及Android环境运行（已有iPhone版规划）。该引擎在易用性和运行性能上皆有出色的表现，支持常见的游戏开发功能，诸如精灵动画，音频处理和视频播放等。
最低运行环境要求为Android 1.6。
项目地址：/p/catcake/
2024-12-29 08:31
2024-12-29 08:24
2024-12-29 08:05
2024-12-29 07:28
2024-12-29 06:47
