HTML5实现3D校园地图思路
来源:互联网 发布:网络有哪些好处 编辑:程序博客网 时间:2024/05/16 19:47
接触HTML5有一段时间了,从刚开始就想做一个3D的校园地图,在网上查找了很多资料,发掘到了three.js这个3D引擎(可以在github上下载到),尝试了开发者给的一些demo,发现渲染效果很不错,值得学习,但是目前这个框架不是十分成熟,还在开发阶段,希望开发者能带给我们更多的惊喜。
接下来想说说3D校园地图模型的事情,我觉得与用directX或者openGL开发唯一不同的应该是渲染环境不同,其他基本差不多吧(个人理解),主要应该分为一下几个步骤:
(1) 数据采集:获取校园的相关建筑数据以及地理环境信息;
(2) 平面图制作:从获取的相关数据中提取有用信息,建立校园二维平面图;
(3) 三维模型建立:建立校园场景中的建筑模型、场景小品模型、天空环境模型和地形模型等;
(4) 三维引擎构建:使用程序来实现模型导入、三维场景的漫游、导航功能。
其中平面图形用AutoCAD制作,3D模型由3D MAX制作,three.js这个框架有提供将3D MAX模型转化成json格式的js文件的脚本(可以在3D MAX中运行这个脚本,导出),从而可以用three.js来加载模型,渲染在Canvas中。但是目前我发现一个问题,在3D MAX中,你给自己创建的模型贴图处理后,导出成JS文件,three.js却无法加载贴图信息,所以必须得用three.js提供的api重新给模型贴图,没有GUI界面,感觉挺麻烦(3D MAX中贴图十分方便),不知道这个问题能不能得到解决。
突然发现任重而道远呀,好多问题需要解决学习,主要还有各种考试,慢慢的开始,慢慢的结束, 持之以恒~
- HTML5实现3D校园地图思路
- Unity 3D UV实现小地图
- unity3d 小地图实现思路
- HTML5+WEBGL+PHP实现3D模型
- Html5斜45度地图+3D模型ARPG系列教程(5)-- 地图编辑器
- 校园地图
- 校园地图
- 校园地图
- 校园地图
- 校园地图
- 校园地图
- 3D游戏场景中 无限大地图 加载与效率优化思路
- ArcGIS Flex API for 3D—实现思路
- 3D塔防游戏实现 1.3 2D小地图控制3D地图视角(Feekood语言)
- Html5斜45度地图+3D模型ARPG系列教程(4)-- 地图切块及动态加载
- Html5斜45度地图+3D模型ARPG系列教程(4)-- 地图切块及动态加载
- Html5斜45度地图+3D模型ARPG系列教程(1)-- 搭建开发环境
- Html5斜45度地图+3D模型MMORPG系列教程(最终版)
- netlink 使用后关机造成内核崩溃。
- C#委托,匿名方法和Lambda表达式(译)
- Excel VBA 提示“找不到工程或库”错误的解决办法
- schedule_timeout()
- 关于android apk安装
- HTML5实现3D校园地图思路
- hdu 2825 Wireless Password 【ac自动机+dp】
- IE6中Form.submit不提交的问题
- The reference to entity "characterEncoding" must end with the ';' delimiter
- 黑马程序员4--关于集合的事
- java内部类的总结
- IE Cookie文件格式说明
- 黑马程序员 字符串分割
- Taking a screenshot from within a Silverlight #WP7 application from http://geekswithblogs.net