科技H5 | 打破常规H5，QQ-AR开创交互玩法新纪元

最新推荐文章于 2022-08-26 14:29:05 发布

型哥

最新推荐文章于 2022-08-26 14:29:05 发布

阅读量2.3k

点赞数

文章标签： h5游戏开发技术微信h5 科技 H5游戏

本文链接：https://blog.csdn.net/yylurex/article/details/78808092

版权

QQ-AR结合AR技术，创新品牌营销，通过手势识别、扫描目标等交互方式，打破线上线下的界限，为用户带来独特体验。文章列举7个QQ-AR案例，包括蜘蛛侠、变形金刚5、百事可乐等，展示其在电影营销、产品互动上的应用，证实了QQ-AR在品牌推广中的高效和趣味性。

摘要由CSDN通过智能技术生成

来源：型科科技（公众号ID：xingkec）

作者：兔纸

QQ-AR是手机QQ基于AR技术

用新的交互方式将

线上与线下 “无缝”连接的新技术

凭借着创新与技术的结合

让品牌在充满黑科技的QQ-AR交互体验中展开

更为用户增添了不少乐趣

小科这次精选了 7个

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

型哥

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？

努力是为了站在万人之中，成为别人的光

07-05

26万+

HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/

零视科技 H5S视频平台 GetUserInfo 信息泄漏漏洞 CNVD-2020-67113

初岄的博客

07-26

6037

零视科技 H5S视频平台 GetUserInfo 信息泄漏漏洞 CNVD-2020-67113

参与评论您还未登录，请先登录后发表或查看评论

人脸核身微信h5_微信AR互动打造非凡营销效果

weixin_35212670的博客

01-05

568

近年，基于APP的AR弊端显而易见：对用户而言，容易遗忘与分散注意，很难专注于某一APP并获得顶级的用户体验；对于企业而言，APP开发成本高、耗时长、推广难度大，较难在短时间内完成产品的迭代与盈利。伴随的技术的不断革新，特别是今年七月微信团队官宣支持AR接入，WebAR与微信小程序AR成为了品牌方打造爆款数字营销的新途径！微信+AR：开启互动营销新纪元庞大用户基数，传播度更高截止2019年第一季度...

H5互动游戏推荐，适合和产品结合的小游戏

grouplayservice的博客

08-26

1831

产品运营技巧，h5小游戏推荐

Html5交互动画小游戏豹子抓小鸟.zip

06-08

已经完工的交互动画小游戏，可以当做期末作业给老师提交上，里面是一只豹子用鼠标点击吃小鸟顺便躲开火球攻击，有两条命，有明确的积分，迟到吃到小鸟哦就加分。代码非常的清晰明确一看就懂。

H5AR技术规范

qq_31042143的博客

03-10

2267

用H5开发AR由以下几个部分技术栈构成： 1、调用摄像机、陀螺仪等设备获取视频流、陀螺仪数据等能力 2、标记物识别和SLAM空间识别能力 3、三维模型、粒子和场景渲染能力 4、视频媒体混合叠加播放能力 ...

都2017年了，H5这些知识你还不知道?（附H5案例介绍）

H5游戏开发

11-15

5144

一、交互上，慎用横屏展示效果。但是在今年的微信传播中，好的创意也可以尝试使用。　　原因：体验上，需要用户设备开启屏幕旋转功能，才能正常观看，用户操作成本高。对不同屏幕的手机，长宽比例不一，难以展示最佳的视觉效果。例外：一些好的创意也可以使用横屏，不过要从创意到设计就要严格把握，需要有准备牺牲部分Android的用户。

微信小程序开放能力web-view使用之h5页面与小程序页面交互传值

热门推荐

qq_41588568的博客

08-19

1万+

功能需求是：点击图一（图一是使用web-view内嵌的h5网页）的按钮，跳转小程序中的一个页面，其中第二个页面的所有数据都是从图一传过来的。这个问题，首先我是看的官方文档，官方文档是这样写的：但是看了之后有点不明白是什么意思，在什么情况下用，然后我就去百度，百度：web-view如何从h5页面传值给小程序，又或者微信小程序与h5页面交互传值等等等等，百度了好多，但大多数告诉...

40个H5小游戏完整源码-new

11-16

"40个H5小游戏完整源码-new"这个标题表明你拥有一个包含40款不同H5小游戏的源代码集合，并且这个集合是更新过的版本，可能是对原有版本的优化或者增加了新的游戏。H5小游戏通常是指基于HTML5技术开发的小型互动游戏...

