微信AR教程｜鼓浪屿趣味地图

最新推荐文章于 2025-01-11 23:46:39 发布
最新推荐文章于 2025-01-11 23:46:39 发布
阅读量1.6k 收藏 12
点赞数 4
分类专栏： 微信AR教程 文章标签： javascript tensorflow 小程序 html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48808133/article/details/116162469
版权
本文是一篇关于如何使用Kivicube创建微信AR趣味地图的教程，介绍了从场景构想、素材导入、场景布置到交互事件设置的全过程。用户通过微信小程序可以体验AR，教程中详细讲解了如何设置各个交互环节，包括播放背景音乐、展示景点模型和图文详情，以及跳转购票链接等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

KIVICUBE教程|鼓浪屿WebAR趣味地图

 


01 场景构想

首先需要注册kivicube账号。kivicube是一个WebXR在线制作工具，帮助用户通过在线可视化编辑即可快速制作AR场景，并可一键发布至web与微信小程序两个端口。通过微信即可体验AR

平台支持包括图像追踪、SLAM、实物追踪等多种能力，同时提供AR赋能微信小程序插件，方便开发者们接入自己的小程序开发微信AR功能

另附 微信小程序AR入门教程 请自行食用

 

本场景预设交互为：扫描识别图进入场景后，播放背景音乐，文字引导查看景点，点击景点后出现该景点的模型和图文详情，点击关闭按钮关

