AtlasLapetos - 博客园

2024年12月30日

摘要：轮廓间交互 ⚠️ 轮廓间交互功能目前尚在Beta阶段，并且需要2.32.1及之后的基础库才能使用。碰撞与重叠碰撞和重叠是不同的概念：碰撞是指：两个轮廓发生物理学碰撞，并因此而改变位置与速度，产生碰撞事件；重叠是指：两个轮廓在位置上发生了重叠，并产生重叠事件，不发生物理学碰撞。需要轮廓才能发阅读全文

posted @ 2024-12-30 09:27 AtlasLapetos 阅读(28) 评论(0) 推荐(0)

刚体(Rigidbody)

摘要：刚体和全局物理 ⚠️ 刚体物理功能目前尚在Beta阶段，并且需要2.32.1及之后的基础库才能使用。全局物理要让当前的场景成为一个物理世界，需要先在<xr-scene>下配置一个<xr-physics>标签： <xr-scene> <xr-physics /> ...(场景中的其他标签) </x 阅读全文

posted @ 2024-12-30 09:27 AtlasLapetos 阅读(86) 评论(0) 推荐(0)

轮廓

摘要：轮廓如果想要与场景中的物体进行互动，比如说点击、拖拽物体，那么这个物体得先拥有一个轮廓才行。轮廓是一个组件。与某个物体互动，实际上是在与这个物体的轮廓进行互动，轮廓让这个物体在物理世界中拥有了一个分身。创建轮廓创建轮廓非常简单，只要为xml标签添加上xxx-shape的属性即可。例如以下代阅读全文

posted @ 2024-12-30 09:27 AtlasLapetos 阅读(39) 评论(0) 推荐(0)

物理系统

摘要：物理系统 xr-frame中的物理系统主要管理场景中的轮廓，以及触发轮廓点击事件。轮廓 - 为物体创建可交互的轮廓；刚体和全局物理Beta - 让物体成为刚体，可以受到力的影响而产生加速度；轮廓间交互Beta - 让物体可以与其他物体产生交互，包括碰撞以及重叠判断。阅读全文

posted @ 2024-12-30 09:27 AtlasLapetos 阅读(12) 评论(0) 推荐(0)

帧动画

摘要：帧动画帧动画是一种内置的动画实现，提供给开发者类似于css动画的能力，去控制一个元素下所有组件的数据。我们提供了一种资源来定义帧动画，之后可以用对应的加载器加载，在组件中使用。帧动画资源首先我们要准备一个帧动画资源，它是被存储为json格式，大致如下： { "keyframe": { "pa 阅读全文

posted @ 2024-12-30 09:27 AtlasLapetos 阅读(17) 评论(0) 推荐(0)

动画系统

摘要：动画系统 xr-frame中所有的动画都是通过动画系统AnimationSystem统一管理的，在每帧的同一个时机统一更新。动画系统自身没有什么逻辑，所有的逻辑都是在动画组件Animator和动画实现Animation中的。动画实现动画实现的基础是基类Animation，所有的动画都必须派生于它阅读全文

posted @ 2024-12-30 09:26 AtlasLapetos 阅读(44) 评论(0) 推荐(0)

AR追踪器

摘要： AR追踪器 AR追踪器ARTracker是AR系统的一部分。提供了一种非常简单的方式，在特定的识别模式下识别出图像或者物体，对其进行跟随。其一版本代理到元素 XRARTracker。对应在 xml 中的标签是 xr-ar-tracker。创建AR追踪器 AR追踪器的典型创建和使用方式如下： < 阅读全文

posted @ 2024-12-30 09:26 AtlasLapetos 阅读(78) 评论(0) 推荐(0)

AR系统

摘要： AR系统 AR系统 ARSystem 将 xr-frame 和小程序AI系统 VisionKit 关联起来，让AR变得十分简单易用。 AR系统默认是关闭的，开启它需要在场景元素Scene上挂载ARSystem即可，以下是基础案例  <xr-scene a 阅读全文

posted @ 2024-12-30 09:26 AtlasLapetos 阅读(51) 评论(0) 推荐(0)

GLTF画廊

摘要： GLTF画廊 *以下图片均为xr-frame渲染截屏，模型来源为gltf官方示例与sketchfab资源（CC-Licensed）。物件模型人物模型卡通模型完整场景阅读全文

posted @ 2024-12-30 09:26 AtlasLapetos 阅读(13) 评论(0) 推荐(0)

xr-frame里的GLTF

摘要： xr-frame里的GLTF GLTF资源 GLTF组件动画 Morph GLTF扩展限制 GLTF资源 GLTF模型需要先通过Loader加载进小程序中，才可以渲染。 <xr-asset-load type="gltf" asset-id="gltfModel" src="/assets/xx 阅读全文

posted @ 2024-12-30 09:26 AtlasLapetos 阅读(253) 评论(0) 推荐(0)