[XR-FRAME] 1.O3 文档导览 || XR-FRAME / 有点寡淡，加上图像

最新推荐文章于 2025-08-20 13:57:51 发布
最新推荐文章于 2025-08-20 13:57:51 发布
阅读量372 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： XR-FRAME VR 开发 文章标签： xr XR-FRAME VR开发 小程序VR
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shengda_mao1118/article/details/133279562
本文档介绍了XR-FRAME中的纹理加载过程，通过<xr-assets>和.xr-asset-load>标签结合事件监听进行资源管理。通过asset-id与xr-mesh的uniforms属性关联，实现纹理映射。同时，文中对官方文档的程序员进行了趣味性的评价。

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

开始 | 微信开放文档 

文档导览 - XR-FRAME /  有点寡淡，加上图像 。 

文档导览，知识点整理。 

加入纹理 ： 

新学习标签： 

    <xr-assets bind:progress="handleAssetsProgress" bind:loaded="handleAssetsLoaded">

     <xr-asset-load type="texture" asset-id="waifu" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-f

最低0.47元/天 解锁文章

200万优质内容无限畅学
WebXR：增强现实(AR)基础理论_2024-07-26_15-35-39.Tex
11-12 1552
WebXR API 提供了一系列的接口和方法，让开发者可以访问和控制 AR/VR 设备。XRSession: 用于创建和管理 AR/VR 会话，控制渲染循环和设备的输入输出。XRFrame: 提供了当前会话帧的信息，包括时间戳、空间位置和姿态等。: 定义了 AR/VR 体验的参考坐标系，可以是基于设备的、基于环境的或基于用户的位置。: 描述了用户输入设备的状态，如 VR 控制器或 AR 手势。XRHitTest: 用于 AR 场景中，帮助开发者检测虚拟对象与真实世界环境的碰撞。
React框架课时二认识项目的结构目录一
qq_56248592的博客
04-30 1140
项目结构一解析
微信小程序xr-frame实现交互(地月案例)
微风的博客
05-18 2499
如果想要与场景中的物体进行互动，比如说点击、拖拽物体，那么这个物体得先拥有一个。与某个物体互动，实际上是在与这个物体的轮廓进行互动，轮廓让这个物体在。创建轮廓非常简单，只要为xml标签添加上xxx-shape的属性即可。整体代码以及效果：（来源于微信开放文档demo）场景标签都可以创建轮廓。
[XR-FRAME] 1.O1 文档导览 || XR-FRAME /开始
shengda_mao1118的博客
09-25 621
本文 根据官方文档 章节 进行学习导览，知识点整理。 ”XR-FRAME/开始“
uniApp使用XR-Frame创建3D场景(5)材质贴图的运用
3D模型素材库
03-28 1387
这个小程序中的模型都是针对小程序优化后的glb格式文件，体积小，加载快，非常适合小程序使用。表示这个资源的id，这个id在后面要赋值给后面的模型u_baseColorMap属性。表示要将创建的一个模型，接下来要给这个模型加入贴图纹理。讲解了如何在uniApp中创建xr-frame子组件并创建简单的3D场景。这篇我们讲解在xr-frame中如何给几何体赋予贴图材质。属性中，设置u_baseColorMap: waifu。表示这个标签下是要加载的资源。,表示要加载的是一个纹理图片。，表示这是一个资源加载器，
微信小程序xr-frame图层与显示(五种方法)
微风的博客
05-19 2738
visible:作用就是控制绑定该材质的模型对象是否可见，默认值是true，LineBasicMaterial、SpriteMaterial、MeshBasicMaterial等材质都会继承基类Material的可见性；2).此属性可以在xr-node、xr-mesh、xr-light上使用，light隐藏效果为不发光。1).visible=false时node内的子节点也会被隐藏，即使其visible=true。前言：控制小程序隐藏与显示有五种方法，感兴趣的可以参考这个。但是本文只赘述两种方法。
微信xr-frame官方案例基础能力之渲染目标
微风的博客
05-19 1057
什么是渲染目标。
OpenFeign报文内容大报错： {“code“:1,“msg“:“JSON parse error: Illegal character ((CTRL-CHAR, code 31))
热门推荐
weixin_47096232的博客
10-18 1万+
报错具体详情：[{"code":1,"msg":"JSON parse error: Illegal character ((CTRL-CHAR, code 31)): only regular white space (\\r, \\n, \\t) is allowed between tokens; nested exception is com.fasterxml.jackson.core.JsonPars... (401 bytes)] 报错日志： 2021-10-18 20:39:15.5.
解锁空间智能，AI人工智能是关键钥匙
AI天才研究院
04-03 989
本文旨在全面解析空间智能(Spatial Intelligence)这一新兴领域，重点探讨人工智能技术如何成为解锁空间智能的关键。我们将涵盖从基础理论到实际应用的完整知识体系，包括核心技术原理、算法实现、应用场景和未来发展方向。本文采用系统化的组织结构，首先介绍基本概念和背景知识，然后深入技术细节，包括算法原理和数学模型，接着通过实际案例展示应用实现，最后探讨未来趋势和挑战。每个部分都包含丰富的技术细节和实用资源。空间智能(Spatial Intelligence)
【xrframe】优化ar相机中加载模型效果
qq_45406325的博客
05-07 935
微信小程序ar初体验，提供优化思路和经验分享
uniApp中使用小程序XR-Frame创建3D场景（2）加载模型
3D模型素材库
03-26 2636
讲述了如何将XR-Frame作为子组件集成到uniApp中使用，只完成了简单的环境搭建，这篇文章讲解如何加载3D模型。
uniApp使用XR-Frame创建3D场景(6)播放模型动画
3D模型素材库
03-28 1471
如果这个gltf模型本身包含动画，只需要在<xr-gltf>标签中加入anim-autoplay属性。模型中的动画就可以自动播放了。，这个小程序中的模型都是针对小程序优化后的glb格式文件，体积小，加载快，非常适合小程序使用。通过这个标签，我们将加载完的模型资源添加到场景中。通过这个标签我们可以加载模型资源.讲述了如何将XR-Frame作为。这里给大家推荐一个微信小程序。集成到uniApp中使用。这篇我们讲解播放模型动画。
微信小程序xr-frame透明视频实现
嘟嘟的博客
12-20 1562
在开发AR小程序的时候需要实现用到透明视频效果。这里使用MP4格式的视频。它的左侧为视频的rgb通道信息，右侧为动画alpha通道信息，左右两侧动画同步播放。
3、最小GLTF文件
weixin_42755384的博客
04-07 698
总目录 >> threejs入门进阶到实战(目前已更新入门篇、基础篇和进阶篇) 3、最小GLTF文件 下面是一个最小但完整的glTF文件，包含一个索引三角形。您可以将其复制并粘贴到gltf文件中，gltf的应用程序都应该能够加载和渲染它。本节将基于此示例解释glTF的基本概念。 { "scenes" : [ { "nodes" : [ 0 ] } ]...
xr-frame框架下的GLTF模型自发光动画实现教程
-
10-08 989
微信小程序官方于2022年12月31日新推出了一套AR/VR/3D框架——xr-frame，他相比于传统的3D开发。不过官方文档并不详细，很多案例以外的功能都需要自主实现，对于更高级的效果由于资料缺乏，导致无法实现。
AssetLoader，一个使用简单，功能齐全，管理方便的Unity资源管理器。
lwg742216502的专栏
11-25 1422
Github:https://github.com/Enanyy/AssetLoader AssetLoader 一个使用简单，功能齐全，管理方便的Unity资源管理器。 主要特点有 统一接口无论是Resources资源还是Assetbundle资源都使用统一接口加载或卸载。场景的加载和卸载也使用统一接口。 异步加载所有的资源和场景加载方式都是异步加载，并提供回调和加载任...
高通 XR 系列芯介绍
houdou112358的博客
08-20 553
高通XR芯片推动XR设备发展，从10nm的XR1到4nm的XR2 Gen2，实现了显著技术突破：算力方面，CPU单核性能提升2.3倍，GPU支持3K×3K@90fps渲染和光线追踪；AI算力从2TOPS增至15TOPS；感知能力支持10路摄像头和12ms延迟；连接技术升级至Wi-Fi7。通过制程工艺改进（10nm→4nm）和架构优化，在提升性能的同时降低50%功耗，推动XR设备从娱乐向生产力工具转型，为元宇宙奠定硬件基础。
苹果XR芯片介绍
houdou112358的博客
08-20 598
苹果XR芯片技术覆盖A系列、M系列及R1协处理器，实现从AR到MR的算力跃迁。A12采用7nm工艺，支持6核CPU和5TOPS神经引擎；M2升级至5nm，具备16核GPU和15.8TOPS算力；R1则专为空间计算优化，通过12路摄像头并行处理实现12ms超低延迟。技术迭代呈现三大特征：制程从7nm→5nm提升能效50%，感知能力实现亚毫米级定位精度，生态上通过RealityKit实现三端协同。相比高通XR2，苹果方案在分辨率（4K@120fps）、延迟控制和生态整合上更具优势。未来趋势将聚焦异构计算集成、端
基于Python从Excel表格读取源数据并利用Nodejs进行数据处理与Shell脚本实现自动化流程的跨平台工具-Excel数据读取-Python数据处理-Nodejs数据转.zip
最新发布
08-21
基于Python从Excel表格读取源数据并利用Nodejs进行数据处理与Shell脚本实现自动化流程的跨平台工具_Excel数据读取_Python数据处理_Nodejs数据转.zip面试手撕代码高频题
微信小程序XR-FRAME文档
01-21
### 关于微信小程序 XR-FRAME 的官方文档教程 #### 文档概述 为了帮助开发者更好地理解和使用微信小程序中的XR-FRAME功能，官方提供了详细的文档支持。这些资源涵盖了从基础概念到高级特性的全面指南。 #### 基础入门 对于初学者来说，可以先了解如何创建基本的三维场景以及加载模型文件如GLTF格式的内容[^1]。通过这种方式能够快速上手构建简单的虚拟现实体验应用。 #### 渲染设置与优化 针对希望深入探索渲染效果调整的需求，文档中有关于透明度处理的具体说明。例如，在`<xr-scene>`标签内添加特定参数即可实现画布背景透明的效果[^2]： ```html <xr-scene render-system="alpha:true"> <!-- 场景内的其他组件 --> </xr-scane> ``` 此配置允许更灵活地控制视觉呈现方式，适用于多种交互式应用场景。 #### 动态效果制作 如果想要给项目加入动态变化，则可以通过定义关键帧动画来达成目标。具体做法是在页面中声明带有`type="keyframe"`属性的资产加载器节点，并指向外部JSON形式的关键帧数据源文件路径[^3]: ```html <xr-asset-load asset-id="basic-anim" type="keyframe" src="../basic-animation.json"/> ``` 上述操作使得开发人员能够在不修改核心逻辑的情况下轻松切换不同的动作序列。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值