构思使用 HTML5 绘制3D地形(讨论)

一直使用的是纸质等高线地图，确实我本人对手持GPS机有些抵触；心想现在已经是21世纪了还看伪3D地形或2D电子图？！上半年里，我一直想用手机和PC机的通用游戏引擎来实现3D地形的显示，但最终以失败告终。花了些时间去研究Flash能否实现交互，但Flash吃系统资源巨大，这是一个明显的硬伤。最近，发现HTML5技术可以实现3D游戏；心想又是折腾的开端了。

能够夸越多平台地显示相同的3D地形图是我一直的心愿，而且需要像RPG游戏主角一样在地形里走来走去，实现交互形式的显示地图。这将是一个整体趋势！

HTML5的主要优势在于它适合众多平台，从PC浏览器到手机、平板电脑，甚至是智能电视。只要设备浏览器支持HTML5，HTML5游戏在此平台就具有可行性。HTML5完全免费，你只需要一个浏览器和文本编辑器，无需购买昂贵应用。

“一个优点就是我们能够轻松将其推广至手机浏览器。例如，你无需进行安装——这是一大优点。再来就是内容更新和跨平台开发。若你创建的是原生应用，多数情况下你需要分别在Android和iOS平台创建内容，也许还有桌面平台。基于HTML5技术，你只需要制作一次，就可以将其推广至各平台。”

下面的几个使用 HTML5 有趣的例子：

1、一个GIS组织使用HTML5技术 演示2D铁路地图
http://www.higis.org/wp-content/uploads/himap/himap.html

--------------------------------------------------
2、微软发布的 使用 Canvas 标签 创建 3D 图形
http://technet.microsoft.com/zh-cn/hh535759(v=vs.85)
http://samples.msdn.microsoft.com/Workshop/samples/canvas/3Dcanvas/canvas3dRotation.html

--------------------------------------------------
3、旋转的化学元数
http://alteredqualia.com/canvasmol/#Aspirin

--------------------------------------------------
最喜欢的是它可以完全使用优雅而简洁的代码来表达复杂图形，如:下面的附件只有15.9KB(最好用Chrome浏览，键盘的方向键为控制)。欢迎各位讨论和折腾~~
附件：Canvas Surface Rotation.rar

得閒飲茶 · 2012-08-23 09:32

上面的第一个例子里，作者并不是简单地绘画线条再加上地标，而是地标和路线都是真实GPS的轨迹，所以大家可以看到的是真实GPS坐标点在HTML5页面上表达出来。HTML5原生提供非富的API 接口，地理位置定位的几种方式：IP地址，GPS，Wifi，GSM/CDMA 。

HTML5地理地位的实现：
1. 实现基于浏览器（无需后端支持）获取用户的地理位置技术
2. 精确定位用户的地理位置( 精度最高达10m之内，依赖设备 )
3. 持续追踪用户的地理位置
4. 与 Google Map、或者 Baidu Map 交互呈现位置信息

地理定位是HTML5提供的最令人激动的特性之一。

用相对简单的JavaScript代码，可以创建出能确定用户地理位置详细信息的Web应用，包括经纬度以及海拔等。一些Web应用甚至能通过监控用户位置随时间的移动来提供导航功能，其中还综合了GoogleMaps API这样的地图系统。

本贴部份转自：http://www.html5china.com/HTML5features/Geolocation/20120214_3457.html
http://www.php100.com/html/itnews/PHPxinwen/2012/0821/10924.html

------------------------------------------

现阶段的设想是造一张“3D画布”就足够了，开发游戏需要一个团队才能完成，并不能由一个有勇气的骑士就可以救出公主。

而在HTML5里面表达GPS的形式与KML和GPX之类的方式十分相似，这表明可以直接可以在网页即时导出KML或GPX之流的文件格式。