gltf

室内地图制作-首款实时室内绘制室内地图-3D室内地图

我们两清 提交于 2020-08-19 23:00:45
室内地图制作经过易景空间地图团队的持续优化迭代,新版本地图编辑器中的画圆柱体、模型库、快速画道路、房间直接换纹理贴图等功能终于上线了,目前市面上一款无需安装软件就能直接使用浏览器访问的在线 室内地图 制作编辑器。 支持室内地图中添加精细化模型,操作简单,展示效果更好,为用户提供更加好用的地图编辑服务。大家只需要使用浏览器直接登录易景空间地图三维模型编辑器,就可以使用里面的三维模型库,大家可以用来制作3D室内地图,也可以用来制作室外地图。 地图编辑器中新增的模型库功能,可以为用户提供丰富的模型支持,基于使用场景分为室内、室外、生活、交通、行业细分等七大类,覆盖用户绘制地图时的常用场景及常用模型类型。模型种类及数量还会进行持续的更新丰富。 通过模型库里面的“交通分类”,选择道路路面,设置道路宽度,就可以实时生成道路模型,如下图所示: 用户通过鼠标拖拽即可快速部署在地图中,同时支持对模型的大小比例、放置角度、地图位置进行快速调整。提供视频教程 网址 同时基于已绘制的房间,支持进行房间纹理添加,基于场景一键添加墙面纹理,提供更加精美的地图展示效果。 当模型库满足不了需求时,用户还可以自己上传自己的GLTF模型到地图上进行使用。 基于模型库功能,用户可以通过简单的拖拽,在原有地图基础上实现更加精细化的地图绘制效果,制作更加逼真的三维地图。

CesiumLab V1.1 新功能 (免费Cesium处理工具集)

空扰寡人 提交于 2020-08-15 10:26:02
Cesiumlab 自从上周(3月20日)发布之后,赢得小伙伴一致好评。 本周继续推出重大更新: 建筑物矢量数据 转 3dtiles, 建筑物矢量数据 转 3dtiles, 建筑物矢量数据 转 3dtiles, 重要的事情说三遍嘛。 废话少说,先上图,效果就是这样滴! 下来我们介绍一下建筑物转3dtiles的工具特点: 1,输入支持shp格式 其它gdal支持的矢量形式,理论上也支持,个人没有测试,小伙伴有时间可以自己测 要求文件带投影信息(一般shp的投影存在同名的prj文件),或者在cesiumlab中手动指定文件投影 3857的web 墨卡托投影测试过,其它投影请自测 2,支持可选的字段属性 存入3dtiles batchtable中 1)字符串字段 中文尤其注意,如果带中文,请在cesiumlab选择对应的中文编码(utf8 或者 gbk) 2)可以把shp中非字符串类型,但实际为数字的字段转数字 3,支持处理过程中实时取地形高程,这样3dtiles和地形更匹配 支持从多个地形文件中取,用户就不需要去合并dem了。 4,其他细节 支持中文utf8或者gbk编码选择 支持高程字段设置其它更新: 3dtiles预览界面 增加了 样式编辑器,很方便的查看数据效果码农干货: 1, 关于3dtiles的标准,最全的要看这里https://github.com

如何制作好看的室内地图-室内电子地图-在线制作室内地图

