首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端二次元

    XR-FRAME 开始

    xr-frame是一套小程序官方提供的XR/3D应用解决方案,基于混合方案实现,性能逼近原生、效果好、易用、强扩展、渐进式、遵循小程序开发标准。 很多时候我们会让交互和UI元素互相影响,但目前xr-frame尚未支持和小程序的UI元素混写(会在未来版本支持),但我们可以使用同层方案,而同层方案,就必然涉及到组件通信了。 xr-frame组件和父级的通信与传统组件基本一致,这里让我们用小程序的UI元素实现一下HUD。这里可能会有一些3D变换的知识,但不要紧,只是调用接口而已。 图片 虚拟 x 现实,追加AR能力 到这里,我们实现了3D场景的渲染和交互,但框架毕竟是叫做XR-frame,所以接下来我们就用内置的AR系统来改造一下这个场景,让它具有AR能力吧。 下面就让我们用xr-frame内置的分享系统来完成这个功能: ......

    1.6K20编辑于 2023-11-28
  • 来自专栏Metaverse元宇宙

    MetaDaily|微信上线XR小程序 XR-FRAME,上海发布元宇宙等新赛道行动方案

    微信上线XR小程序 XR-FRAME 微信小程序官方上线了 XR-Frame Beta 版开发文档。 XR-Frame 是微信官方提供的一套 XR/3D 应用解决方案,基于混合方案实现,具有性能高、效果好、易用、扩展性强、渐进等特点,而且遵循小程序开发标准。

    51840编辑于 2023-02-23
  • 基于微信小程序云开发的 XR 小程序 Demo

    在小程序页面的json文件中引入 XR - FRAME 相关组件,例如在index.json中添加:json{ "usingComponents": { "xr-frame": "path/to /xr-frame", "xr-scene": "path/to/xr-scene", "xr-assets": "path/to/xr-assets", "xr-asset-load xr-mesh", "xr-camera": "path/to/xr-camera" }}三、代码实现(一)页面结构(index.wxml)创建一个 XR 场景,包含灯光、相机、模型等元素:xml<xr-frame texture" asset-id="waifu" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.mygcloud.com/xr-frame xr-camera position="0 1 4" target="cube" clear-color="0.4 0.8 0.6 1" camera-orbit-control /> </xr-scene></xr-frame

    1.2K10编辑于 2024-11-13
  • 来自专栏腾讯云开发者社区头条

    云开发开箱挑战赛

    dingdeyang 2781788 基于微信小程序云开发的 XR 小程序 Demo 结合微信小程序云开发和XR-FRAME框架创建XR小程序,全函数代码完成。

    24.1K73编辑于 2024-10-22
  • 来自专栏资讯分享

    全真互联是下一代互联网的重要趋势|附108页完整报告下载

    此外,为了提高开发的效能,微信官方提供一套 XR/3D 应用解决方案:XR-Frame 。此方案基于混合方案实现,具有性能高、效果好、易用、扩展性强、渐进等特点,而且遵循小程序开发标准。

    57821编辑于 2023-10-26
  • 来自专栏音视频咖

    全真互联产业研究报告:3D渗透多行业多场景,产业链趋于成熟|内附完整报告下载

    此外,为了提高开发的效能,微信官方提供一套 XR/3D 应用解决方案:XR-Frame 。此方案基于混合方案实现,具有性能高、效果好、易用、扩展性强、渐进等特点,而且遵循小程序开发标准。

    69031编辑于 2023-10-28
领券