微信:把元宇宙装进小程序

news2024/12/23 20:27:09

作为月活13.09亿的国民级应用,微信的每次小升级都很容易形成现象级。2023开年,微信放大招,试图把元宇宙装进小程序。

微信小程序 XR-FRAME

不久前,微信官方在开放社区贴出了“XR-FRAME”开发指南,这是一套为小程序定制的XR(扩展现实)/3D应用解决方案。简单来说,该方案上线后将从底层赋予小程序扩展现实和3D能力,让未来小程序的人机交互方式由2D向更立体化的3D转变。

之前,XR-FRAME还处于测试阶段,根据官方发布的Demo看,该组件可以更好地呈现3D效果,并提供AR换脸、AR游戏等体验。据透露,微信率先将XR小程序的试水场景瞄准了电商领域,落地AR 试穿试戴、AR 家装等不同类型案例。

如今,框架 XR-FRAME 发布正式版,曾进行了一系列的更新,且一些功能还在开发中。

xr-frame在基础库v2.32.0开始基本稳定。

在这里插入图片描述

限制:

  1. 最低要求客户端iOS8.0.29、安卓8.0.30及以上,推荐稳定版在iOS8.0.36、安卓8.0.35及以上。
  2. 基础库最低2.27.1及以上,推荐2.32.0及以上。
  3. 开发工具需要最新版本,建议Nightly版本。
  4. 小程序全局同一时刻只能存在一个xr-frame组件,否则可能会发生异常。
  5. 同一个xr-frame组件只能存在一个xr-scene,并且必须为顶层。
  6. 目前不支持和小程序传统标签比如<view>混写。
  7. 目前不支持wxml自动补全,真机调试需要特别注意,见真机调试文档。

同时未来还会追加更多的能力,在未来的规划中,我们还会着重致力于:

  1. XR-FRAME内置特色的UI组件,让开发者可以在XR-FRAME组件中写UI,来实现一套酷炫的UI系统。
  2. AR/VR能力持续增强,支持眼睛设备。
  3. 交互手段进一步强化,物理碰撞、触发等功能(已完成,待发布)。
  4. 工具能力强化,包括标签属性自动补全等。

从战略角度,把元宇宙装进微信小程序,腾讯居安思危。经济学家朱嘉明预测,未来人们社交的基本形态将在元宇宙中进行,倘若这一切真的发生,微信等传统的社交模式将被颠覆。打败微信的可能并非“抖音”社交,而是元宇宙应用。

小程序要3D化

还记得在微信风靡一时的小游戏“跳一跳”吗?玩家通过长按屏幕让小人蓄力跳跃到前方的盒子上得分,小人不慎掉落则游戏结束。这款游戏在2017年12月登陆微信小程序,引来了无数玩家比拼较量。几个月前,消除闯关游戏“羊了个羊”也以微信小程序为载体火爆全网。

自2017年1月微信小程序上线以来,多款现象级应用在其中诞生。依托庞大的微信用户群,小程序为开发者们提供了一片新的创作土壤。6年来,小程序的平台能力和底层框架也在不断升级。2023年刚开年,小程序曝出大动作——正在内测XR框架。

XR即扩展现实,是VR(虚拟现实)、AR(增强现实)、MR(混合现实)的合称,可为受众带来真实与虚拟结合、人机交互的环境。不久前,微信官方在微信开放社区贴出了“XR-FRAME”开发指南,根据描述,这是一套小程序官方提供的XR/3D应用解决方案,基于混合方案实现,性能逼近原生、效果好、易用、强扩展、渐进式、遵循小程序开发标准。

现在这一底层框架还处于测试阶段,小程序官方在开放社区贴出了详细的教程,指导开发者们如何从头构建一个XR小程序。

比起当前小程序采用的Canvas(画布)组件,xr-frame带来了更多能力。据介绍,其提供xml(可扩展标记语言)的方式来描述3D场景,并集成了AR、物理、动画、粒子、后处理等等系统,上手简单。同时,内置完整的PBR(基于物理的渲染)效果、环境光照、阴影,可以快速通过全景图生成环境数据。此外还有渲染性能逼近原生、扩展性强等优势。

imgXR小程序开发效果示例