隐身守侯 提交于 2020-08-10 21:58:32
随着我国经济的飞速发展,室内地图定位必将是GIS发展的一大趋势,应运而生。纵观当前GIS领域的发展状况,室外地图相关的产品比较成熟,像百度、google、arcgis等都是在GIS领域很具有代表性的,但是个性化室内地图却微乎其微,深圳市易景空间地图专业致力于室内地图平台的研究,如何制作个性化效果好看的室内地图就如同一个刚出生的婴儿,但它的前途却是注定非凡。 易景空间三维地图制作平台中的模型库功能,可以为用户提供丰富的模型支持,基于使用场景分为室内、室外、生活、交通、行业细分等七大类,覆盖用户绘制地图时的常用场景及常用模型类型。模型种类及数量还会进行持续的更新丰富。 前往资源广场查看室内地图项目和室内地图效果 制作智慧商业办公楼、写字楼风格室内电子地图 我们为大型企业办公楼、不同规模公司办公区提供各具特色的三维室内地图,方便的进行OA系统、门禁系统、人员管理、设备管理、体验区等系统集成和可视化管理。 前往查看智慧商业办公楼、写字楼风格室内电子地图 制作智慧机房场景室内电子地图 依托机房环境的多源传感器设备、三维可视化地图、精细化设备模型,打造可视化的智慧机房“数字孪生”平台,实现智慧机房运行管控新方式。 前往查看智慧机房场景室内电子地图 制作智慧医院导航室内电子地图 医院室内地图提供大众就医关注的挂号区、分诊区、就医区、检验区完整划分和展现,精确提示各种路线指引

前端小玩意儿:用three.js开发的手机太空穿越VR游戏,特效非常猛

这一生的挚爱 提交于 2020-07-24 10:24:20
hello,今天给大家用three.js开发了一个手机太空穿越VR游戏,确实不容易,小编的头发又少了一大截。Ok,废话少说,先看效果。 效果图 首页index.html <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < title > Three.js Mobile VR Sonic </ title > < link rel ="stylesheet" href ="css/style.css" > </ head > < body > < script src ="js/jquery-1.12.4.min.js" ></ script > < script src ="js/d3.v4.min.js" ></ script > < script src ="js/three.min.js" ></ script > < script src ="js/GLTFLoader.js" ></ script > < script src ="js/TweenMax.min.js" ></ script > < script src ="js/CSSPlugin.min.js" ></ script > < script src ="js/EasePack.min.js" ></

Aframe gltf-model demo with envmap

馋奶兔 提交于 2020-07-18 08:07:49
问题 It's very convenient to load GLTF- model in aframe, but no case is found that contains envmap texture. I'd like to see that the official can provide the same case as three official. pmremGenerator.fromEquirectangular(texture) function is used to make gltf model produce real reflection effect https://threejs.org/examples/#webgl_loader_gltf https://threejs.org/examples/#webgl_materials_envmaps_hdr 回答1: One way would be creating a custom component, which will: wait until the model is loaded

Aframe gltf-model demo with envmap

倖福魔咒の 提交于 2020-07-18 08:07:12
问题 It's very convenient to load GLTF- model in aframe, but no case is found that contains envmap texture. I'd like to see that the official can provide the same case as three official. pmremGenerator.fromEquirectangular(texture) function is used to make gltf model produce real reflection effect https://threejs.org/examples/#webgl_loader_gltf https://threejs.org/examples/#webgl_materials_envmaps_hdr 回答1: One way would be creating a custom component, which will: wait until the model is loaded

Aframe gltf-model demo with envmap

大兔子大兔子 提交于 2020-07-18 08:07:04
问题 It's very convenient to load GLTF- model in aframe, but no case is found that contains envmap texture. I'd like to see that the official can provide the same case as three official. pmremGenerator.fromEquirectangular(texture) function is used to make gltf model produce real reflection effect https://threejs.org/examples/#webgl_loader_gltf https://threejs.org/examples/#webgl_materials_envmaps_hdr 回答1: One way would be creating a custom component, which will: wait until the model is loaded

Godot Engine:马里奥食人花三部曲(三)用SkeletonIK实现食人花捕食目标

