KIVICUBE，WebAR挺好玩的哈

最新推荐文章于 2024-09-15 12:38:07 发布
最新推荐文章于 2024-09-15 12:38:07 发布
阅读量2.1k 收藏 3
点赞数 5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011974819/article/details/115722126
版权
本文介绍了如何使用Kivicube-WebXR在线制作平台创建WebAR场景。通过简单的步骤，包括上传识别图、添加模型和场景编辑，用户可以快速生成AR体验。此外，还提到了AR.js开源库作为另一种实现方式。对于感兴趣于3D建模的读者，这是一次有趣的尝试。
摘要由CSDN通过智能技术生成

偶然接触到WebAR，了解到一个很有意思的平台，记录&分享

文章目录

效果

在这里插入图片描述

步骤

官网地址：Kivicube-WebXR在线制作平台
官网首页

  1. 点击立即制作之后，注册并登录此平台，即可来到项目页面
    我的项目
  2. 点击下方的 +，填写项目名称、上传Logo图片，点击保存即可新建一个项目。在这里插入图片描述
  3. 选中项目，点击上方 +WebAR场景，先择图像检测与跟踪在这里插入图片描述
  4. 上传识别图，创建场景
    在这里插入图片描述
  5. 选择模型，公共素材，选择其中一个模型将其拖拽到场景中。在场景中鼠标拖拽坐标箭头、面等可以移动模型，也可以通过右侧的属性栏对参数进行调整
    在这里插入图片描述
  6. 点击右上角保存，然后点击分享，即可获得页面的链接和二维码
    在这里插入图片描述
    效果录屏
    在这里插入图片描述
    可以自己试下，微信扫描二维码打开页面，用摄像机照下方的标签图片即可
    在这里插入图片描述
    标签图片
    在这里插入图片描述
    太方便太好玩了，搞得我都想去学学3d建模了😓

开放代码库

从功能实现角度来讲，Github上的AR.js也可以实现相似的功能，是基于AFRAME或three.js实现的，做个记录，有时间研究研究
Github - AR-js-org/AR.js
AR.js - Augmented Reality on the Web

码字不易，如果喜欢，不用三连，点个赞👍便是最大的鼓励
欢迎关注微信公众号 "书咖里的曼基康"
书咖里的曼基康