简单理解,xr-frame的上线将从底层赋予小程序扩展现实和3D能力,将让未来小程序的人机交互方式由2D向更立体化的3D转变。

根据官方发布的Demo来看,获得xr-frame支持后,虚拟3D 人、3D物、3D场景都可以在小程序里更好地呈现,此外AR换脸、扫描平面获得AR游戏、扫描特定图片获得AR交互等功能也可实现。这意味着,以后的微信小程序将有更多具有交互性的应用出现。

按照测试节奏,XR小程序功能很可能在中国农历新年后全量上线,业界普遍将其视为下一个微信大版本升级的核心功能。

让元宇宙发生在微信上?

微信内测XR小程序,恰处于元宇宙浪潮激荡之时。这个动作释放了一个信号,微信小程序将一定程度担起腾讯布局元宇宙的使命。

虽然诸如Meta、百度等互联网巨头都开发了元宇宙全景应用,但体验和人气都十分有限。目前与元宇宙相关的应用场景主要体现在人机交互游戏、沉浸式电商购物、虚拟人直播、虚拟会议等方面。没有自建元宇宙平台,腾讯试水元宇宙,选了个轻巧做法,借助微信流量入口,用小程序先接入虚拟现实场景。

据透露,目前微信率先将XR小程序的试水场景瞄准了电商,并与多个不同品类品牌小程序合作,落地 AR 试穿试戴、AR 家装等不同类型案例。

现阶段,XR技术最普遍应用于电商领域。在传统的电商购物体验中,消费者只能依赖商家展示的图片/视频进行购物决策,最终购买后往往会出现买家秀与卖家秀差距过大的情况。而在引入AR技术后,传统电商平台的商品展示模式逐渐被颠覆,尤其在服装试穿、珠宝穿戴、美妆试用等特定场景下,AR能够帮助用户做出更正确的决策。

尽管微信一直不是电商的主战场,但诸如NIKE、Adidas、香奈儿等消费品牌都上线了相关的微信小程序,当XR功能上线后,这些品牌可以更好地展示商品,或许会带动微信电商生态的增长。

另外,可以想象的是,未来微信小程序中也将诞生更多3D建模以及现实交互感更强的小游戏,也许,下一款爆款小游戏将是截然不同的3D形态。

在这里插入图片描述

事实上,作为微信生态重要的组成部分,小程序也进入了发展瓶颈。为了实现无需下载、用完即走的效果,微信小程序在性能上做出巨大的牺牲,同样的应用在微信小程序上的表现往往不如APP。这也导致,小程序没有如人们预想一样成为颠覆性的应用,相反,某些功能性较强的应用如果通过小程序使用,显得鸡肋。

XR功能的上线能否为小程序打开增长空间尚未可知。有开发者担忧地表示,xr-frame能否达到预期还需要谨慎乐观。毕竟小程序的设计初衷就是要求快速,这里的“快”指的是加载以及渲染,所以导致微信小程序一直是以webview渲染为主、原生渲染为辅的混合渲染方式,也使得小程序的开发主要是以前端技术为主。然而xr-frame的3D化开发则需要完全不同的技术栈,对于渲染的开销也成倍提升,这就要求开发者要有更为优秀的优化水平。此外,在优质3D建模动辄占用较大内存的情况下,小程序提供的 XR 体验是否会有折扣也要打个问号。

当然,微信作为月活13.09亿的“国民级应用”,流量优势显著,只要有优异的小程序出现,一定不缺用户。这也会吸引大量的品牌方、开发者在上面进行尝试,所以xr-frame的上线将会带动小程序开发生态的繁荣。

从战略角度而言,把元宇宙装进小程序也是腾讯在社交领域的进一步探索,海外的社交巨头Meta已经开始了。

经济学家、横琴数链数字金融研究院学术与技术委员会主席朱嘉明曾认为,Facebook之所以改名为Meta,是因为Facebook本来就是元宇宙,只不过在此前的时代,数字技术发展还有局限,社交体验只能以图文、视频的方式呈现。他预测,未来人们社交的基本形态将在元宇宙中进行,打破时空、地理界限,带来更沉浸式的体验。

倘若这一切真的发生,微信、QQ等传统的社交应用模式将被颠覆,打败微信的可能并非“抖音”这样的视频社交应用,而是元宇宙。
在这里插入图片描述