最后都变了- 提交于 2020-05-02 15:59:11
书接上文 《Blender图解教程:马里奥食人花三部曲(二)骨骼绑定和动画》 ,这一回我们将进入Godot游戏引擎,完成最关键的部分,当目标(马里奥)接近食人花,食人花可以根据目标的位置进行捕食 下集预告 先放个下集预告 效果图 这才是本章节的效果图 文章目录 下集预告 效果图 步骤 1. 模型导入Godot Engine 2. 构造场景 3. 设置SkeletonIK 4. 测试 5. 运行时实现 步骤 1. 模型导入Godot Engine 将从blender导出的“piranhaflower.gltf”导入Godot,并按照 《Blender图解教程:导出glTF骨骼动画到Godot引擎的流程与注意事项》 所述,生成tscn场景以后,其场景树如下: 老王出于强迫症,把两个“piranhaflower”节点重新名了下名,这不是必须的 选择 AnimationPlayer 对动画片段做如下设置: Idle设置为默认动画,并且设置循环 Attack设置为循环 2. 构造场景 为"Skeleton"节点添加一个 SkeletonIK 子节点。 为“PiranhaFlower”节点添加一个 Position3D 子节点,并更名为“Target” 3. 设置SkeletonIK SkeletonIK 节点: 必须是 Skeleton 的子节点。 它直接继承于 Node 所以是2D

max转obj贴图缺失可能原因之一——版本问题

前提是你 提交于 2020-05-02 02:36:38
  起初的标题是“3dMax模型数据转cesium Gltf模型中遇到的问题”,找出原因后发现是max转obj贴图缺失,具体是版本问题造成的。   3dMax模型数据转cesium Gltf模型功能,网上已经有大神给出了操作步骤,但是实际使用中遇到了一些麻烦,特此记录。给出一篇手把手转换操作: https://blog.csdn.net/u011394175/article/details/78919281 。   问题描述:1.在*.max格式数据转换成*.obj之后,obj导入到3dmax时,模型效果有所改变:缺少贴图,有黑色阴影,似墙皮脱落,又像被火烧过的痕迹,。   解答:有网友指出:3dmax导出obj(含贴图),是不支持插件渲染器下的材质,只支持3dmax本身自带的默认扫描线渲染器下的材质。至于为什么插件渲染导不出来贴图,这个问题该网友也未解决。有没有可能是obj支持的材质贴图是有限的?   检验过程中哪一步出现了问题,提出解决方法:同事执行第一步,我执行第二三步,如果依旧有问题,同事执行一二步,我执行第三步,依次类推。幸运的是,第一步就找出了问题,同事进行max转obj工作,我执行后两步,成功。      分析原因:3dMax数据是同事用3dMax2012制作的,我把用2019将3dMax数据转换成OBJ,同事则用2012将max数据转换成obj

Cesium源码剖析---Clipping Plane

拜拜、爱过 提交于 2020-05-01 21:59:31
  之前就一直有写博客的想法,别人也建议写一写,但一直没有动手写,自己想了一下原因,就一个字:懒、懒、懒。为了改掉这个毛病,决定从今天开始写博客了,一方面对自己掌握的知识做一个梳理,另一方面和大家做一个交流,更能深化对问题的理解。废话好像有点多,好了,各位乘客,收起小桌板,系好安全带,要发车喽。   Cesium作为一个开源的webgl三维地球渲染引擎,具备很多的基础功能和高级功能。之前已经有很多文章对Cesium做了相关的介绍以及如何使用API等等,我想和大家分享的是Cesium一些功能的底层实现。作为一个源码研究爱好者,希望能将底层优秀代码和大家分享。我们不是代码的生产者,我们只是代码世界的搬运工,哈哈。听说Cesium最近集成了平面剪裁功能,我们赶紧去看一看。 一 Cesium平面裁剪效果   Cesium裁剪模型的效果如下:                  这就是Cesium中根据一个平面对模型进行裁剪的效果,看上去很神奇。除了可以对单个模型进行裁剪,还支持对3D Tiles模型、地形进行裁剪,裁剪面可以定义成单个面也可以设置成多个面。 二 Cesium平面裁剪调用   在Cesium中添加模型以及对模型进行裁剪非常简单好用,只需下面几行代码就可以实现:  1 var modelEntityClippingPlanes;//定义的裁剪平面集合 2 function