最低0.47元/天 解锁文章
微信小程序 | 基于高德地图+ChatGPT实现旅游规划小程序
陶人超有料的博客
04-26 8165
本项目前端基于vue+uniapp构建微信或者抖音小程序，后端基于Flask框架提供数据接口，同时结合了ChatGPT的旅游规划Prompts生成旅游攻略，最终使用高德地图的路径导航功能展示整个旅行的路线图，真正实现旅游攻略可视化！
uniapp - [微信小程序 | 安卓苹果app] 详细实现接入天地图完整流程，提供显示地图、IP 属地定位 / 用户定位的城市名称、用户定位的经纬度超多功能（复制运行示例代码，详细注释及常见问题）
王二红
05-02 1万+
uni-app，微信小程序，安卓app，苹果app，App端，支付宝小程序，nvue，天地图，国家天地图api，接入使用天地图，uniApp小程序端接入天地图，uniapp安卓苹果app端接入天地图，微信小程序平台如何引入天地图，天地图Api使用教程，如何在uniapp里集成天地图，使用天地图获取当前定位，天地图api教程，天地图官方文档，天地图详细使用教程，Uniapp项目如何使用天地图，项目引入天地图配置及使用教程，使用天地图获取用户定位，天地图获取用户当前位置信息(经纬度)，如何通过天地图拿到用户定位
AR乐园实例教程项目1---AR动物园（中）的实现
albertleebob的博客
04-12 5263
前言： EasyAR 开发群：605785368 AR开发者社区： 在前一章节中，介绍了AR乐园开发环境的搭建。 资源链接：https://pan.baidu.com/s/1jIv373w 密码: qpvn NGUI 资源：链接: https://pan.baidu.com/s/1miTpz7a 密码: tz7b 好了
【微信小程序AR】基于Kivicube零代码实现微信小程序AR
热门推荐
炼丹笔记
09-09 1万+
话不多说，先看实现效果作者之前尝试过Apple公司的ARkit、Google公司的ARCore以及国产的EasyAR和SenseAR。Apple公司和Google公司的AR产品是市面上的主流，功能非常的完善，基本可以满足所有的程序载体，但是开发门槛非常的高。国内这两款AR产品还不错，但是主要针对的是WebAR，在微信小程序上功能不是很完善，作者在网上查找资源后发现国内弥知科技公司的Kivicube产品完美的适配于微信小程序，而且几乎上是零代码。非常适合小白新手。
微信小程序AR应用案例盘点（时尚行业）
weixin_48808133的博客
09-11 1829
在上一篇微信小程序AR行业应用分析中，我对快消行业的微信小程序AR经典案例与解决的痛点问题，结合目前新扩展的微信小程序AR能力进行了盘点。 今天我们则集中在另一个把视觉呈现做到极致的行业——时尚行业，盘点一下2021年都有哪些时尚品牌使用微信小程序AR技术赋能提升销量表现。 GUCCI Flora绮梦花园 2021年9月Gucci推出绮梦花园系列香水，除了将香水本身馥郁的栀子花香味作为卖点之外，本系列的包装与广告大片也非常值得一说。 瓶身材质上选用了部分回收玻璃，符合Gucci品牌近年主打的环保..
ar 微信小程序_我们等这天，等了几年了！微信小程序AR终于来了！
weixin_35822833的博客
12-31 916
近几年AR技术得到快速发展，各行业对它都很感兴趣。这不，微信公开课推文宣布了微信小程序也要实现AR效果。这让无数开发者都感到了欣喜。在大众期待下，微信对于AR也是“寄予厚望”。1那些年我们一起追过的“AR”AR其实早就融入到我们的生活中了。比如每年过年期间，我们大家沉迷的集五福红包的活动。支付宝从2016年开始有“扫福”的集五福红包，如今已是每年春节必备的项目之一，打开支付宝扫一扫的功能...
微信小程序实现简易照片AR，以及实现过程中的一些问题
qq_43488381的博客
08-12 1186
大概意思是创建了一个图片Marker，然后如果识别到这个图片，就把指定的视频投射到这个Marker上去（其实是创建了一个mesh，然后mesh的材质设置为视频，识别到Marker就把这个mesh盖到Marker上去）放一下最后的效果，用的Marker图片和上面的效果图中的Marker是一样的，可以看到修改前图片上部和下部有很大部分没覆盖到，但是修改scale后，视频就能基本贴合Marker图片了。，直接使用文档提供的很简洁的代码就能实现简单的照片AR效果。微信小程序中提供了一个实现简单照片AR的。
原生微信小程序AR(扫描指定图片显示glb模型带demo项目)
oneya1的博客
01-05 5142
4.在components组件里面创建common文件share-behavior.js。准备：需要准备要扫描的图片地址和扫描成功后显示的模型。share-behavior.js代码。scene-ready.js文件代码。index.json文件代码。index.wxml文件代码。index.js文件代码。index.json代码。index.wxml代码。index.wxss代码。index.js文件代码。index.json代码。index.wxss代码。index.js代码。utils.js代码。
微信AR实现识别手部展示glb模型（带demo）
oneya1的博客
01-22 1337
因为AR识别手部一直在识别，所以会出现闪动问题。可以将微信开发者调试基础库设置到3.3.2以上，可能要稳定一些。5.创建父组件scene-ar-germanBusiness，引入手势识别子组件。4.代码展示，在组件里先创建xr-ar-german组件。2.微信小程序手势识别只支持以下几个动作，和识别点位，3.3.代码展示，我用的是微信官方文档案例。
微信小程序｜基于小程序实现定位打卡功能
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
10-12 1万+
此文主要在小程序内实现打卡功能，可根据用户位置与公司设定的打卡范围实时判断打卡是否合法，并在后台对打卡记录进行管理。
微信小程序 | 小程序组件化开发
CoderHing的博客~
12-26 1万+
​ 🖥️ 微信小程序 专栏：小程序组件化开发 🧑‍💼 个人简介：一个不甘平庸的平凡人🍬 ✨ 个人主页：CoderHing的个人主页 🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️ 👉 你的一键三连是我更新的最大动力❤️ ​
WeHalo 微信小程序版博客项目教程
gitblog_00154的博客
09-13 531
WeHalo 微信小程序版博客项目教程 WeHalo WeHalo 简约风 的微信小程序版博客:sparkles: 项目地址: https://gitcode.com/gh_mirrors/weh/WeHalo ...
2025年微信小程序实现最新的AR效果教程，最新小程序AR教程
最新发布
二当家的
01-11 1492
2025最新微信小程序AR功能，首先上最终效果，如下视频：微信小程序AR手势识别功能。
全套 AR 应用设计攻略都在这里！
weixin_30702887的博客
11-07 362
版权声明：本文为博主原创文章。未经博主同意不得转载。 https://blog.csdn.net/jILRvRTrc/article/details/79823908 通过将虚拟内容与现实世界融合，增强现实技术 (AR) 以身临其境的互动式体验，增强了我们与周围世界的交流与互动。ARCore 正是为了让大家能在 Android 上轻松构建增强现实应用而诞生。利用动作跟踪、环境理解...
AR地图微信小程序：数字化时代下地图应用的新突破
mykj1551的博客
08-23 1734
通过结合数字化时代的需求和AR技术的发展，AR地图微信小程序为用户提供了全新的地图导航体验，将成为未来地图应用的重心。1.实时定位和导航功能：详细介绍AR地图微信小程序提供的实时定位功能，以及基于AR技术的导航功能，实现用户在现实环境中的精准导航。2.AR技术的发展与应用：介绍增强现实技术在地图导航领域的发展和应用，以及AR技术在提供更直观、沉浸式导航体验方面的优势。1.AR技术与地图数据的融合：探讨AR技术与地图数据的融合方式，以及如何通过地图数据的可视化呈现提供更丰富的AR导航体验。
微信小程序AI人脸检测与AR增强现实项目指南
gitblog_00472的博客
08-20 392
微信小程序AI人脸检测与AR增强现实项目指南 WeChat-MiniProgram-AR-AI微信小程序AI人脸检测和AR平面跟踪。项目特色是使用的微信官方API。包含AR试戴眼镜、AR测量尺子、AR玩具机器人等。项目地址:https://gitcode.com/gh_mirrors/we/WeChat-MiniProgram-AR-AI 项目概述 此项目名为微信小程序AI人脸检测和AR平面跟踪...
微信小程序AR：通过Kivicube平台零代码实现小程序AR效果
弥知技术团队
02-23 6634
今天给大家分享一个快速生成小程序AR的方法。整体的思路是先准备一个glb格式的3D模型，再在第三方平台Kivicube上面创建一个账号，创建好AR项目后上传模型，生成AR效果图，此时可直接扫码查看或接入微信小程序。
微信小程序 AR 3D 演示教程
gitblog_00866的博客
09-25 1284
微信小程序 AR 3D 演示教程 WeChat-MiniProgram-AR-3D A WeChat MiniProgram 3D that includes a Panorama Viewer and a 3D Viewer using the device orientation control. ...
旅游景区地图游玩小程序开发制作
hanlin1888的博客
01-02 1393
该旅游景区小程序平台是基于该旅游景区电子地图基础上结合最新门户牌地址集“吃、住、行、游”为一体的文化旅游服务平台包括:电子地图、特色美食、旅游路线业态展示、发现互动等多核心版块。 如果你第一次来这个该旅游景区选择使用小程序打开旅游吧! 1、官方定制旅游路线，带你了解老建筑的前世今生。 根据地图路线，安排最佳的旅游时间，让你无须导游就能深度体验当地特色文化 2、吃喝玩乐一站式服务，官方推介最in的吃喝玩乐潮人聚集地，让你享受最真实的评价反馈选择自己心仪的餐厅! 3、发现页互动，将
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值