注:“现象级小程序”是指在短时间内突然爆红而被众所周知和使用

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/636184.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

RocketMQ 快速入门教程,手把手教教你干代码

目录 RocketMQ定义为什么要用消息中间件&#xff1f;应用解耦流量削峰数据分发 RocketMQ各部分角色介绍NameServer主机(Broker)生产者(Producer)消费者(Consumer)消息(Message) 使用RocketMQ的核心概念主题(Topic)消息队列(Message Queue)分组(Group)标签(Tag)偏移量(Offset) 普…

企业级信息系统开发讲课笔记4.11 Spring Boot中Spring MVC的整合支持

文章目录 零、学习目标一、Spring MVC 自动配置&#xff08;一&#xff09;自动配置概述&#xff08;二&#xff09;Spring Boot整合Spring MVC 的自动化配置功能特性 二、Spring MVC 功能拓展实现&#xff08;一&#xff09;创建Spring Boot项目 - SpringMvcDemo2021&#xff…

老胡的周刊(第094期)

老胡的信息周刊[1]&#xff0c;记录这周我看到的有价值的信息&#xff0c;主要针对计算机领域&#xff0c;内容主题极大程度被我个人喜好主导。这个项目核心目的在于记录让自己有印象的信息做一个留存以及共享。 &#x1f3af; 项目 qrbtf[2] 艺术二维码生成器&#xff1a; qrb…

某学院校园网站的设计与实现(论文+源码)_kaic

摘 要 使用旧方法对冀中工程技师学院网站的信息进行系统化管理已经不再让人们信赖了&#xff0c;把现在的网络信息技术运用在冀中工程技师学院网站的管理上面可以解决许多信息管理上面的难题&#xff0c;比如处理数据时间很长&#xff0c;数据存在错误不能及时纠正等问题。这次…

ajax--XML、AJAX简介、express框架使用、AJAX操作的基本步骤

一、XML&#xff08;可扩展标记语言&#xff09; XML与HTML类似&#xff0c;不同的是HTML中都是预定义标签&#xff0c;而XML中没有预定义标签&#xff0c;全都是自定义标签&#xff0c;用来表示一些数据。 比如有一个学生数据&#xff1a;name“孙悟空”;age18;gender“男”&a…

数字图像处理期末复习习题 SCUEC part3 形态学图像处理专项

1.关于膨胀&#xff0c;腐蚀&#xff0c;开操作&#xff0c;闭操作的证明题 2.腐蚀和膨胀的定义 3.开操作与闭操作的定义 4.击中击不中变换

ubuntu驱动重装

卸载 进入命令行模式 sudo NVIDIA-Linux-x86_64-495.46.run --uninstall安装 进入命令行模式 sudo ./NVIDIA-Linux-x86_64-460.67.run –no-opengl-files –no-x-check –no-nouveau-check选continue installation。 ② 选 NO。 选NO。

源氏木语获得多少个奖项?答案 2023年天猫618淘宝大赢家今日答案与618天猫超级红包怎么领取?

2023年6月12日天猫618淘宝大赢家今日答案 问题&#xff1a;源氏木语获得多少个奖项&#xff1f; 答案&#xff1a;15 2023年淘宝天猫618超级红包怎么领取&#xff1f; 从2023年5月29日开始持续到6月20日&#xff0c;每天都可以打开手机淘宝或天猫&#xff0c;在首页搜索框内…

Open Inventor 2023.1.1 Crack 2022-06-08

Open Inventor 是一组高性能的三维软件开发包&#xff08;SDK&#xff09;&#xff0c;用于医学、计算机辅助设计与工程、石油、天然气和采矿业这些领域中的专业应用。 其面向对象的应用程序编程接口、可拓展架构以及一整套先进庞大的组件为软件开发者提供一个完美的高级平台&…

教育系统和功能设计

慧享教育系统和功能设计 要求&#xff1a; 1. 在需求分析的基础上&#xff0c;确定项目详细功能&#xff1b; 2. 确定每个功能模块的子功能及详细内容并描述&#xff1b; 3. 完成事务设计和应用设计。 操作步骤&#xff1a; 1.系统结构设计及子系统划分 划分系…

基于html+css的图展示123