如何使用腾讯云快速开发一款 AR 应用

tengxy_cloud的专栏

09-18

3156

总体来说做一款手机或 pad 运行的 AR 应用主要有以下几个关键技术：1 、图像识别2 、读取图片绑定的增强内容3 、展示4 、另一大块就是增强内容的制作；也可以是 3D 动画或 3D 模型，可利用 3DMax 、 Maya 制作模型再导入 Unity 中加动作和其它效果）。

webar H5AR easyAR开发教程

一筐猪的博客

03-11

7491

WebAR开发一、EasyAR WebAR简介 WebAR，由全球领先的AR开放平台和AR技术领导者视+AR针对Web平台（如微信、Safari浏览器）开发的全新AR产品。 WebAR由Web前端和EasyAR云服务组成，支持平面图片识别、云识别、3D渲染、复杂互动等功能。 WebAR具有模式轻、部署快、传播性强等特点。二、开发使用登陆EasyAR官网 https://www.eas...

(一) 记录H5做AR的过程,Three.js 介绍

solanel的博客

09-16

4730

简介最近突然想做基于H5的AR应用,记录下学习过程开始AR项目之前，首先从选择3D框架开始，老牌引擎 Three.js 和微软的 Babylon.js 都不错，因为我们需要用到 AR.js，而AR.js的核心就包含Three.js。 AR.js的核心部分 artoolkit5 https://github.com/artoolkit/artoolkit5 three.js https://t...

小程序web-view嵌套H5对AR特效canvas用MediaRecorder录屏踩坑记录

Mr.Xiao

07-15

3680

使用MediaRecorder录制视频的那些坑

H5实现AR

weixin_33845477的博客

10-31

1085

教程地址：https://zhuanlan.zhihu.com/p/26364493 教程GitHub地址：https://github.com/dragonHu/ar_test_demo 到GitHub下载ar.js 搜索ar.js或者https://github.com/jeromeetienne/AR.js AR.js-master/three.js/examples/de...

(二) 记录H5做AR的过程,关于Three.js在Vue中的简单应用

solanel的博客

09-16

2128

首先需要使用Three.js必须先引入模块你可以选择script的方式快速引用 <script src="js/three.js"></script> 或者通过模块来引入,虽然通过script标签来引入three.js是一个能够快速起步、快速运行的方式，但这种方式对于一些具有较长生命周期的项目来说是有一些缺点。比如：你必须手动获得并在你的项目源代码中包含这个库...

H5 + 3D + AR/VR 综述

weixin_30809333的博客

09-02

588

近年来，H5,3D,AR,VR逐步进入人们的视野，H5生动活泼，3D注重视觉效果，AR打造虚实结合，VR则更加注重虚拟现实的产生。第一部分，案例展示： H5+VR案例：故事《不要惊慌，没有辐射》http://c.3g.163.com/nc/qa/qiernuovr/index.html 　　　　还原30年前核泄露事故，相比简单的H5，融入VR技术后，能让体验者切身感...

h5实现扫一扫功能_2020年的第2天，我用AR扫一扫脱了单

weixin_35110559的博客

12-27

670

2020年到来的前两天，中国第一条智能化高铁线路——京张高铁正式通行，让京津冀城市群的联系变得更加紧密。科技的发展，让城市之间的距离变得更近，但有时候，却也让本就在地理距离上疏远的城市变得更为疏离。因为这其中还夹杂了很多其他因素，就拿北京跟广州来说，天气上，一冷一热；口音上，京片子与白话互相听不懂；饮食上，大口吃面与精致早茶……这些客观存在的因素，让北京跟广州的城市特征越发独特，却也越...

webAR涉及的技术

milli236的博客

11-30

6043

1.技术体系 1.1技术体系整理其中绿色底色的代表Demo中表现出的能力比较成熟，可以直接应用。脑图地址：http://naotu.baidu.com/file/3392a895a903972520b2f65fda12ee3c?token=55695cff60c6e275 1.2 兼容性 Web AR的兼容性，可以认为是其用到两大核心技术的兼容性： WebRTC: Web

增强现实H5P内容类型：AR清道夫的探索与应用

资源摘要信息:"H5P-ar-scavenger是一个增强现实(AR)功能的H5P内容类型。H5P（HTML5 Package）是一种为网络创建丰富、互动内容的开源框架。AR scavenger利用设备的摄像头，通过识别物理标记来触发与3D模型的交互或...