首款综合小程序插件

支持加载Kivicube平台场景与自定义开发

接入流程

1.注册Kivicube平台账号

2.熟悉小程序AR插件架构

2.1组件

2.1.1kivi-cloudar

此组件封装了Kivicube云端图像识别API,开发者可以自己实现扫“福”字、扫“LOGO”、扫“海报”等AR交互。

开发者可以使用Kivicube平台来上传并管理识别图像。

2.1.2kivicube-scene

此组件可以通过加载Kivicube项目或Kivicube场景无缝呈现其AR内容,更支持自定义开发。

2.2开发者自定义开发

2.2.1普通UI/UX及功能开发

  • 自定义素材下载与加载Loading;
  • 自定义扫描提示;
  • AR画面(相机画面)上叠加自定义UI内容;
  • 等等

2.2.2高级API

(1)交互事件API

小程序可以接收到AR场景中交互事件触发的回调,进而完成AR场景内部到到外部小程序的交互传导。例如,AR场景中模型动画播放完毕,触发开发者自定义的抽奖弹窗。

外部小程序可以直接触发AR场景内容的交互。例如,点击屏幕上开发者自定义的点击按钮,触发AR场景中模型播放另一段动画。

(2)3D渲染引擎API
  • AR场景灯光环境自定义;
  • AR场景渲染摄像机自定义;
  • 3D模型材质自定义;
  • 等等

3.熟悉使用Kivicube平台

3.1概述

Kivicube是一款WebXR在线制作平台,助力于创意者快速创作AR/3D内容,发布在通用Web端与微信小程序端。

3.2新手入门

通过此教程您将会初步了解Kivicube平台的基础功能与项目/场景制作流程。

https://www.yuque.com/kivicube/manual/quick-start

3.3使用kivi-cloudar的开发者

视频教程:https://v.qq.com/x/page/t09428pys89.html

示例代码:https://github.com/kivisense/wechat-mp-plugin-cloudar-sample

3.4使用kivicube-scene的开发者

3.4.1Kivicube场景制作教程

初级教程:https://www.yuque.com/kivicube/manual/basic-tutorial

高级教程:https://www.yuque.com/kivicube/manual/advanced-tutorials

3.4.2获取Kivicube场景ID

在Kivicube平台上制作并保存场景之后,点击右上角”分享”按钮,然后点击”复制链接”,而链接中最后一个正斜杠,之后的一串乱码字符,就是场景id。

比如复制的链接为:https://www.kivicube.com/scenes/n5KxG0svcgNyZof1aWz2kGl6oHNh2JRl ,则n5KxG0svcgNyZof1aWz2kGl6oHNh2JRl 就是场景id。

4.接入小程序AR插件

接入技术文档

https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx3bbab3920eabccb2

GitHub示例代码

Coming Soon ~