[XR-FRAME] 1.O4 文档导览 || XR-FRAME / 让场景更丰富，环境数据

最新推荐文章于 2025-04-22 19:53:23 发布
最新推荐文章于 2025-04-22 19:53:23 发布
阅读量410 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： VR 开发 XR-FRAME 文章标签： xr XR-FRAME VR开发 小程序VR
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shengda_mao1118/article/details/133294111
本文档导览介绍了如何使用XR-FRAME来丰富VR场景，特别是通过<xr-env>标签定义环境，并结合<xr-camera>属性创建逼真的环境效果，提升用户体验。

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

[XR-FRAME] 1.O4 文档导览 || XR-FRAME / 让场景更丰富，环境数据 

文档导读，知识点整理。 

开始 | 微信开放文档

新引入 标签 

<xr-env env-data="xr-frame-team-workspace-day" />

<xr-env> 

描述：定义环境的标签。

属性 : 

        env-data : 这里使用内建的一个 属性值。

配套使用方法：

<xr-camera > 标签内 添加新的属性。

background="skybox"

    <xr-env env-data="xr-frame-team-workspace-day" /> 

    <xr-mesh

<
最低0.47元/天 解锁文章

200万优质内容无限畅学
uniApp使用XR-Frame创建3D场景(3)光源投影的运用。
3D模型素材库
03-28 1482
这里我们只添加了两个集合体，一个 geometry为cube，表示这是一个正方体的盒子模型，另一个 geometry为plane,表示这个几何体是一个平面。，表示一个节点，这个可有可无，因为可以通过设置这个节点的隐藏属性直接控制子节点的显示与隐藏，所以常用于控制其下一组节点的动态显示或者同意的形变。，这个小程序中的模型都是针对小程序优化后的glb格式文件，体积小，加载快，非常适合小程序使用。属性，这个属性值是场景中几何体的id，在这里表示要对准正反体。，表示要在场景中添加的几何体，文件中我们加入如下代码。
uniApp中使用小程序XR-Frame创建3D场景（1）环境搭建
3D模型素材库
03-21 4128
XR-Frame作为微信小程序官方推出的3D框架，是目前所有小程序平台中3D效果最好的一个，由于其本身针对微信小程序做了优化，在性能方面比其他第三方库都要高很多。
XR-Frame 计算相机与场景物体的距离
dabaooooq的博客
07-31 372
另想要每帧实时去计算这个距离，可以在另想要每帧实时去计算这个距离，可以在scene的tick事件中操作。scene的tick事件中操作。
微信小程序xr-frame实现视频纹理
微风的博客
05-17 989
【代码】微信小程序实现视频纹理。
微信小程序xr-frame透明视频实现
嘟嘟的博客
12-20 1562
在开发AR小程序的时候需要实现用到透明视频效果。这里使用MP4格式的视频。它的左侧为视频的rgb通道信息，右侧为动画alpha通道信息，左右两侧动画同步播放。
[XR-FRAME] 1.O1 文档导览 || XR-FRAME /开始
shengda_mao1118的博客
09-25 621
本文 根据官方文档 章节 进行学习导览，知识点整理。 ”XR-FRAME/开始“
[XR-FRAME] 1.O3 文档导览 || XR-FRAME / 有点寡淡，加上图像
shengda_mao1118的博客
09-25 372
asset-id : 给 加载的这个 asset 命名，根据这里的参数名（id) 能让 xr-mesh。完成了 和 的配置后。bind:loaded: 绑定了事件函数，加载完成 loaded。asset 字面意思 资产，加载的 素材。嵌套在 xr-asset-load 外部。回到 标签内 将 uniform 替换为这个自定义的纹理。文档导览 - XR-FRAME / 有点寡淡，加上图像。asset-load 的加载标签。
[XR-FRAME] 1.O2 文档导览 || XR-FRAME / 添加一个物体
shengda_mao1118的博客
09-25 461
[XR-FRAME] 1.O2 文档导览 || XR-FRAME / 添加一个物体 本文 根据官方文档 章节 进行学习导览，知识点整理。 ”XR-FRAME/开始 - 添加一个物体“
基于xr-frame实现微信小程序的人脸识别3D模型叠加AR功能源码
08-28
xr-frame是一套小程序官方提供的XR/3D应用解决方案，基于混合方案实现，性能逼近原生、效果好、易用、扩展、遵循小程序开发标准。 以官方demo为参考开发微信小程序的图片识别并叠加模型动作的功能，具体使用的是...
微信小程序xr-frame实现交互(地月案例)
微风的博客
05-18 2499
如果想要与场景中的物体进行互动，比如说点击、拖拽物体，那么这个物体得先拥有一个。与某个物体互动，实际上是在与这个物体的轮廓进行互动，轮廓让这个物体在。创建轮廓非常简单，只要为xml标签添加上xxx-shape的属性即可。整体代码以及效果：（来源于微信开放文档demo）场景标签都可以创建轮廓。
微信小程序xr-frame实现识别手势显示星星模型
微风的博客
05-15 1062
【代码】xr-frame 实现识别手势显示星星模型。
微信小程序xr-frame后处理
微风的博客
05-19 1994
的渲染2D图片进行处理。可以把多个后处理进行组合，按照顺序执行，每个处理过程，被称为。较大时性能开销较高，快速近似方法见。
使用XR-frame框架，实现简单AR
qq_46056472的博客
07-13 2697
注意这里我们开启的ar-system的模式为Plane，即平面识别，这种模式下相机不能被用户控制，需要将控制器、target等都删掉，同时ar-tracker的mode要和ar-system的完全一致。在index.wxml中，我们创建了一个场景xr-scene，并在其下添加了一个相机xr-camera。首先在场景中加载gltf模型，然后使用ar-system和ar-tracker,并修改一下xr-camera的i相关属性is-ar-camera和background=“ar”添加物体、颜色和灯光。
【xrframe】优化ar相机中加载模型效果
qq_45406325的博客
05-07 935
微信小程序ar初体验，提供优化思路和经验分享
微信小程序xr-frame透明画布
微风的博客
05-18 1295
最重要的系统，它管理并驱动着整个场景的渲染过程。渲染系统的底层设计了一套可定制的。来组织整个渲染管线，并且内置了一套简化的。管线作为默认的渲染管线。
XR-FRAME 开始
江拥羡橙的博客
07-03 5350
是一套小程序官方提供的XR/3D应用解决方案，基于混合方案实现，性能逼近原生、效果好、易用、强扩展、渐进式、遵循小程序开发标准。在这一章中，我们将会带大家从头开始，用它构建一个XR小程序。
微信小程序xr-frame demo 功能体验
最新发布
qq_41109945的博客
04-22 488
微信小程序 XR-FRAM 学习使用
XR框架下 AR相机镜头前增加花瓣飘动的滤镜
qq_38871784的博客
11-15 235
2.添加一个大的立方体罩子（注意一定是cube类型，plane类型的会不显示）3.添加AR相机，即可实现AR镜头开启时，出现花瓣飘动滤镜，且随相机移动。1.加载透明视频资源。
微信小程序xr-frame实现多光源效果
微风的博客
05-18 1446
用于给场景提供照明，也是阴影的核心。相机组件一般被代理到灯光元素。
如何为XR-Frame场景自定义HDR环境贴图？
03-18
首先，我需要回忆XR-Frame的相关文档和HDR环境贴图的应用方法。根据引用[1]，ARCore的环境HDR提供了高动态范围的光照信息，这对XR场景很重要。用户可能需要类似的高质量光照效果。 接下来，用户提到自定义HDR贴图，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值