- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我从事自主机器人技术工作。我经常会在没有可视化的情况下模拟机器人,以约 30 fps 的速度将位置和旋转数据导出到文件,然后稍后播放该文件。目前,我将动画数据保存在自定义格式的 JSON 文件中,并使用 Three.js 制作动画。
我想知道是否有更好的方法来导出这些数据?
我不太精通动画,但我怀疑我可以导出为 COLLADA 或 glTF 等格式,并获得使用许多系统已设置为导入的格式的好处。
我有几个问题(有些是具体的,有些是一般性的):
动画通常如何以这些格式导出?似乎大多数都与骨骼或变形有关,但这两个概念似乎都不适用于我的情况。 (我可以获得一般动画概念概述的指针吗?)
我真的不需要关键帧。关键帧在 30 到 60 fps 且不需要插值是否合理?
是否有标准动画格式以不采用某种插值形式的格式保存数据?
我错过了什么吗?我确信我在该领域缺乏知识隐藏了一些对动画师来说显而易见的东西。
最佳答案
您特别提到了自主机器人,特别是位置和旋转。所以我假设机器人本身就是应该存储在这里的粒度级别。 (只是为了将其与铰接式机器人区分开来 - 基本上是一个机械手(“ ARM ”),具有多个可能具有不同角度的旋转或平移关节)
对于这种情况,关于如何将其存储在 glTF(*) 中的非常简短的高级描述:
您可以将机器人(或每个机器人)存储为 glTF Assets 的一个节点
。每个节点都可以包含一个平移和旋转属性(以 3D 向量和四元数形式给出)。这些节点将简单地描述机器人的位置和方向。您可以想象机器人被“附加”到这些节点上。 (事实上,您可以将网格
附加到glTF中的这些节点,然后它可以是机器人的视觉表示)。
动画数据本身将描述这些属性(平移和旋转)如何随时间变化。这些信息的存储方式可以想象为一个表格,您可以在其中将平移和旋转与每个时间戳相关联:
time (s) 0.1 0.2 ... 1.0
translation x 1.2 1.3 ... 2.3
translation y 3.4 3.4 ... 4.3
translation z 4.5 4.6 ... 4.9
rotation x 0.12 0.13 ... 0.42
rotation y 0.32 0.43 ... 0.53
rotation z 0.14 0.13 ... 0.34
rotation w 0.53 0.46 ... 0.45
然后,该信息以二进制形式存储,并由所谓的访问器
对象提供。
glTF 资源的 animation
基本上会建立此二进制动画数据与受其影响的节点中的属性之间的连接:每个 animation
引用这样的“数据表”,以及随着时间的推移其属性将填充新的平移和旋转值的节点
。
关于插值:
在您的情况下,输出是从模拟中以高速率采样的,基本上每个帧都是一个“关键帧”,并且没有关于关键帧或插值方案的明确信息被存储。对于此用例,只需声明动画插值应为 LINEAR 或 STEP 类型就足够了。
(将其声明为LINEAR
插值的选项主要与播放相关。想象一下,您在 0.15 秒后停止播放:然后它是否应该显示机器人当时的状态时间戳 0.1 或时间戳 0.2 处的状态,还是线性插值的状态?但这主要适用于标准查看器,不一定适用于自定义播放)
(*) 旁注:在概念层面上,glTF 和 COLLADA 中信息的表示方式是相似的。粗略地说,COLLADA 是一种用于创作应用程序的交换格式,而glTF 是一种可以高效传输和渲染的传输格式。因此,尽管到目前为止的答案都涉及 glTF,但您也应该考虑 COLLADA,具体取决于您的优先级、用例或您提到的“播放”应该如何实现。
免责声明:我也是 glTF 贡献者。我还创建了glTF tutorial section showing a simple animation以及解释 some concepts of animations in glTF 的那个。您可能会发现它们很有用,但它们显然是建立在前面部分中解释的一些概念之上的。
关于animation - 将刚体模拟保存为动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47801741/
我想使用 linux 终端在 .txt 文档中找到字符串 animal-0**。 ** 是从 60 到 69 的数字。我想我必须在命令中使用 grep 和正则表达式:grep -E 'animal-0
在他的C# 深入一书中,Jon Skeet 试图回答以下问题: Why can't I convert List to List? 为了解释它,他从一个代码片段开始,其中包括以下两行: Animal[
我对此有点困惑,所以希望能提供一些说明。 public void addAll(List animals) 对比 public void addAll(List animals) 最佳答案 区别在于
我遇到的情况是,我有许多CALayer以“基于回合”的方式进行动画处理。我为每个CALayer上的位置设置了动画,但是它们具有完全相同的持续时间。一旦所有这些CALayer动画完成,就会启动一个新的“
我为正在拔出的刀和空闲状态设置了动画,但是无论我做什么,它们都不会在游戏中设置动画。相反,它卡住在第一帧上。这是动画窗口运行时的样子: 动画: 在检查器中: 最佳答案 我遇到了类似的问题,它归结于动画
我的单个 HTML 文件中嵌入了 2 个页面。所以它所做的是最初它显示 PAGE1,然后如果我从右向左或从左向右滑动 PAGE2 应该显示。我的问题是如何根据我的滑动更改页面动画?比如当我从右向左滑动
我想做一个动画标题。 我创建了一个 FlatList 的动画组件, 用过 onScroll函数来更新动画值。 使用绝对位置放置一个 View (Animated.View) 作为动画 FlatList
我想制作一个打开的窗帘的动画。我有两张图像:一张用于窗帘的左侧,一张用于窗帘的右侧(以红色表示)。我想用核心动画顺利地将它们滑走。我应该寻找什么类型的动画?如何实现逼真的滑动风格? 问候, 斯特凡 a
我有一个简单的旋转动画,可以让一个对象绕其轴旋转。目前它旋转得太快了,我想减慢速度,我试过增加样本??但我对动画了解不多,所以我可能过得很好。如何放慢动画速度?它只有两个键。 最佳答案 首先,通过双击
我似乎无法在上类时获得 angularjs ng-animate,而且在野外似乎也没有任何示例。以演示 fiddle 为例: http://jsfiddle.net/yfajy/ 向 CSS 添加如下
使用以下代码段:http://jsfiddle.net/sylouuu/V7a3Y/2/ 我想在动画的#log 中显示从 0% 到 100% 的进度百分比,100% 很容易通过回调... 有可能这样做
我正在 HTML 中使用 SVG 来使用折线工具定义特定的形状。我希望通过按一下按钮并在几秒钟内将特定形状的外观动画化为不同的形状。 我一直在考虑使用动画工具来更改折线点属性,但到目前为止一直无法找到
您好,在 Firefox(相当糟糕)和 Chrome 之间获得可变性能和效果(还可以)有时这不会执行第一个动画,有时会卡住。 我的结构正确吗? $notification.animate({
我在 iOS 编程时遇到了一个问题:当我尝试为我的 tableView 制作自定义编辑按钮时,我无法将其设置为动画。下面是我如何初始化 tableview: - (void)viewWillAppea
自 beta 5 以来,我注意到在 OS X 10.10 下隐式动画有一些奇怪的行为。调用动画代理有时会导致应用程序崩溃。我设置了一个非常简单的自定义 View 。这是完整的代码: import Co
我正在开发一个可折叠组件,您可以单击它来向上/向下滚动以显示/隐藏详细信息。组件如下: // component.ts import {Component, Directive, Input} fro
我正在努力了解 web animations standard和他们的 polyfill ,正如我所见,它在 Angular 动画库中运行良好(您将动画结束值设置为“*”,这将变为 div 大小的 1
我想创建一个动画闪屏,但出现此错误: Android.Content.Res.Resources+NotFoundException: File res/drawable/splash_screen.
我正在尝试对我的应用程序应用慢动作效果,就像按 Shift 时如何减慢 Mac OS 的大多数图形效果一样。 我的应用程序使用 CoreAnimation,所以我认为它应该没什么大不了的:set sp
我想以编程方式同时不在XML文件中显示两个动画,它应该 ROTATE和TRANSLATE 我怎样才能做到这一点? 请以某种方式建议我?????? 这是ma代码:> ImageView snowImg1
我是一名优秀的程序员,十分优秀!