动画编辑制造技术

可选择动画。与所选择的动画有关的文档部分可从该动画在其中出现的网页的文档闭包中提取。根据该文档部分可创建合成数据结构。被样式规则(虚拟胜出的规则)的这组animation-name(动画名称)属性所参考的这组胜出的@keyframes规则可被计算并表示在该数据结构中。胜出的动画属性可建立定时属性以在用户界面中预览和编辑动画而无需运行整个应用。在可视预览中渲染的数据结构可通过将用户手势应用于在预览用户界面(UI)中显示的动画来编辑。用户改变可被映射成对于数据结构中的属性值以及底层文档的改变。

【技术实现步骤摘要】
【国外来华专利技术】【专利说明】动画编辑 背景 层叠样式表(CSS)指的是由W3C(万维网联盟)所开发的用于网页内容的格式化规 则。CSS还指的是能够被用来定义以结构化文档(标记)语音编写的文档的外观和格式化的 样式表语言。CSS的最常见应用是以HTML(超文本标记语言)和XHTML(扩展超文本标记语言） 来编写的样式网页。CSS可运行在任何XML型文档上，XML型文档包括但不限于HTML、XHTML、 SVG(可伸缩矢量图形）以及XUL(XML用户界面语言）文档。使用结构化文档的一项方便的特 征是内容可在各种上下文中重复使用并且可通过提供将不同的渲染规范与结构化文档一 起提供给CSS语言逻辑来以各种方式渲染。渲染规范可由样式表提供，样式表是描述颜色、 字体以及布局的样式规则的集合。 词"层叠"指的是CSS确定特定元素最终如何显示在网页中的方式。用以显示元素 的样式受网页作者所创建的样式表的影响、受用户定制的样式选择(如果有的话）的影响、 受显示该页面的浏览器的默认样式的影响、受CSS特异性(将不同权重赋予特定种类的CSS 规则的方法）的影响、以及受CSS规则的顺序的影响，这产生了潜在冲突规则的复制的"层 叠"，其中具有较高优先级的判断覆盖或"胜过"那些具有较低优先级的判断。 CSS将内容（例如，HTML代码）与定义该内容看上去是什么样（指的是内容的"渲 染"）的CSS规则分开。HTML代码驻于HTML文件中，而定义内容看上去是什么样的CSS规则驻 于具有.css后缀的外部样式表文件中。有时，定义内容看上去是什么样的CSS规则驻于HTML 文档的特定部分内。除了控制网站上的文本的外观，CSS还可被用于控制块级元素的格式和 定位。块级元素通过使用诸如hi、p和div标签之类的标签来产生，以划定被视作单个元素的 内容块。 CSS格式化规则由选择符和声明或者声明框组成。选择符可以是诸如hl、p之类的 标签、类名称或标识被格式化的元素的标识符。声明框定义要被应用于所指示的内容的样 式属性。例如，在以下规则中： p{ font-size:12pt； font-family:Arial； font-weight: bold； }选择符p指示段落的内容将以12号加粗的Arial字体显示。font-size(字体大小）、 font-family(字体族）以及font-weight(字体粗细)标签标记段落内容的属性，而12号、 Arial以及bold(加粗)是相应属性的值。由于一个规则可应用于许多标签(例如，在以上的 示例规则中，该规则可应用于许多不同段落的内容），因此使用同一规则来改变所有块元素 的外观可通过改变单个规则来实现。 概述在定义动画元素或一组动画元素的一个或多个文档中的一组属性和关键帧可被 收集并组合成表示完整的运行时CSS动画的单个内部数据结构。可为该数据结构计算一组 胜出的动画属性。被样式规贝>J (虚拟胜出的规则）的这组an imat ion-name (动画名称)属性所 参考的这组胜出的Okeyframes规则可被计算并表示在该数据结构中。该数据结构可被更新 以包括对胜出的属性的指示。动画元素或一组动画元素的这组胜出的动画属性可被用于根 据该数据结构构建该动画元素或一组动画元素的用户界面(UI)表示。该表示可被用于在设 计期间预览该动画元素或该组动画元素而无需运行其中嵌入了该动画元素或该组动画元 素的应用。动画元素或一组动画元素可被选择以供预览和/或修改。可通过经由用户界面 (UI)接收能够改变影响该动画元素或该组动画元素的属性的指令来更新表示该动画的数 据结构。指令可以是用户手势的形式。操纵该动画元素或该组动画元素的用户手势可被转 换或映射成对于内部数据结构以及对于该动画元素或该组动画元素被发现位于的网页的 文档闭包中的底层文档的改变。 对影响该动画的文档所作出的改变可被检测并应用于该数据结构。对与该动画相 关联的文档所作出的改变的效果可通过针对优先序应用标准CSS逻辑来计算。 提供本概述以便以简化形式介绍将在以下详细描述中进一步描述的一些概念。本 概述并不旨在标识所要求保护主题的关键特征或必要特征，也不旨在用于限制所要求保护 主题的范围。 附图简述 在附图中： 图la解说了 web应用的示例； 图lb是图la的一部分的更详细的视图； 图lc解说了根据此处公开的主题的各方面的用于编辑动画的系统100的示例； 图2解说了根据此处公开的主题的各方面的用于编辑动画的方法200的示例； 图3是根据此处所公开主题的各方面的计算环境的示例的框图；以及 图4是根据此处所公开主题的各方面的集成开发环境的示例的框图。 详细描述 概览 总得来说，词语"动画"指的是快速地显示眼睛解读为移动的一系列图像。一个常 见的动画类型是运动图片。传统电影用相机和投影仪来创建动画。另一个常见的动画类型 是视频。视频使用在显示设备上快速显示一系列图像的软件。CSS动画是一种使用脚本来定 义的动画。脚本使用用CSS来规定的规则和计算来定义动画元素。脚本描述动画属性如何随 时间变化，而不是描述每一帧动画中的图像。动画通过随时间将一组CSS样式篡改为另一组 CSS样式来创建。定义了持续时间，该持续时间允许系统将在关键帧子规则中规定的百分比 映射到实际时间。 在CSS中，@keyframes(@关键帧）规则可被用于创建CSS动画。Okeyframes规则可包 括多个被称为关键帧的子规则。发生在动画运行时的图像的位置和外观的改变通过在关键 帧子规则中规定总动画运行时间的百分比来指定，在该百分比处应用特定CSS样式规则。 0 %指的是播放动画的开始，而100 %是动画播放完成的时刻。关键字"from"和"to"也可被 使用。"from"和0% -样，而"to"和100% -样。Okeyframes规则的语法是： ikeyframes animationname{keyframes-selector{css-styles；}} 其中"animationname"（动画名称）规定动画的标识符，而"keyframes-selector" (关键帧-选择符)的值规定受影响的动画持续时长的百分比。css-styles (CSS样式)规定一 个或多个合法CSS属性/值声明。"keyframes-selector"的合法值是在0%和100%之间的任 意值。可对动画规定任意数目个"1^5^抑11168-8616〇1：01'"。可对特定1^5^抑1116 8-8616〇1：01'规 定任意数目个css-styles。动画或动画的一部分可由属性"animationname"来标识。被标识 的动画或被标识的动画的一部分可包括一个动画元素或者可包括一组动画元素。 CSS动画通常由一组标准CSS属性来定义，这组标准CSS属性一起工作来确定动画 将如何播放。定义动画的CSS属性受标准CSS规则的监管来确定属性优先序。根据经标准化 的规则为动画计算每个单独的属性的最终值。占先的规则被称为"胜出"规则。 如此处所描述的动画开发工具选择要编辑的动画规则，从动画出现在其中的网页 的文档闭包中提取与以该规则规定的动画有关的文档片段，并且根据该文档片段创建合成 数据。数据结构包括本文档来自技高网...

【技术保护点】
一种系统，包括：计算设备的至少一个处理器；所述计算设备的存储器；以及动画开发工具，所述动画开发工具包括被加载到所述存储器中的至少一个程序模块，所述至少一个程序模块使所述至少一个处理器：接收应用的网页的文档闭包，所述网页包括动画；生成表示所述动画的数据结构；在所述动画开发工具中预览所述动画而无需运行所述应用；以及将操纵所述动画的属性的用户手势转换成对于所述数据结构的改变。

【技术特征摘要】
【国外来华专利技术】...

【专利技术属性】
技术研发人员：K·B·雅各布，T·A·巴罕姆，A·谢尔，R·J·萨尔瓦，M·I·罗森沙尔，
申请(专利权)人：微软技术许可有限责任公司，
类型：发明
国别省市：美国;US