IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 微信小程序SLAM AR零基础入门教程 -> 正文阅读

[移动开发]微信小程序SLAM AR零基础入门教程

《鬼灭之刃花街篇》开播在即,今天带大家零基础使用Kivicube制作一个炭治郎的SLAM AR云手办,可以通过微信小程序将AR版的炭治郎放置在家中,提前感受鬼灭的氛围。先上个GIF大家看看动态的展示效果

在这里先科普一下本次教程使用到的AR技术——空间定位与追踪(SLAM),相比其他的AR技术有什么亮点。

空间定位与追踪(SLAM)能够对用户的真实环境进行感知,从而把AR模型动画素材放置并固定在真实的环境中,最后达到虚实紧密结合的效果。

?大家比较熟知的宜家家具摆放就是属于SLAM技术的成熟商业应用。用户可以打开手机识别真实的地面将宜家的家具摆放在真实家庭环境中,辅助消费者判断家具是否符合家里的装修风格。

(一)制作工具介绍

首先在在制作软件上我用到的是免费的XR在线制作平台Kivicube。


整个平台的操作都是可视化的,其他功能模块如AR图像追踪与AR陀螺仪场景的操作基本都是把各种模型动画、音频等等拖到中间这个网格中,拖拽调整相对位置,再简单设置一些触发事件就能完成制作。

除了容易上手之外,Kivicube制作的场景能够在浏览器跟微信小程序里直接体验,免去了自己build一个APP的巨大难题,通过微信小程序直接体验也提升了互动的传播度。
?

想学习怎么使用这个平台的同学也可以关注一下Kivicube的官方B站账号「弥知科技」里面有很多其他功能模块的教程。

本次教程里用到的是Kivicube平台新上线的「空间定位与追踪」功能,操作相比其他的功能模块会更加简单。

(二)制作教程

1、模型处理

首先我们需要自己建一个炭治郎的模型。和我一样不会建模的同学们这里我推荐sketchfab平台,里面非常大量的免费模型可供下载,质量也非常高。

?挑选好合适的模型之后需要自己通过kivicube的在线模型编辑器调整一下光照与材质,目的主要是让模型在AR环境中也能达到理想的效果。同样属于小白友好的可视化操作,大家通过调整右侧的选项与参数就能实时在左侧预览调整效果。

?调整好了就一键导出一个GLB模型,咱们素材准备就完成了。调整好的模型我也放了一份到网盘,想跳过模型调整步骤的同学可以直接下载。

链接: https://pan.baidu.com/s/1Zw_ZDOx4Orul4WZ_zXgIdQ??密码: q5lq

2、模型上传

首先需要先注册登陆一下KIVICUBE账号,网址:www.kivicube.com

右侧点击了解详情有官方SLAM教程传送门,有需要也能看官方的教程

?登录成功后,点击界面上方「+AR场景」功能,选择场景类型为「空间定位与跟踪」

?选择并上传刚刚通过AR模型编辑器调整过的炭治郎模型

?接着开始设置场景缩略图与场景名称等基本信息,点击「生成体验链接」

?3、场景发布

然后我们就进入了最后一个步骤,发布SLAM场景。这里需要提一下,目前Kivicube针对不同的用户群体做了三种不同的场景发布方式。

?扫码直达:用户直接按照二维码下的指引,扫描下方微信小程序码即可体验刚刚我制作的炭治郎场景,将AR炭治郎放置在真实的环境中。

小程序插件:针对一些有将场景植入自己微信小程序需要的伙伴,能够通过简单的操作将刚刚制作好的炭治郎场景接入自己的小程序

插件与自定义开发:主要针对于想要实现二次开发的伙伴,譬如我们希望点击炭治郎的模型后出现一些弹窗或者想要自己做一套好看的UI放在场景中等等,这项功能适用于有更好编程基础的同学

以上就是本次教程的全部内容啦,希望伙伴们能通过这篇教程发散出更多精彩的AR场景!?

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-10-09 16:23:57  更:2021-10-09 16:26:04 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 23:04:19-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码