检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
弹性云服务器二(Elastic Cloud Server)是一种可随时自动获取、计算能力可弹性伸缩的云服务器。 产品介绍 什么是ECS 创建容器应用基本流程 如果title超长,将自动截断并显示省略号,若需鼠标经过时冒泡,请在样式中增加 js-title 如果title超长,将自动截断(文字超长时
gyro表示设备陀螺仪是否正常。 WEB_INFO 版本信息。 { slam: string; phone: string; } Object 侦听函数,会接收到一个参数:event: { data: Object } event.data.slam表示当前AR位置追踪算法的版本号。 event.data
number; } 获取相机矩阵和视频流图像,完成空间位置追踪与渲染。 通过回调函数“hwar.registerRefreshCameraMat”获取相机矩阵和视频流图像。当3定位成功后输出相机矩阵,包含当前虚拟相机的位姿信息。视频流图像可通过Three.js、LayaAir等WebGL渲染引擎渲染成背景画面。
单击“服务列表”,选择“管理与监管 > 云审计服务”,进入云审计服务信息页面。 单击左侧导航栏的“事件列表”,进入事件列表信息页面。 设置查询条件,单击“查询”。 事件列表支持通过筛选来查询对应的操作事件,当前事件列表支持多个维度组合查询,详细信息如下: 时间范围:可在页面右上角选择查询最近1小时、最近1天、最近1周及自定义时间段的操作事件。
目录。 图3 导入SDK后目录 调用SDK,获取版本号。 在“index.js”文件的第一行导入XRClient。 import { XRClient } from "../../build/XRClient"; 在“index.js”文件的onLoad方法里打印SDK版本号。
│ └── slamcommon.js │ ├── hwar.js 通过外部脚本引入WebARSDK的JS文件。 <script src="hwar/slam/LOG-iMedia_XREngine_Cyberverse_3.1.0.js"></script> <script
workers文件夹:工程引用的worker。 XRClient.d.ts文件:申明文件。 XRClient.js:SDK的核心逻辑。 收集AK/SK信息 表1 收集信息 信息项 说明 AK/SK 访问密钥。包含访问密钥ID(Access Key ID,AK)和秘密访问密钥(Secret
0,\"y\":0,\"z\":2}}]"; //在utmPositionJson中配置数字内容的坐标,定位成功后接口会返回用户当前位置的坐标信息,可以将数字内容坐标设置在用户附近,以便于调试。 constructor(scene: any) { this.scene
熟悉Web移动端开发。 熟悉Three.js、LayaAir等渲染库,可实现基于WebGL的3D渲染。 下载SDK 请下载WebARSDK软件包和软件包的完整性校验文件,并解压软件包、核对文件目录。 图1 SDK包目录结构 收集信息 表1 收集信息 信息项 说明 AK/SK 访问密钥。包含访问密钥ID(Access
开发概述 WebARSDK简介 WebARSDK是一款轻量化JS-SDK,支持租户通过SDK快速集成和使用KooMap AR地图运行服务,开放能力的内存增加不大于3MB,运行时不依赖于Native App,可通过主流Web浏览器平台、主流终端设备的App内嵌WebView,实现WebAR体验。
AR导航功能依赖视觉定位,进行空间位置跟踪。它将会根据当前位置信息及终点信息获取路径点信息,然后进行3D虚拟世界渲染操作。 其包含的功能主要有路线规划及导航指示: 路线规划:根据目的地和当前位置,自动规划合适的路线。 导航指示:引导用户沿着设定的路线前进,并在需要时提供转弯提示等导航信息。 父主题: AR导航
GetAppConfig:获取应用鉴权参数。 GetAppEnv:获取App环境参数。 GetWorldControl:获取资源世界的参数,例如是否在服务区、获取坐标偏移量等信息。 GetSniffer:获取定位及传感器信息。 GetJniAttach:子线程向Android客户端发送信息时需要使用。
登录KooMap管理控制台。 在左侧导航栏的“AR地图”下选择“项目管理”。 在“项目管理”页面,单击项目名称(蓝色字体),进入“项目详情”页面。 单击“上传数据”,根据表1填写待上传数据的相关信息。 表1 上传数据配置参数 配置项 配置说明 数据名称 必填项。 输入数据名称。 名称不可重复。
开启AR会话开发流程 开发过程 获取Token。 成功获取Token后才能进行定位请求。 // 向服务器请求签名 hwar.getToken().then((res) => { // 获取成功 }).catch((err) => { // 获取失败 }); 设置并检查AR会话开启前的相关配置。
图1 VPS坐标系示意图 Three.js渲染引擎坐标系 摆放虚拟物体时需要注意:Three.js的相机朝向是Z轴的反向。 图2 Three.js渲染引擎坐标系示意图 坐标系转换 SDK提供了UTM坐标与渲染引擎(如Three.js、LayaAir)坐标之间的转换方法。 //
开启AR会话方案概述 您可开启AR会话获取设备的图像、GPS坐标及传感器数据,启动SLAM从而进行视觉定位。 视觉定位成功后,您可获取到当前位置的坐标信息,并在附近渲染数字内容,从而构建虚实融合的世界。 传感器包括陀螺仪、加速度计、磁力计。 父主题: 开启AR会话
WebARSDK文件。 验证租户身份信息。 通过hwar.setAKSK方法将AK/SK传入SDK,验证租户身份信息。 开启AR会话。 获取图像及传感器数据,初始化SLAM,准备相关环境。 实现AR导航和渲染3D内容。 依靠视觉定位,获取当前设备位置,以及请求导航路径,实现空间位
list: PoiInfo[]; }> 返回信息列表,list包含POI名称、坐标、缩略图等信息。 PoiInfo: { arMapInfo: any; poi: any; poiContent: any; } getPoiImgUrl 获取可直接使用的POI缩略图的url。 url
updatePerFrame 更新相机位姿。 - - - void getCameraOffset 获取相机偏移量。 - - - number[3] getUTMPosition 获取UTM(UNIVERSAL TRANSVERSE MERCARTOR GRID SYSTEM,通用横墨卡托格网系统)坐标。
设置接收相机矩阵的回调函数(TS语言,以Three.js为例) hwar.registerRefreshCameraMat((cameraMat: THREE.Matrix4, imgData: ImageData) => { }); // UTM坐标转成渲染坐标(TS语言,以Three.js为例) let vecInit: