js如何在摄像头放3d模型

JavaScript015

js如何在摄像头放3d模型,第1张

js在摄像头放3d模型步骤:

1、打开3DMax并导入一个模型。点击标识“摄像机”,在点击下面菜单栏里的“目标”;

2、将窗口切换到“顶视图”。用鼠标点击绘画栏空白的地方,并拖出“摄像机”。;

3、按“c”键,就会出来摄像机的视角,调整摄像头的角度。

ArcGIS JS 4.11后支持加载GLTF/GLB格式的3D模型了,但是对模型有一定要求,具体可以去官方查看。这种方式其实跟开源三维框架Cesium的加载方式类似,后者是更成熟更强大一点。

效果图:

实现步骤:

1.将数据模型保存到项目文件夹。

2.使用ArcGIS JS 4.X 创建Graphic,其中Symbol类型为Object3DSymbol。

ArcGIS JS 4.11 已经可以直接在前端加载GLTF格式3D模型而不需要通过使用ArcGIS Pro软件发布服务,但是如果模型的体积对渲染效率影响较大,50M以上执行地图操作(移动,缩放)基本上会有点不流畅。

在使用three.js加载3D模型之后,项目中遇到一个问题:需要将3D模型旋转之后的位姿转换成图片并保存下来,尝试了两种方法:

问题:由于canvas中加载的是3D模型,导致转换出来的图片一片漆黑,方法失败

经过尝试之后,成功将模型转换成图片(base64编码图片)

方法如下:

转换之后,imgData为base64编码的图片,可以直接进行显示