Nora Taki
关注
微信小程序AR引擎kivicube v2版正式上线啦
kivisense的博客
03-28 4755
我们根据近期汇总的Kivicube用户反馈，从Kivicube小程序AR插件、小程序SLAM插件、WebAR三个模块进行了大量功能点的更新与优化，以帮助用户完成更多精美场景制作。 欢迎大家关注“弥知科技”公众号后台回复「V2」获取本次Kivicube更新功能详细说明与示例代码。 那么接下来我们就分模块看看具体都有哪些值得期待的功能更新吧！ Kivicube小程序AR插件 【更新】开放图像跟踪、开放Kivicube合辑、图像跟踪场景新增脱卡显示功能 1.开放图像检测与跟踪功能（插件...
使用MMD模型通过Kivicube平台制作WebAR与小程序AR
弥知技术团队
05-28 1819
此教程使用插件（来自http://stereoarts.jp/）将MMD模型转换为FBX；然后通过Adobe Mixamo自动生成模型动画；最后上传到Kivicube平台进行AR场景制作。
Kivicube_glTF_Exporter_Fixed.unitypackage
12-16
使用Unity导出glTF文件，步骤：1.使用Windows的用户，一定要将贴图文件放在Assets根目录下；2.下载Kivicube_glTF_Exporter.unitypackage后，将此文件拖拽到Unity程序中导入。Unity版本建议v5.6.5p4及其以上。3.将模型拖到视图面板上，选中模型，点击Tools下的Export to glTF按钮导出即可。
【微信小程序AR】基于Kivicube零代码实现微信小程序AR
炼丹笔记
09-09 1万+
话不多说，先看实现效果作者之前尝试过Apple公司的ARkit、Google公司的ARCore以及国产的EasyAR和SenseAR。Apple公司和Google公司的AR产品是市面上的主流，功能非常的完善，基本可以满足所有的程序载体，但是开发门槛非常的高。国内这两款AR产品还不错，但是主要针对的是WebAR，在微信小程序上功能不是很完善，作者在网上查找资源后发现国内弥知科技公司的Kivicube产品完美的适配于微信小程序，而且几乎上是零代码。非常适合小白新手。
解决Chrome浏览器检测不到HTCVIVE设备导致Three.js案例显示VR NOT SUPPORTED的问题
weixin_42378979的博客
12-14 3620
最新版Chrome浏览器虽然支持WebXR但是默认情况下检测不到HTCVIVE设备，导致WebXR场景无法进入 解决步骤： 1.打开Chrome chrome://flags/ 即Chrome浏览器实验功能 2.打开如下选项 只需要打开这三个选项皆可 3.重启浏览器，打开Three.js官网即可解决 浏览器版本： steam版本 .........
进入 WebXR 的世界
淘系技术
09-09 1148
随着元宇宙的兴起，VR和AR技术再次回到同学们的视野。比起完全是0%支持率的WebGPU,作为WebVR技术的后继者，WebXR Device API以0%+71.08%的支持率展示了对于一个新的feature的期待。面对越来越碎片化的移动端生态，Web标准作为可能是唯一的跨平台工具，在生态中的重要性不言而喻。如果想要学习WebXR，从哪里入手呢？别急，虽然WebXR和WebGPU还都不成熟，但是...
免费WebAR与小程序AR制作平台推荐
weixin_48808133的博客
06-25 2745
最近由于项目需要调研了一下WebAR相关的解决方案。由于学艺不精，项目时间紧张。我的基本诉求是要找一款零门槛，最好不要编写代码，能制作出精美交互以及模型动画能出效果的WebAR SDK或平台。 几经周折，在B站上意外发现了一款名为Kivicube的AR在线制作平台。并且初步看来比较符合我的项目要求 之前在B站上看到官方19年释出的广美学生的AR毕业展，基本都是使用Kivicube这个工具来制作的的。 AR制作平台案例：广州美院AR艺术展 KIVICUBE的一些优势 1、AR能力非常丰
wechat-kivicube-plugin-quickstart
05-03
Kivicube插件入门示例 1.导入微信开发者工具 2.预览小程序AR效果 2.1在微信开发者工具中生成预览二维码 2.2打开AR场景体验 点击首页“打开场景”，跳转到AR场景页面进行AR体验。您也可以更改场景ID，预览属于您自己...
微信小程序AR：通过Kivicube平台零代码实现小程序AR效果
弥知技术团队
02-23 5697
今天给大家分享一个快速生成小程序AR的方法。整体的思路是先准备一个glb格式的3D模型，再在第三方平台Kivicube上面创建一个账号，创建好AR项目后上传模型，生成AR效果图，此时可直接扫码查看或接入微信小程序。
活动召集丨实时多模态 AI Builder 团聚！RTE Open Day@S创上海，9.20/21
最新发布
声网的博客
09-15 1545
9 月 20～21 日，上海， S创上海 2024，看见不一样的创新和技术。这场年轻、多元、活力十足的科技盛会，将汇聚创业者、开发者、艺术家和众多无法定义边界的跨界者。RTE 开发者社区的 Builders 和 RTE Open Day 也将玩乐其中！来到第四期的 RTE Open Day，为实时互动领域的开发者们搭建了一个线下交流场域，一起分享项目、碰撞思想、共同成长。
gltf2.0_models.rar
05-24
gltf2.0标准模型集合，学习vulkan物理渲染自用的一些模型，有需要的可以下载使用，内含50多种gltf文件
微信小程序中的kivicube-scene标签下的scene-id获取（制作webAr时遇到）
m0_60260115的博客
12-03 599
将WebAr引入微信小程序中
「AR元界博物馆」零基础教程来啦！
kivisense的博客
10-18 655
四分钟学会「AI绘画」，并将其展示在AR元界博物馆中，快来释放你的无限创意吧！
Bilibili AR开发入门课程
Mia_Liu的博客
04-21 365
来做下课代表，这个视频太棒了👏我要是早点看到就好了。 现在AR有手机端，眼镜端和网页端 AR种类 1 平面识别类（ex.王者荣耀模型） 基础性功能 大部分都可实现 2 模型识别类（ex. 保时捷换色） 3 图片识别类 （ex.卡牌 书籍）大部分都可实现 4 AR导航 使用AR云 云锚点 储存当前场景的特点（ex. Cyberverse） 5 人脸检测技术 大部分都有 6 Web AR 7 实时光照与反射 8 Apple 另有动作捕捉等高端技术 手机端开发 ARKit（苹果） ARCore（安卓） 实现：官方
导出或将模型转换为USDZ
CotZero
09-05 1万+
什么是USDZ模型？ USDZ是Apple与Pixar在WWDC 2018一起推出的模型格式，这一格式可以追述到Pixar开源的USD模型格式，事实上USDZ本身也就是USD模型+贴图通过Zip压缩而成的格式。 区别于传统的模型格式，USDZ支持效果更加真实的PBR渲染。 USDZ模型有哪些用处？ 在iOS12及其以上，系统内置的APP默认支持打开USDZ，包括Safari浏览器、文件、信息、邮...
微信小程序SLAM AR零基础入门教程
weixin_48808133的博客
10-08 1691
《鬼灭之刃花街篇》开播在即，今天带大家零基础使用Kivicube制作一个炭治郎的SLAM AR云手办，可以通过微信小程序将AR版的炭治郎放置在家中，提前感受鬼灭的氛围。先上个GIF大家看看动态的展示效果 在这里先科普一下本次教程使用到的AR技术——空间定位与追踪（SLAM），相比其他的AR技术有什么亮点。 空间定位与追踪（SLAM）能够对用户的真实环境进行感知，从而把AR模型动画素材放置并固定在真实的环境中，最后达到虚实紧密结合的效果。 大家比较熟知的宜家家具摆放就是属于SLAM技术的成熟商.
glTF格式介绍——目录
热门推荐
MeteorChenBo的博客
01-14 1万+
最近因为科研需要，需要了解glTF文件结构，阅读了一下官方的文档，然后记录在这里写一个专栏吧。由于自己还是图形学小白，翻译的内容难免会有错误，希望大家见谅。此外，此专栏只翻译了主要部分，动画、蒙皮、材质三个部分因为个人知识的限制，暂时没有翻译，如有需要了解，请移步官方文档。 首先说一下为什么要设计glTF文件：网上的说法是当前各种3D模型种类众多，当用户要使用时，需要针对不同的模型安装不同的模型...
EasyAR 初学者入门指南（5）---录屏功能
easyar的博客
09-12 3953
EasyAR 2.0强大的录屏功能
AR增强现实摄像机拍照功能（部分）
chh19941125的专栏
08-06 3965
using System.IO; using UnityEngine; using System.Collections; using Vuforia; public class test : MonoBehaviour {     public GameObject SreenCapturePreview;     private bool isFrameFormat
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值