准备项目 项目开发工具 Visual Studio Code 1.44.2 版本: 1.44.2 提交: ff915844119ce9485abfe8aa9076ec76b5300ddd 日期: 2020-04-16T16:36:23.138Z Electron: 7.1.11 Chrome: 78.0.3904.130 Node.js: 12.8.1 V8: 7.8.279.23-electron.0 OS: Windows_NT x64 10.0.19044 项目…

【软考程序员学习笔记】——计算机组成与体系结构

目录 &#x1f34a;一、进制之间的转换 &#x1f34a;二、原码、反码、补码和移码 原码 反码 补码 移码 &#x1f34a;三、浮点数表示法 &#xff08;1&#xff09;浮点数表示 &#xff08;2&#xff09;两浮点数进行运算的过程 &#x1f34a;四、校验码 &#xff08…

Spring Boot + Vue3前后端分离实战wiki知识库系统八--分类管理功能开发二

接着上一次https://www.cnblogs.com/webor2006/p/17291405.html的分类功能继续完善。 分类编辑功能优化&#xff1a; 概述&#xff1a; 现在分类编辑时的界面长这样&#xff1a; 很明显目前的父分类的展现形式不太人性&#xff0c;这里需要指定父分类的id才可以&#xff0c;对于…

规范即治理函数:LLM 赋能的软件架构治理与架构设计

在我们设计架构治理平台 ArchGuard 2.0 的架构时&#xff0c;一直在强调的点是&#xff1a;基于规范 模式的工具化。简单来说&#xff0c;规范是架构设计的共时&#xff0c;也是架构知识的显性化。所以&#xff0c;在让 AI 设计架构时&#xff0c;规范是我们要考虑的第一要素&…

0 基础学脚本:给同事做一个排班表并每日通知「02」

Hello 小伙伴们早上、中午、下午、晚上、深夜好&#xff01; 我是爱折腾的 jsliang~ 本系列文章和配套直播视频&#xff0c;面向金山文档的「轻维表」「表单」用户。 希望通过【自动化】和【脚本】等能力&#xff0c;让里面数据相互流转起来&#xff0c;从而提升工作效率。 序 …

企业级信息系统开发讲课笔记4.10 配置国际化页面

文章目录 零、学习目标一、使用Thymeleaf配置国际化页面&#xff08;一&#xff09;创建Spring Boot项目 - ThymeleafI18N&#xff08;二&#xff09;编写多语言国际化配置文件1、在resources下创建i18n目录2、在i18n目录里创建login.properties3、在i18n目录里创建login_zh_CN…

Prompt 用法大全!让 ChatGPT 更智能的六种策略(下)

上两篇介绍了 Pormpt 用法大全中前四种策略&#xff0c;本篇继续讲解后两种策略。‍‍‍‍‍ 点燃创作灵感&#xff1a;Prompt 实践指南揭秘&#xff01;让 ChatGPT 更智能的六种策略&#xff08;上&#xff09; Prompt 用法大全&#xff01;让 ChatGPT 更智能的六种策略&#…

基于html+css的图展示122

准备项目 项目开发工具 Visual Studio Code 1.44.2 版本: 1.44.2 提交: ff915844119ce9485abfe8aa9076ec76b5300ddd 日期: 2020-04-16T16:36:23.138Z Electron: 7.1.11 Chrome: 78.0.3904.130 Node.js: 12.8.1 V8: 7.8.279.23-electron.0 OS: Windows_NT x64 10.0.19044 项目…

docker 的网络模式

一、docker网络概述 1、docker网络实现的原理 Docker使用Linux桥接&#xff0c;在宿主机虚拟一个Docker容器网桥(docker0)&#xff0c;Docker启动一个容器时会根据Docker网桥的网段分配给容器一个IP地址&#xff0c;称为Container-IP&#xff0c; 同时Docker网桥是 每个容器的…

ISO21434 操作和维护(十)

目录 一、概述 二、目标 三、网络安全事件响应 3.1 输入 3.1.1 先决条件 3.1.2 进一步支持信息 3.2 要求和建议 3.3 输出 四、更新 4.1 输入 4.1.1 先决条件 4.1.2 进一步支持信息 4.2 要求和建议 4.3 输出 一、概述 本条款描述了对文件中的项目…