基于视口位置的内容动画定制的制作方法

专利2022-05-09  6


基于视口位置的内容动画定制


背景技术:

1.在诸如互联网的计算机联网的环境中,诸如人或公司的实体以不同的形式提供用于公开显示(public display)的内容项目以吸引消费者。提供内容项目的实体可能期望配置内容项目的呈现。


技术实现要素:

2.一些实施方式涉及一种用于配置动画化内容项目的方法。该方法包括基于在其上呈现动画化内容的计算设备的视口内的动画化内容项目的位置来配置动画化内容项目。该方法包括向第一计算设备提供动画配置界面,该动画配置界面被配置为允许经由第一计算设备选择包括视口内的位置的依赖于位置的设置,在该位置处动画化内容项目的属性改变。此外,该方法包括:由第二计算设备接收依赖于位置的设置,并且基于依赖于位置的设置来配置动画化内容项目的属性,以使动画化内容项目被配置为当在第二计算设备的视口内呈现时,在按照依赖于位置的设置的视口的位置处改变属性。
3.在一些实施方式中,依赖于位置的设置包括视口内的位置,在该位置处动画化内容项目的动画开始。动画配置界面被配置为允许选择第二依赖于位置的设置。第二依赖于位置的设置包括视口内的第二位置,在该第二位置处动画结束。配置动画化内容项目的属性包括当动画化内容项目移动通过该位置和第二位置之间的视口时,使得动画化内容项目的动画改变。动画配置界面被配置为允许选择包括视口内的第三位置的第三依赖于位置的设置。
4.在一些实施方式中,提供动画配置界面包括使得动画配置界面允许经由第一计算设备通过滑动界面或百分比输入中的至少一个来选择依赖于位置的设置。动画配置界面包括视口内的动画化内容项目的位置的图形表示,该图形表示可移动以选择视口内的位置,在该位置处动画化内容项目的属性改变。属性包括动画化内容项目的旋转。依赖于位置的设置包括视口内的位置,在该位置处动画化内容项目的旋转开始。动画配置界面被配置为允许选择视口内的第二位置,在第二位置处动画化内容项目的旋转结束。
5.在一些实施方式中,动画化内容项目包括图像动画或视频动画。
6.在一些实施方式中,该方法进一步包括由第三计算设备接收依赖于位置的设置,并且基于依赖于位置的设置来配置动画化内容项目的属性,以使动画化内容项目被配置为当在第三计算设备的视口内呈现时,在按照依赖于位置的设置的视口的位置处改变属性。
7.在一些实施方式中,该方法进一步包括:确定动画化内容项目相对于第二计算设备的视口的位置,确定动画化内容项目相对于视口的位置与按照依赖于位置的设置的视口的位置匹配以及改变动画化内容项目的属性。
8.在一些实施方式中,属性包括基于视口内的动画化内容项目的位置而插值的值。
9.一些实施方式涉及具有可操作地耦合到至少一个存储器的至少一个计算设备的系统。该计算设备可以被配置为向第一计算设备提供动画配置界面,该动画配置界面被配置为允许经由第一计算设备选择包括视口内的位置的依赖于位置的设置,在该位置处动画
化内容项目的属性改变。此外,计算设备可以被配置为从第一计算设备接收依赖于位置的设置,并且向第二计算设备提供依赖于位置的设置,其中,第二计算设备基于依赖于位置的设置来配置动画化内容项目的属性,以使动画化内容项目被配置为当在第二计算设备的视口内呈现时,在按照依赖于位置的设置的视口的位置处改变属性。
10.在一些实施方式中,动画配置界面被配置为允许选择第二依赖于位置的设置。动画配置界面被配置为允许选择第三依赖于位置的设置。动画化内容项目包括图像动画或视频动画。
11.一些实施方式涉及其上存储有指令的一个或多个计算机可读存储介质,该指令当由至少一个处理器执行时,使得至少一个处理器执行操作,该操作包括:由第一计算设备从内容管理系统接收动画配置界面,该动画配置界面被配置为允许选择包括视口内的位置的依赖于位置的设置,在该位置处动画化内容项目的属性改变。此外,操作包括由第二计算设备接收依赖于位置的设置,并且基于依赖于位置的设置来配置动画化内容项目的属性,以使动画化内容项目被配置为当在第二计算设备的视口内呈现时,在按照依赖于位置的设置的视口的位置处改变属性。
12.在一些实施方式中,配置依赖于位置的设置进一步被配置为允许选择与包括视口内的位置的依赖于位置的设置相关联的多个属性,在该位置处动画化内容项目的多个属性改变。
13.在一些实施方式中,第一计算设备被配置为选择包括视口内的第二位置的第二依赖于位置的设置,选择包括视口内的第三位置的第三依赖于位置的设置以及选择包括视口内的部分位置的第四依赖于位置的设置。
14.与上述和下述的系统和方法有关的可选特征可以以任何合适的方式组合,并且还可以与系统实施方式或计算机可读存储介质实施方式组合。
附图说明
15.所附的附图不旨在按比例绘制。各个附图中的相似的参考数字和名称指示相似的元件。为了清楚的目的,可能并非标示了每个附图中的每个组件。
16.在附图中:
17.图1a是描绘根据说明性实施方式的用于经由网络提供信息的系统的实施方式的框图;
18.图1b是描绘根据说明性实施方式的内容管理系统的实施方式的框图;
19.图2是用于根据说明性实施方式的配置动画化内容项目的方法的流程图;
20.图3是根据说明性实施方式的动画配置界面的示例实施方式的图示;
21.图4是根据说明性实施方式的动画配置界面内的动画定时面板的示例实施方式的图示;
22.图5是根据说明性实施方式的动画配置界面内的动画定时面板的示例实施方式的图示;
23.图6是根据说明性实施方式的动画配置界面内的动画定时面板的示例实施方式的图示;
24.图7是根据说明性实施方式的动画配置界面内的动画定时面板的示例实施方式的
图示;
25.图8是根据说明性实施方式的动画配置界面内的动画定时面板的示例实施方式的图示;
26.图9是说明根据说明性实施方式的适合用于本文描述的各种实施方案的示例计算设备的框图。
27.将认识到,为了说明的目的,附图中的一些或全部是示意性表示。针对说明一个或多个实施例的目的提供附图,其中明确的理解到附图将不用于限制权利要求的范围或含义。
具体实施方式
28.一般地参考附图,系统和方法一般地涉及基于在其上呈现动画化内容项目的计算设备的视口内的动画化内容项目的位置来配置动画化内容项目。在一些实施例中,动画化内容项目的因果(causal)配置可以包括配置包括视口内的位置的依赖于位置的设置,在该位置处动画化内容项目的属性改变。视口内的位置可以进一步包括在其处动画化内容项目的属性开始的位置、在其处动画化内容项目结束的第二位置以及第三位置。
29.在许多系统中,当计算设备接收到滚动事件时并且在动画化内容项目到达视口之后,动画化内容项目开始呈现在视口内。然而,基于视口内的位置(location)来控制动画的某方面的能力——诸如当通过延迟动画化内容项目呈现而直到动画化内容项目完全地在视口内、到达视口内的某点或直接地在设备的视口的中间,动画化内容项目才开始呈现在视口内时——为动画化内容项目的制作者提供了关于如何在计算设备的视口内呈现动画化内容项目的增强的灵活性。该因果方式允许动画化内容项目的制作者在动画化内容项目通过计算设备的视口被呈现时,产生对动画化内容项目的参与度和可注意性的显著改进。因此,本公开的方面通过提供用于动画化内容项目的制作的改进的开发工具,解决了应用开发中的问题。
30.相应地,本公开针对下述系统和方法,该系统和方法用于基于在其上呈现动画化内容项目的计算设备的视口内的动画化内容项目的位置来配置动画化内容项目。即,当动画化内容项目到达该位置时改变的属性可以是开始动画。在一些实施方式中,描述的系统和方法涉及利用动画配置界面。该动画配置界面允许通过利用可移动以选择视口内的位置的、视口内的动画化内容项目的位置的图形表示来选择依赖于位置的设置,在该位置处动画化内容项目的属性改变。这也可以通过调整滑动界面或通过将值直接地输入到相对应的百分比输入字段中来实现。可以随后针对多个位置执行该处理,诸如第二位置和第三位置。在本公开中,第三位置一般地被定义为分割位置和第二位置。将动画化内容项目映射到视口内的动画化内容项目的位置,引起人机交互处理的改进,因为制作者被提供有对动画化内容项目的改进的控制。此外,所述映射可以确保,例如,当用户(以其自己的步幅(pace))滚动通过承载(hosting)动画化内容项目的网页时,动画化内容项目被完整地呈现,从而进一步改进了最终用户(end user)体验。另外,所述映射为最终用户提供了对如何执行动画的控制,从而提供了改进的用户界面。
31.在一些实施方式中,第二计算设备从第一计算设备接收动画化内容项目的依赖于位置的设置。第二计算设备随后基于接收的依赖于位置的设置来配置动画化内容项目的属
性,以使动画化内容项目被配置为当在视口内呈现时,在按照接收的依赖于位置的设置的视口的位置处改变属性。该处理可以随后关于第二位置和第三位置执行,以使在视口内存在各自通过依赖于位置的设置来配置的三个位置,在其处动画化内容项目的属性改变。例如,在动画化内容项目的呈现期间,第二计算设备可以反复地确定动画化内容项目相对于视口的位置。例如,用户可能正在滚动通过其中存在动画化内容项目的馈送(feed),使得动画化内容项目相对于视口的位置随着用户滚动而改变。当确定该动画化内容项目已经到达按照依赖于位置的设置的视口的指定位置时,该动画化内容项目的属性改变。依赖于位置的设置可以单独地或与动画化内容项目一起被传送到第二计算机设备。在另一示例中,代表动画化内容项目的数据可以被传送到第二计算设备,其中,该数据被配置为使得第二计算设备基于依赖于位置的设置、按照动画化内容项目的属性在视口内显示动画化内容项目的动画。即,代表动画化内容项目的数据可以包括用于配置动画化内容项目的一个或多个依赖于位置的设置。另外,每个依赖于位置的设置可以同时传送到第二计算设备。
32.在一些实施方式中,第三位置使得动画化内容项目能够在滚动事件的任一方向上互换(interchange)动画化内容项目的属性。例如,第三位置可以使得动画化内容项目能够在动画化内容项目到达第三位置之前不开始呈现。在另一示例中,动画化内容项目可以利用顺时针旋转动画化内容项目的旋转属性,并且一旦到达第三位置,就开始逆时针旋转动画化内容项目。本公开的动画化内容项目的该配置优于(outperform)非因果的动画化内容项目的配置,因为动画化内容项目的本配置在滚动事件期间可以在任一方向上操作(例如,在计算设备的视口内的呈现的文章上向上或向下滚动的滚动事件)。另外,在一些实施方式中,存在动画化内容项目的一个或多个属性。动画化内容项目的一个或多个属性可以个别地配置。
33.在一些实施方式中,基于视口监视库来插值相对于视口的动画化内容项目的一个或多个属性的值。视口监视库可以被配置为使得计算设备基于动画化内容项目对于视口的相对位置来识别动画化内容项目的多个坐标值。例如,视口监视库可以被配置为从计算设备接收指示与视口或动画化内容项目相关联的滚动条的滚动标签(scroll tab)的移动(例如,向上或向下)的信息。在一些实施方式中,视口监视库可以被配置为基于例如从计算设备接收的滚动信息来监视滚动标签相对于滚动条或相对于视口的位置。即,获取与应用内的动画化内容项目的位置有关的状态信息,并且将其用于随后确定动画化内容项目的一个或多个属性的值。
34.现在参考图1a,描绘根据说明性实施方式的用于经由网络130提供信息的系统100的实施方式的框图。网络130可以包括局域网(lan)、广域网(wan)、电话网络(诸如公共交换电话网(pstn))、无线链路、内联网、互联网或其组合。该系统100还可以包括至少一个数据处理系统或处理电路,诸如内容管理系统110。内容管理系统可以经由网络130,例如与内容发布者计算设备120和/或用户计算设备140通信。内容管理系统110还可以包括至少一个逻辑设备,诸如具有处理电路的计算设备,该处理电路被配置为执行存储在存储设备中的指令以执行本文描述的一个或多个操作。处理电路可以包括微处理器、专用集成电路(asic)、现场可编程门阵列(fpga)等或其组合。存储器可以包括但不限于能够为处理器提供程序指令的电、光、磁或任何其他存储装置或者传输设备。存储器可以包括软盘、压缩盘只读存储器(cd

rom)、数字多功能盘(dvd)、磁盘、存储器芯片、只读存储器(rom)、随机存取存储器
(ram)、电可擦除可编程只读存储器(eeprom)、可擦除可编程只读存储器(eprom)、闪速存储器、光介质或处理器可以从其读取指令的任何其他合适的存储器。指令可以包括来自任何合适的计算机编程语言的代码,诸如但不限于c、c 、c#、html、c、c 、c#、html、visual和xml。除了处理电路之外,内容管理系统110还可以包括被配置为存储数据的一个或多个数据库(例如,116)。内容管理系统110还可以包括被配置为经由网络130接收数据并且将数据从内容管理系统110提供到网络130上的其他系统和设备中的任何的接口(interface)例如,动画配置界面112)。内容管理系统110可以包括一个或多个库(例如,视口监视库116)。在此关于图2提供了与内容管理系统110的功能有关的额外的细节。
35.内容发布者计算设备120可以是任何类型的计算设备,包括例如桌面型计算机、膝上型或记事本型计算机、移动设备(诸如平板型设备或电子记事本)、个人数字助理、智能电话、视频游戏设备、电视机或电视机辅助盒(也称为机顶盒)、信息亭、托管虚拟桌面或能够经由网络130交换信息的任何其他这种设备。内容发布者计算设备120可以被配置为经由网络130与图1的其他系统和设备交换信息。内容发布者计算设备120可以是包括处理电路和存储器的任何形式的计算设备。存储器可以存储机器指令,该指令在被处理电路执行时使得处理电路执行本文描述的操作中的一个或多个。存储器还可以存储影响计算设备上的一个或多个资源、动画化内容项目等的呈现的数据。处理器可以包括微处理器、专用集成电路(asic)、现场可编程门阵列(fpga)等或其组合。存储器可以包括但不限于能够为处理器提供程序指令的电、光、磁或任何其他存储装置或者传输设备。存储器可以包括软盘、压缩盘只读存储器(cd

rom)、数字多功能盘(dvd)、磁盘、存储器芯片、只读存储器(rom)、随机存取存储器(ram)、电可擦除可编程只读存储器(eeprom)、可擦除可编程只读存储器(eprom)、闪速存储器、光介质或处理器可以从其读取指令的任何其他合适的存储器。指令可以包括来自任何合适的计算机编程语言的代码,诸如但不限于c、c 、c#、json、html、html5、xml、和visual
36.内容发布者计算设备120可以执行软件应用(例如,web浏览器或其他应用),以通过网络130从其他计算系统和设备检索(retrieve)内容。这样的应用可以被配置为从内容管理系统110检索动画配置界面112。在一个实施方式中,内容发布者计算设备120可以执行web浏览器应用,其在内容发布者计算设备120的视口上提供界面(例如,动画配置界面112)。提供界面的web浏览器应用可以通过从输入设备(例如,指点设备、键盘、触摸屏或另外形式的输入设备)接收诸如网址的统一资源定位符(url)的输入来操作。作为响应,执行来自web浏览器应用的指令的内容发布者计算设备120的一个或多个处理器可以从由url地址所指的连接到网络130的另一设备(例如,内容管理系统110)请求数据。然后,该另一设备可以向内容发布者计算设备120提供网页数据和/或其他数据,使得将由内容发布者计算设备120的视口呈现界面。相应地,浏览器窗口呈现界面以方便与该界面的用户交互。
37.用户计算设备140可以是任何类型的计算设备,包括例如桌面型计算机、膝上型或记事本型计算机、移动设备(诸如平板型设备或电子记事本)、个人数字助理、智能电话、视频游戏设备、电视机或电视机辅助盒(也称为机顶盒)、信息亭、托管虚拟桌面或能够经由网络130交换信息的任何其他这种设备。用户计算设备140可以被配置为经由网络130与图1的
其他系统和设备交换信息。用户计算设备140可以是包括处理电路和存储器的任何形式的计算设备。存储器可以存储机器指令,该指令在被处理电路执行时使得处理电路执行本文描述的操作中的一个或多个。存储器还可以存储影响计算设备上的一个或多个资源、动画化内容项目等的呈现的数据。处理器可以包括微处理器、专用集成电路(asic)、现场可编程门阵列(fpga)等或其组合。存储器可以包括但不限于能够为处理器提供程序指令的电、光、磁或任何其他存储装置或者传输设备。存储器可以包括软盘、压缩盘只读存储器(cd

rom)、数字多功能盘(dvd)、磁盘、存储器芯片、只读存储器(rom)、随机存取存储器(ram)、电可擦除可编程只读存储器(eeprom)、可擦除可编程只读存储器(eprom)、闪速存储器、光介质或处理器可以从其读取指令的任何其他合适的存储器。指令可以包括来自任何合适的计算机编程语言的代码,诸如但不限于c、c 、c#、json、html、html5、xml、和visual
38.仍然参考图1a,用户计算设备140可以执行软件应用(例如,web浏览器或其他应用),以通过网络130从其他系统和设备检索内容。这样的应用可以被配置为从内容发布者计算设备120检索一个或多个依赖于位置的设置。在一个实施方式中,用户计算设备140可以执行提供一个或多个依赖于位置的设置的web浏览器应用,以使动画化内容项目被配置为当在用户计算设备140的视口内呈现时,在按照一个或多个依赖于位置的设置的视口的位置处改变动画化内容项目的一个或多个属性。提供依赖于位置的设置的web浏览器应用可以通过从输入设备(例如,指点设备、键盘、触摸屏或另外形式的输入设备)接收诸如网址的统一资源定位符(url)的输入来操作。作为响应,执行来自web浏览器应用的指令的用户计算设备140的一个或多个处理器可以从由url地址所指的连接到网络130的另一设备(例如,内容发布者计算设备120)请求数据。然后,该另一设备可以向用户计算设备140提供网页数据和/或其他数据,使得将由用户计算设备140的视口呈现界面。相应地,浏览器窗口按照检索的一个或多个依赖于位置的设置呈现动画化内容项目。
39.例如,用户计算设备140可以被配置为使用按照开放系统互连(osi)层的协议在网络130上交换信息,例如,使用osi层4传输协议(诸如,用户数据报协议(udp)、传输控制协议(tcp)或流控制传输协议(sctp)),其分层在osi层3的网络协议(诸如,互联网协议(ip),例如ipv4或ipv6)之上。在一些实施方式中,用户计算设备140包括用于方便数据输入和数据呈现的一个或多个硬件元件,例如,键盘、显示器、触摸屏、麦克风、扬声器和/或触觉反馈设备。在一些实施方式中,用户计算设备140包括按钮,例如,特定功能的按钮(例如,音频设备音量控制,诸如,音量增大、音量减小、静音等)和/或功能不可知的按钮(例如,可以在软件层面上被指派特定功能的软按钮)。
40.在一些实施方式中,用户计算设备140运行操作系统,其管理在用户计算设备140上的软件应用的执行。在一些实施方式中,操作系统随着用户计算设备140被提供。在一些实施方式中,用户计算设备140执行浏览器应用(例如,web浏览器),其能够接收根据超文本应用协议套件格式化的数据,诸如超文本传输协议(http)和/或通过传输层安全加密的http(https)。
41.在一些这样的实施方式中,浏览器经由以一个或多个网页的形式呈现在用户计算设备140上的界面来方便与一个或多个系统和设备的交互。在一些实施方式中,浏览器应用被提供给用户计算设备140。在一些实施方式中,用户计算设备140执行定制应用,例如,游
戏或与系统和设备(例如,内容管理系统110和/或内容发布者计算设备120)交互的其他应用。定制应用和内容管理系统110之间的交互可以使用标准协议(诸如,http和https),或者可以使用特定于应用的协议,例如,在传输层协议(诸如udp、tcp或sctp)上实现的定制应用层协议。在一些实施方式中,用户计算设备140包括用于在用户计算设备140上获得和/或安装额外的应用(诸如,定制应用)的工具。在一些实施方式中,用户计算设备140与其通信的系统和设备中的一个或多个支持定制指令集,例如,应用编程接口(api),并且在用户计算设备140上执行的定制应用实现该api。应用可以使用例如向应用的开发者提供的库或软件开发工具包(sdk)来实现api。
42.用户计算设备140可以被配置为与各种系统和设备(诸如内容管理系统110和/或内容发布者计算设备120)通信(或交换数据)。在一些实施方式中,系统和设备110、120和140中的一个或多个使用专用逻辑电路来实现,例如,专用集成电路(asic)。在一些实施方式中,系统和设备110、120和140中的一个或多个使用片上系统(soc)半导体器件来实现,该片上系统(soc)半导体器件包括至少一个处理器(或微处理器)核。在一些实施方式中,系统和设备110、120和140中的一个或多个使用通用计算处理器来实现。
43.现在参考图1b,示出了描绘根据说明性实施方式的内容管理系统110的实施方式的框图。内容管理系统110可以在计算设备的一个或多个处理器上运行或以其他方式被执行,诸如以下在图10中描述的那些。广而言之,内容管理系统110可以包括动画配置界面112、视口监视库114和数据库116。动画配置界面112可以被提供给内容发布者计算设备120以用于配置动画化内容项目。一般地,动画配置界面112可以在内容发布者计算设备120处渲染,以使可动画化内容项目可以被配置并且被提供给用户计算设备140以用于呈现。例如,使用内容发布者计算设备120的内容发布者(用户或人类操作者)可以将一个或多个依赖于位置的设置输入到动画配置界面112中。每个依赖于位置的设置可以包括视口内的位置,在该位置处,动画化内容项目的一个或多个属性改变。每个属性可以从(例如,由动画配置界面112和/或数据库116提供的)清单中选择或者可以由内容发布者提供。
44.动画配置界面112可以包括多个界面和属性,诸如以下在图3、图4、图5、图6、图7和图8中描述的那些。动画配置界面112可以在内容发布者计算设备120、内容管理系统110或两者处执行,以在内容发布者计算设备120处提供动画配置界面112。在一个实施方式中,动画配置界面112可以在web浏览器内提供。在另一实施方式中,在不利用web浏览器的情况下执行内容生成应用130以在内容发布者计算设备120处提供内容管理系统110。
45.在一个实施方式中,由内容发布者计算设备120执行的应用可以使得web浏览器在内容发布者计算设备120的监视器或屏幕上显示。web浏览器通过从输入设备(例如,指点设备、键盘、触摸屏或另外形式的输入设备)接收到字段中的统一资源定位符(url)的输入来操作。作为响应,执行web浏览器的内容发布者计算设备120可以请求数据,诸如从数据库116请求数据。web浏览器可以包括其他功能,诸如导航控制(例如,后退和前进按钮)。然后,内容管理系统110可执行数据库116(或将来自数据库116的数据提供给内容发布者计算设备120供执行),以在内容发布者计算设备120处提供动画配置界面112。
46.视口监视库114可以被配置为使得用户计算设备140监视应用的视口以附加由内容发布者计算设备120识别的动画化内容项目中的一个或多个(例如,修改用于一个或多个属性的值)。在一些实施方式中,视口监视库114可以被配置为使得内容管理系统110监视应
用的视口以附加由内容发布者计算设备120识别的动画化内容项目中的一个或多个(例如,修改用于一个或多个属性的值)。视口监视库114可以被配置为使得用户计算设备140识别动画化内容项目。在一些实施方式中,视口监视库114可以被配置为使得内容管理系统110识别动画化内容项目。在一些实施方式中,动画化内容项目可以被包括在由内容发布者计算设备120接收的一个或多个依赖于位置的设置中。在一些实施方式中,动画化内容项目可以是文档对象模型元素(即,dom)。在一些实施方式中,动画化内容项目可以是以下dom元素:其可以被渲染以用于在用户计算设备140上的呈现。在一些实施方式中,动画化内容项目可以是以下dom元素的视觉表示:其可以被渲染以用于在用户计算设备140上的呈现。在一些实施方式中,动画化内容项目可以是图像动画、视频动画等。在一些实施方式中,视口监视库114可以被配置为使得用户计算设备140将在应用上显示的图像动画的对象识别为动画化内容项目。在一些实施方式中,视口监视库114可以被配置为使得内容管理系统110将在应用上显示的图像动画的对象识别为动画化内容项目。在一些实施方式中,动画化内容项目可以被包括在容器中,诸如应用的dom树的iframe。动画化内容项目可以是被包括在容器中的文章。在一些实施方式中,动画化内容项目可以是文章的任何部分,例如,小标题(header)、图像、大标题(title)等。容器可以包括一个或多个动画化内容项目。容器可以被配置为以下述方式改变一个或多个动画化内容项目的一个或多个属性:使动画化内容项目对应于应用的视口内的特定位置。
47.视口监视库114可以监视动画化内容项目相对于应用的参考点的位置,以使当动画化内容项目移动通过应用的视口时,可以插值与该动画化内容项目相关联的一个或多个属性的值。在一些实施方式中,视口监视库114可以监视动画化内容项目相对于视口的位置,以检测其中动画化内容项目呈现在应用的视口内的依赖于位置的设置。
48.在一些实施方式中,视口监视库114可以被配置为使得用户计算设备140确定动画化内容项目相对于应用的参考点的坐标。在一些实施方式中,视口监视库114可以被配置为使得内容管理系统110确定动画化内容项目相对于应用的参考点的坐标。在一些实施方式中,应用的参考点可以包括应用的顶角(top corner)。在一些实施方式中,视口监视库114可以确定应用被配置为垂直地或水平地延伸。在其中应用被配置为垂直地延伸的实施方式中,视口监视库114可以使得用户计算设备140确定动画化内容项目的沿垂直轴的坐标值,或者不同地陈述为,y轴坐标。在其中应用被配置为水平地延伸的实施方式中,视口监视库114可以使得用户计算设备140确定动画化内容项目的沿水平轴的坐标值,或者不同地陈述为,x轴坐标。坐标值可以是像素数、距离、或距应用的参考点的缩放距离。在一些实施方式中,坐标值可以是与动画化内容项目的点(例如,动画化内容项目的顶部边缘)相对应的百分比。
49.在一些实施方式中,动画化内容项目的点可以是动画化内容项目的任何点或是与动画化内容项目相对应的任何点。在一些实施方式中,视口监视库114可以被配置为使得用户计算设备140识别动画化内容项目上的预定义的点或部分(例如,动画化内容项目的中心、动画化内容项目的边缘中的一个、动画化内容项目的角中的一个等)。在一些实施方式中,视口监视库114可以使得用户计算设备140识别动画化内容项目的坐标,该坐标与可以沿其滚动应用的轴相对应。例如,如果应用被配置为垂直地滚动,则视口监视库114可以使得用户计算设备140识别动画化内容项目的顶部边缘或底部边缘中的一个。如果应用被配
置为水平地滚动,则视口监视库114可以使得用户计算设备140识别动画化内容项目的左边缘或右边缘中的一个。
50.视口监视库114可以被配置为使得用户计算设备140基于应用对于视口的相对位置来监视应用的坐标值。例如,视口监视库114可以使得用户计算设备140识别与视口的第一边缘(例如,顶部边缘)对齐的应用的第一部分。当用户滚动(例如,接收滚动事件)应用时,应用的不同部分将与视口的第一边缘对齐。在一些实施方式中,视口监视库114可以被配置为使得用户计算设备140周期性地监视应用的哪个部分与视口的顶部边缘对齐以及应用的哪个部分与视口的底部边缘对齐。在一些实施方式中,视口监视库114可以被配置为使得用户计算设备140使用现有的javascript函数来识别与视口的顶边缘对齐的应用的第一部分的第二坐标值以及与视口的底部边缘对齐的应用的第二部分的第三坐标值。例如,视口监视库114可以使用函数iframeelement.getboundclientrect().top来识别对应于在特定的滚动位置处与视口的顶部边缘对齐的应用的第二部分的第二坐标值。函数iframeelement.getboundclientrect().top返回识别与视口的顶部边缘对齐的应用的第一部分的y坐标。另外,视口监视库114可以使用函数iframeelement.getboundclientrect().bottom来识别对应于在特定的滚动位置处与视口的底部边缘对齐的应用的第二部分的第三坐标值。在一些实施方式中,第三坐标值可以通过将视口的高度相加到第二坐标值来确定。
51.在一些实施方式中,视口监视库114可以被配置为使得用户计算设备140识别:与视口的由内容发布者计算设备120配置的第一依赖于位置的设置对齐的应用的第一部分的第二坐标值,和与由内容发布者计算设备120使用动画配置界面112配置的第二依赖于位置的设置对齐的应用的第二部分的第三坐标值。一个或多个依赖于位置的设置包括视口内的位置,在该位置处,动画化内容项目的一个或多个属性改变。例如,视口监视库114可以使用一个或多个依赖于位置的设置来识别对应于在特定的滚动位置处与视口内的第一依赖于位置的设置对齐的应用的第二部分的第二坐标值。另外,视口监视库114可以使用一个或多个依赖于位置的设置来识别对应于在特定的滚动位置处与视口内的第二依赖于位置的设置对齐的应用的第二部分的第二坐标值。
52.在一些实施方式中,视口监视库114可以被配置为使得用户计算设备140识别与视口的由内容发布者计算设备120使用动画配置界面112配置的第三依赖于位置的设置对齐的应用的第三部分的第四坐标值。
53.为了确定动画化内容项目在用户计算设备140上执行的应用的视口内可见,视口监视库114可以确定第一坐标值是否在第二坐标值和第三坐标值之间。视口监视库114可以被配置为将动画化内容项目的坐标值与视口的坐标值进行比较。如果动画化内容项目的坐标值被确定为在第二坐标值和第三坐标值之间、在第二值和第四值之间和/或在第三值和第四值之间的数字,则视口监视库114可以确定动画化内容项目在视口内可见。
54.在一些实施方式中,视口监视库114可以被配置为使得用户计算设备140检测在应用内是否发生滚动活动。例如,视口监视库114可以被配置为从应用接收指示与视口或应用相关联的滚动条的滚动标签的移动(例如,向上或向下)的信息。在一些实施方式中,视口监视库114可以被配置为基于例如从应用接收的滚动信息来监视滚动标签相对于滚动条或相对于视口的位置。在一些实施方式中,视口监视库114可以通过采用检测滚动活动(包括但
不限于“onscroll”等)的一个或多个监听器(listener)来确定滚动活动是否发生。在一些实施方式中,视口监视库114可以被配置为监视应用的视口。
55.内容管理系统110可以包括至少一个数据库116。数据库116可以包括用于存储信息的数据结构,信息诸如动画配置界面112、动画化内容项目或其他内容项目或者额外的信息。数据库116可以是内容管理系统110的一部分,或者是内容管理系统110、内容发布者计算设备120或用户计算设备140可以经由网络130访问的单独的组件。数据库116也可以贯穿系统100而分布。例如,数据库116可以包括与内容发布者计算设备120、用户计算设备140、内容管理系统110或上述三者全部相关联的多个数据库。在一个实施例中,内容管理系统110包括数据库116。
56.现在参考图2,用于根据说明性实施方式的配置动画化内容项目的方法200的流程图。内容管理系统110、内容发布者计算设备120和/或用户计算设备140可以被配置为执行方法200。此外,本文描述的任何计算设备可以被配置为执行方法200。
57.广而言之,对于方法200,在阶段210,向内容发布者计算设备120提供动画配置界面112,以允许经由内容发布者计算设备120选择依赖于位置的设置。依赖于位置的设置包括视口内的位置,在该位置处,动画化内容项目的属性改变。在阶段220,用户计算设备140从内容发布者计算设备120接收依赖于位置的设置。在阶段230,用户计算设备140基于依赖于位置的设置配置动画化内容项目的属性,以使该动画化内容项目被配置为当在视口内呈现时,在按照阶段220接收的依赖于位置的设置的视口的位置处改变属性。
58.更详细地参考方法200,在阶段210,向内容发布者计算设备120提供动画配置界面112。例如,内容发布者计算设备120可以向内容管理系统110进行针对动画配置界面112的请求。在一些实施方式中,响应于该请求,内容管理系统110经由网络130向内容发布者计算设备120提供动画配置界面。在一些实施方式中,动画配置界面112被配置为允许经由内容发布者计算设备120选择包括视口内的位置的依赖于位置的设置,在该位置处,动画化内容项目的属性改变。在一些实施方式中,动画配置界面112被配置为允许经由内容发布者计算设备120选择包括视口内的多于一个位置的多于一个依赖于位置的设置,在该位置处,动画化内容项目的一个或多个属性改变。关于图3、图4、图5、图6、图7和图8在本文提供了与动画配置界面112的实施方式和配置一个或多个依赖于位置的设置有关的额外的详情。
59.在阶段220,用户计算设备140接收依赖于位置的设置。在一些实施方式中,用户计算设备140可以经由用户将url输入到web浏览器的地址部分中来请求动画化内容项目的依赖于位置的设置。在一些实施方式中,内容发布者计算设备120,诸如图1a的内容发布者计算设备120,经由网络130向用户计算设备140发送依赖于位置的设置以实现动画化内容项目的呈现。在一些实施方式中,内容管理系统110,诸如图1b的内容管理系统110,经由网络130向用户计算设备140发送依赖于位置的设置以实现动画化内容项目的呈现。在一些实施方式中,用户计算设备140可以经由用户将url输入到web浏览器的地址部分中来请求动画化内容项目的多于一个依赖于位置的设置。
60.在一些实施方式中,用户计算设备140接收一个或多个依赖于位置的设置。每个依赖于位置的设置可以包括视口内的位置,在该位置处,动画化内容项目的属性改变。在一些实施方式中,每个依赖于位置的设置可以包括与视口内的位置相关联的一个或多个属性,在该位置处,动画化内容项目的一个或多个属性改变。
61.在阶段230,用户计算设备140基于依赖于位置的设置来配置动画化内容项目的属性,以使该动画化内容项目被配置为当在视口内呈现时,在按照阶段220接收的依赖于位置的设置的视口的位置处改变属性。在一些实施方式中,用户计算设备140可能必须配置与动画化内容项目相关联的一个或多个依赖于位置的设置。在一些实施方式中,用户计算设备140可能必须配置与一个或多个依赖于位置的设置相关联的一个或多个属性。
62.例如,用户计算设备140可以基于接收的依赖于位置的设置来配置视口内的第一位置。用户计算设备140随后可以配置第二位置和第三位置,以使在视口内存在各自通过依赖于位置的设置来配置的三个位置,在其处动画化内容项目的一个或多个属性改变。在另一示例中,用户计算设备140可以基于接收的依赖于位置的设置来配置视口内的第四位置。
63.下面描述的图3示出了动画配置界面300的示例实施方式。一般地,动画配置界面300可以在内容发布者计算设备120处渲染,以配置与一个或多个动画化内容项目相关联的一个或多个依赖于位置的设置。动画配置界面300可以包括多个界面和对象。例如,内容管理系统110可以执行以为动画配置界面300提供至少一个资产面板310、至少一个动画定时面板320、至少一个层(layer)面板330、至少一个属性面板340、至少一个主面板350和至少一个页脚(footer)面板370。在一些实施方式中,每个面板可以包括多个子面板。在一些实施方式中,动画配置界面300内的每个面板通过接收来自输入设备(例如,指点设备、键盘、触摸屏或另外形式的输入设备)的输入来操作。作为响应,执行动画配置界面300的内容发布者计算设备120可以经由网络130从与内容管理系统110相对应的数据库(例如,数据库116)请求数据,诸如动画化内容项目360。在一些实施方式中,执行动画配置界面300的内容发布者计算设备120可以从内容发布者计算设备120的数据存储单元请求数据,诸如动画化内容项目360。
64.动画配置界面300可以在内容发布者计算设备120、内容管理系统110或两者处执行,以在内容发布者计算设备120处提供动画配置界面300。在一些实施方式中,动画配置界面300可以在web浏览器内提供。在一些实施方式中,在不利用web浏览器的情况下执行内容管理系统110以在内容发布者计算设备120处提供动画配置界面300。在一个实施方式中,由内容发布者计算设备120执行的应用可以使得动画配置界面300在内容发布者计算设备120的监视器或屏幕上呈现。
65.在一些实施方式中,使用内容发布者计算设备120的内容制作者(用户或人类操作者)可以将一个或多个依赖于位置的设置输入到动画配置界面300内的动画定时面板320。每个依赖于位置的设置可以包括视口内的位置,在该位置处,动画化内容项目360的一个或多个属性改变。每个依赖于位置的设置可以包括一个或多个属性(例如,平移(translation)、不透明度、大小)。在一些实施方式中,可以使用动画定时面板320和/或属性面板340个别地配置每个属性,以使每个属性独立于任何其他属性,例如,第一依赖于位置的设置可以被配置为将动画化内容项目360的不透明度设置为70%,将动画化内容项目360的大小设置为30%的宽度和20%的高度,以及将动画化内容项目360的平移设置为x轴的60个像素和y轴的0个像素。第二依赖于位置的设置可以被配置将使动画化内容项目360的不透明度设置为50%,将动画化内容项目360的大小设置为50%的宽度和50%的高度以及将动画化内容项目360的平移设置为x轴的120个像素和y轴的60个像素,以使在滚动事件期间(例如,在用户计算设备140的视口内呈现的文章上向上或向下滚动),动画化内容项目
360依赖于视口内的位置改变一个或多个属性。在一些实施方式中,动画配置界面300可以基于滚动事件的方向配置一个或多个依赖于位置的设置。关于图4、图5、图6、图7和图8在本文提供了与动画配置界面300的动画定时面板320有关的额外的详情。
66.在一些实施方式中,动画配置界面300可以包括资产面板310,该资产面板310可以包括资产预览子面板312、资产筛选子面板314、资产库子面板316和添加资产按钮318。资产预览子面板312可以呈现动画化内容项目360的对象(例如,图像、视频、文本、音频、场景、另外形式的对象)的预览。在一些实施方式中,资产预览子面板312响应于接收到点击、点击和拖拽和/或拖放(drop)来呈现来自资产库子面板316的对象的预览。资产面板310内的资产库子面板316呈现对象的列表。在一些实施方式中,通过点击添加资产按钮318,通过关于对象的点击和拖拽、拖放、插入或附加操作可以将对象(例如,从内容发布者计算设备120上的文件夹(file folder))添加到对象的列表中。在一些实施方式中,可以使用资产筛选子面板314对资产库子面板316进行筛选。例如,使用内容发布者计算设备120的内容制作者(用户或人类操作者)可以在动画配置界面300内的资产筛选子面板314输入字段中输入一个或多个字符,并且作为响应,过滤掉(即,停止呈现)在资产库子面板316中呈现的与输入的字符不匹配的任何对象。
67.在一些实施方式中,动画配置界面300可以包括层面板330,该层面板330可以包括层选择子面板332、删除层按钮334和添加层按钮336。层选择子面板332呈现层的列表。在一些实施方式中,层选择子面板332可以被用于向动画化内容项目360添加一个或多个层。在一些实施方式中,例如,通过点击添加层按钮336,通过关于一个或多个层的点击和拖拽、拖放、插入或附加操作可以将一个或多个层添加到层的列表中。在一些实施方式中,例如,通过点击删除层按钮334,通过关于一个或多个层的点击和拖拽、拖放、插入或移除操作可以从层的列表中移除一个或多个层。
68.在一些实施方式中,动画配置界面300可以包括属性面板340,该属性面板可以包括url子面板342和属性配置子面板344。在一些实施方式中,url子面板342可以通过url子面板342输入字段接收输入。例如,使用内容发布者计算设备120的内容制作者(用户或人类操作者)可以在动画配置界面300内的url子面板342输入字段中输入一个或多个字符。输入的字符可以被嵌入到动画化内容项目360(例如,url),例如,该动画化内容项目360当在用户计算设备140的视口内被选择时,使得应用重定向到公司网站。
69.在一些实施方式中,可以使用属性配置子面板344来配置动画化内容项目360的一个或多个属性。在一些实施方式中,可以使用属性面板340和/或动画定时面板320个别地配置每个属性,以使每个属性独立于任何其他属性。在一些实施方式中,一个或多个属性可以基于一个或多个依赖于位置的设置。在一些实施方式中,每个依赖于位置的设置可以包括视口内的位置,在该位置处,动画化内容项目360的一个或多个属性改变。
70.例如,使用内容发布者计算设备120的内容制作者(用户或人类操作者)可以使用属性配置子面板344进行配置以使第一依赖于位置(即,开始)的设置:当动画化内容项目360移动通过第一位置和第三(即,中间)位置之间的视口时,顺时针旋转动画化内容项目360。使用内容发布者计算设备120的内容制作者(用户或人类操作者)还可以使用属性配置子面板344进行配置以使第二依赖于位置(即,结束)的设置:当动画化内容项目360移动通过第三位置和第二位置之间的视口时,逆时针旋转动画化内容项目360。
71.在另一示例中,使用内容发布者计算设备120的内容制作者(用户或人类操作者)可以使用属性配置子面板344进行配置以使第一依赖于位置(例如,开始)的设置:当动画化内容项目360从视口的底部到视口的顶部(例如,视口底部422到视口顶部420)移动通过第一位置和第三(例如,中间)位置之间的视口时,顺时针旋转动画化内容项目360。相反,内容发布者计算设备120可以使用属性配置子面板344进行配置以使第一依赖于位置的设置:当动画化内容项目360从视口的顶部到视口的底部(例如,视口顶部420到视口底部422)移动通过第一位置和第三位置之间的视口时,逆时针旋转动画化内容项目360。此外,使用内容发布者计算设备120的内容制作者(用户或人类操作者)还可以使用属性配置子面板344进行配置以使第二依赖于位置(例如,结束)的设置:当动画化内容项目360从视口的底部到视口的顶部(例如,视口底部422到视口顶部420)移动通过第三位置和第二位置之间的视口时,逆时针旋转动画化内容项目360。相反,内容发布者计算设备120可以使用属性配置子面板344进行配置以使第二依赖于位置的设置:当动画化内容项目360从视口的顶部到视口的底部(例如,视口顶部420到视口底部422)移动通过第三位置和第二位置之间的视口时,顺时针旋转动画化内容项目360。
72.在一些实施方式中,动画配置界面300可以包括主面板350,该主面板350可以包括开始按钮352、中间按钮354、结束按钮356、预览按钮358、动画化内容项目360和缩放小部件(zoom widget)362。沿面板的顶部的每个按钮(开始按钮352、中间按钮354、结束按钮356、预览按钮358),当被选择时,修改动画化内容项目360的呈现。缩放小部件362当被选择时可以使得动画配置界面在主面板350内生成动画化内容项目360的放大呈现或者动画化内容项目360的非放大呈现。
73.在一些实施方式中,开始按钮352当被选择时可以使得动画配置界面300生成与动画化内容项目360相关联的第一依赖于位置(例如,开始)的设置的呈现,其中可以使用资产面板310添加或移除对象,其中可以使用层面板330添加或移除层以及其中可以使用属性面板340添加或移除属性(例如,平移、不透明度、大小)。可以以呈现与第一依赖于位置的设置相关联的一个或多个属性(例如,平移、不透明度、大小)的动画化序列来使呈现运动。
74.在一些实施方式中,中间按钮354当被选择时可以使得动画配置界面300生成与动画化内容项目360相关联的第三依赖于位置(例如,中间)的设置的呈现,其中可以使用资产面板310添加或移除对象,其中可以使用层面板330添加或移除层以及其中可以使用属性面板340添加或移除属性(例如,平移、不透明度、大小)。可以以呈现与第三依赖于位置的设置相关联的一个或多个属性(例如,平移、不透明度、大小)的动画化序列来使呈现运动。
75.在一些实施方式中,结束按钮356当被选择时可以使得动画配置界面300生成与动画化内容项目360相关联的第二依赖于位置(例如,结束)的设置的呈现,其中可以使用资产面板310添加或移除对象,其中可以使用层面板330添加或移除层以及其中可以使用属性面板340添加或移除属性(例如,平移、不透明度、大小)。可以以呈现与第二依赖于位置的设置相关联的一个或多个属性(例如,平移、不透明度、大小)的动画化序列来使呈现运动。
76.在一些实施方式中,预览按钮358当被选择时可以使得动画配置界面300生成动画化内容项目360的预览,其中以在位置(例如,第一位置和第三位置、第三位置和第二位置)之间呈现与依赖于位置的设置相关联的一个或多个属性(例如,平移、不透明度、大小)的动画化序列来使对象运动。在一些实施方式中,在其处呈现动画化内容项目的位置可以被称
为动画化内容项目槽(slot)(例如,动画化内容槽426)。
77.在一些实施方式中,动画配置界面300可以包括页脚面板370,该页脚面板370可以包括保存按钮372和取消按钮374。保存按钮372当被选择时可以使得动画配置界面300将动画化内容项目360的配置保存在数据库116中或保存在内容发布者计算设备120的数据存储单元中。取消按钮374当被选择时可以使得动画配置界面300删除之前未保存的动画化内容项目360的所有配置。在一些实施方式中,动画配置界面300可以包括其他功能,诸如用于配置全屏模式的面板。可以配置全屏模式,以使动画化内容项目360呈现在整个视口上。全屏模式可以包括退出选项和额外的叠加功能,诸如触发全屏中动画化内容项目的动画、相机缩放(用于介绍)、使用户计算设备140的用户能够改变对象的颜色、或者更详细地放大和查看动画化内容项目的特征。
78.在一些实施方式中,动画配置界面300可以包括其他功能,诸如用于配置支付设置的面板。支付设置可以包括用于金融交易的选项,诸如捐赠、产品购买或任何其他类型的金融交易。在一些实施方式中,动画配置界面300可以包括其他功能,诸如用于配置地图和/或地理定位功能的面板。在一些实施方式中,动画配置界面300可以包括其他功能,诸如用于插件(add

in)的面板。例如,电话号码插件,其使得与动画化内容项目360交互的用户能够选择动画化内容项目360以执行电话通话。在一些实施方式中,动画配置界面300可以包括其他功能,诸如用于视频编辑的面板。在一些实施方式中,动画配置界面300可以包括其他功能,例如用于位置定时设置的面板。位置定时设置可以包括基于时间延迟动画化内容项目的开始。
79.下面描述的图4示出了动画配置界面300内的动画定时面板400的示例实施方式。动画定时面板400描绘了用户计算设备模板402,诸如智能电话或平板型设备,在该用户计算设备模板402上,动画化内容项目360可以通过计算设备(例如,用户计算设备140)的视口418呈现。在一些实施方式中,视口418由定向(orientation)来定义,定向包括视口顶部420(例如,100%)、视口底部422(例如,0%)和中间引导线(例如,50%)。在一些实施方式中,动画化内容项目360呈现在动画化内容项目槽426内。动画定时面板400可以包括一个或多个可配置的设置。在一些实施方式中,动画定时面板400可以包括图形框架(frame)406、滑块界面424、滑块设置点408、滑块设置点410、图形框架412、输入字段414和输入字段416。在一些实施方式中,每个框架、滑块、字段组合(例如,图形框架406、滑块设置点408、输入字段414,或图形框架412、滑块设置点410、输入字段416)可以执行相似的功能,并且可以互换地配置,以使每当输入字段改变时,滑块和图形框架也根据输入字段改变。
80.一般地,每个图形框架可以是可移动以设置视口418内的新位置的、视口418内的动画化内容项目360的位置的图形表示,在该新位置处,动画化内容项目360的一个或多个属性改变。例如,通过点击图形框架边界内的任意位置并且将图形框架拖拽到视口418内的不同的位置。每个滑块设置点可以是可移动以设置滑块界面424上的新位置的、视口418内的动画化内容项目360的位置的滑块设置点表示,在该新位置处,动画化内容项目360的一个或多个属性改变。例如,通过点击滑块设置点中的一个并且将滑块设置点拖拽到滑块界面424上的不同的位置。每个输入字段可以是可以接收输入以设置新位置的、视口418内的动画化内容项目360的位置的数值表示,在该新位置处,动画化内容项目360的一个或多个属性改变。例如,通过将不同的数字输入到输入字段中。
81.在一些实施方式中,可以使用例如内容发布者计算设备120的输入设备(例如,指点设备、键盘、触摸屏或另外形式的输入设备)来选择和移动每个图形框架。在一些实施方式中,图形框架412可以是可移动以选择第一位置的、视口418内的动画化内容项目360的第一位置的图形表示,在该第一位置处,动画化内容项目360的一个或多个动画开始呈现。在一些实施方式中,图形框架406可以是可移动以选择第二位置的、视口418内的动画化内容项目360的第二位置的图形表示,在该第二位置处,动画化内容项目360的一个或多个动画结束呈现。
82.例如,使用内容发布者计算设备120的内容制作者(用户或人类操作者)可以将图形框架412配置为当计算设备(例如,用户计算设备140)接收到滚动事件时并且在动画化内容项目360到达视口418内的第一位置之后,使动画化内容项目360开始呈现。如所示地,图形框架412被配置为在动画化内容项目360到达视口底部422之后开始呈现动画化内容项目360。
83.在一些实施方式中,可以使用例如内容发布者计算设备120的输入设备输入设备(例如,指点设备、键盘、触摸屏或另外形式的输入设备)来选择和沿滑块界面424移动每个滑块设置点。在一些实施方式中,滑块设置点408可以是沿滑块界面424可移动以选择第一位置的、视口418内的动画化内容项目360的第一位置的滑块设置点表示,在该第一位置处,动画化内容项目360的一个或多个动画开始呈现。在一些实施方式中,滑块设置点410可以是沿滑块界面424可移动以选择第二位置的、视口418内的动画化内容项目360的第二位置的滑块设置点表示,在该第二位置处,动画化内容项目360的一个或多个动画结束呈现。
84.例如,使用内容发布者计算设备120的内容制作者(用户或人类操作者)可以将滑块设置点410配置为当计算设备(例如,用户计算设备140)接收到滚动事件时并且在动画化内容项目360到达视口418内的第一位置之后,使动画化内容项目360开始呈现。如所示地,滑块设置点410被配置为在动画化内容项目360到达视口底部422之后开始呈现动画化内容项目360。
85.在一些实施方式中,每个输入字段可以使用例如内容发布者计算设备120的输入设备(例如,指针(pointing)设备、键盘、触摸屏或另外形式的输入设备)来接收输入。在一些实施方式中,输入字段416可以是可以接收输入以设置第一位置的、视口418内的动画化内容项目360的第一位置的数值表示,在该第一位置处,动画化内容项目360的一个或多个属性开始呈现。在一些实施方式中,输入字段414可以是可以接收输入以设置第二位置的、视口418内的动画化内容项目360的第二位置的数值表示,在该第二位置处,动画化内容项目360的一个或多个属性结束呈现。
86.例如,使用内容发布者计算设备120的内容制作者(用户或人类操作者)可以将数值字符输入到输入字段416中以当计算设备(例如,用户计算设备140)接收到滚动事件时并且在动画化内容项目360到达视口418内的第一位置后,使动画化内容项目360开始呈现。如所示地,输入字段416被配置为在动画化内容项目360到达视口底部422之后开始呈现动画化内容项目360。
87.在一些实施方式中,在用户设备(例如,用户计算设备140)上配置一个或多个依赖于位置的属性。在一些实施方式中,动画化内容项目360可以在视口418内的任意位置开始呈现并且在视口418内的任意位置结束呈现(例如,由动画化内容项目槽426确定)。例如,依
赖于位置的属性可以使得用户设备在依赖于位置的属性当中设置在视口顶部420和视口底部422之间(例如,动画化内容项目槽426)的一个或多个位置。例如,依赖于位置的属性可以是在视口顶部420和视口底部422之间的5%、10%、15%、80%、85%、85%、90%或任何其他百分比值。考虑图5中的示例,例如,依赖于位置的属性布置在视口518内的15%位置和85%位置之间。因此,动画化内容项目槽在15%和85%之间,并且因此,指示动画化内容项目360将仅呈现在动画化内容项目槽526之间。相应地,由内容制作者(用户或人类操作者)使用内容发布者计算设备120配置的依赖于位置的属性还可以配置视口418内的位置的任何组合来建立动画化内容项目槽426,以使动画化内容项目360呈现在这些位置之间。
88.在一些实施方式中,考虑图7中的示例,例如,依赖于位置的属性布置在15%和85%之间,同时还包括在50%位置处的依赖于位置的属性。在一些实施方式中,其对于内容制作者将多个依赖于位置的属性添加到动画化内容项目360是有利的,因为其为动画化内容项目360提供了额外的灵活性和功能。例如,当视口718内的滚动事件在15%依赖于位置的设置和50%依赖于位置的设置之间时,动画化内容项目360的多个文本可以在指定的方向上(例如,水平地或垂直地)滑动。替选地,当视口718内的滚动事件在50%和85%之间时,动画化内容项目360的多个文本可以在不同的方向上滑动。在一些实施方式中,可以向用户设备(例如,用户计算设备140)提供视口监视库114,以使当动画化内容项目360在15%和50%之间或在50%和85%之间时,可以插值动画化内容项目360的一个或多个属性的值。
89.下面描述的图5示出了动画配置界面300内的动画定时面板500的示例实施方式。动画定时面板500类似于参考图4详细地描述的相似的特征和功能。如所示地,使用图形框架512、滑块设置点510或输入字段516,将第一位置设置为15%,以使当计算设备(例如,用户计算设备140)接收到滚动事件时并且在动画化内容项目360到达视口418内的第一位置(例如,15%)之后,动画化内容项目360开始呈现(例如,在动画化内容项目槽526内)。还如所示地,使用图形框架506、滑块设置点510或输入字段514,将第二位置设置为85%,以使当计算设备(例如,用户计算设备140)接收到滚动事件时并且在动画化内容项目360到达视口418内的第二位置(例如,85%)之后,动画化内容项目360结束呈现(例如,不在动画化内容项目槽526内)。
90.下面描述的图6示出了动画配置界面300内的动画定时面板600的示例实施方式。动画定时面板600类似于参考图4详细地描述的相似的特征和功能。然而,在一些实施方式中,动画配置界面300可以包括图形框架628、滑块设置点630和输入字段632。例如,代替于在视口418内具有在其处动画化内容项目360的一个或多个属性改变的两个位置,动画定时面板可以使得使用内容发布者计算设备120的内容制作者(用户或人类操作者)能够使用图形框架628、滑块设置点630或输入字段632来配置动画化内容项目槽626内的第三位置。在一些实施方式中,动画定时面板可以使得使用内容发布者计算设备120的内容制作者(用户或人类操作者)能够使用不同的图形框架、不同的滑块设置点或不同的输入字段来配置动画化内容项目槽626内的第四位置。在图6所示的示例中,用于第三位置的滑块设置点630设置在视口618的中间点604处,以使图形框架628与视口618的中间部分相对应。
91.下面描述的图7示出了动画配置界面300内的动画定时面板700的示例实施方式。动画定时面板700类似于参考图4和图6详细地描述的相似的特征和功能。如所示地,使用图形框架712、滑块设置点710或输入字段716,将第一位置设置为15%,以使当计算设备(例
如,用户计算设备140)接收到滚动事件时并且在动画化内容项目360到达视口718内的第一位置(例如,15%)之后,动画化内容项目360开始呈现(即,在动画化内容项目槽726内)。还如所示地,使用图形框架706、滑块设置点708或输入字段714,将第二位置设置为85%,以使当计算设备(例如,用户计算设备140)接收到滚动事件时并且在动画化内容项目360到达视口718内的第二位置(例如,85%)之后,动画化内容项目360结束呈现(例如,不在动画化内容项目槽726内)。进一步如所示地,使用图形框架728、滑块设置点730或输入字段732,将第三位置设置为50%,以使在动画化内容项目360到达视口718内的第三位置(例如,50%)之后,动画化内容项目360的一个或多个属性可以改变。
92.下面描述的图8示出了动画配置界面300内的动画定时面板800的示例配置。动画定时面板800类似于参考图4和图6详细地描述的相似的特征和功能。另外,动画定时面板800可以包括用于基于视口内的位置配置动画化内容项目360的一个或多个属性的功能。在一些实施方式中,动画定时面板800可以包括第一位置

第三位置属性836、第一位置

第三位置属性840、第二位置

第三位置属性834和第二位置

第三位置属性838。每个第一位置

第三位置属性被配置为使得当动画化内容项目360呈现在第一位置(例如,滑块设置点810)和第三位置(例如,滑块设置点830)之间的动画化内容项目槽826内时,按照所配置的属性来呈现动画化内容项目360。例如,如所示地,动画化内容项目360将以为100%的不透明度和为100%的填充不透明度的不透明度属性以及为50%的宽度和为75%的高度的大小属性来呈现在第一位置和第三位置之间。不透明度控制整个动画化内容项目360的不透明度,而填充不透明度仅控制填充颜色(例如,动画化内容项目360的背景颜色)的不透明度。相反,每个第三位置

第二位置属性被配置为使得当动画化内容项目360呈现在第三位置(例如,滑块设置点830)和第二位置(例如,滑块设置点808)之间的动画化内容项目槽826内时,按照所配置的属性来呈现动画化内容项目360。例如,如所示地,动画化内容项目360将以为50%的不透明度和为75%的填充不透明度的不透明度属性以及镜像第一位置

第三位置属性的大小属性(例如,与其完全相同)的大小属性来呈现在第三位置和第二位置之间。
93.现在参考图9,示出了根据说明性实施方式的示例计算系统901的框图。按照说明性实施方式,计算系统901适合用于实施本文描述的计算机化组件。广而言之,计算系统901包括用于按照指令(例如,在高速缓存存储器903中保存的指令)执行动作的处理器902。示出的示例计算系统901包括经由总线908与主存储器906、网络接口控制器907、输入/输出(i/o)接口908和数据存储装置909通信的一个或多个处理器902和协处理器904。在一些实施方式中,计算系统901可以包括额外的接口或其他组件916。
94.在一些实施方式中,处理器902可以被配置为将指令从主存储器906(或数据存储装置909)加载到高速缓存存储器903。此外,处理器902可以被配置为将指令从高速缓存存储器903加载到板载寄存器并且执行来自板载寄存器的指令。在一些实施方式中,指令被编码到未示出的只读存储器(rom)或固件存储器芯片(例如,存储用于基本i/o系统(bios)的指令)并且从其被读取。
95.如所示地,处理器902直接地连接到高速缓存存储器903。然而,在一些实施方式中,高速缓存存储器903被集成到处理器902和/或在与处理器902相同的电路或芯片上实现。一些实施方式包括多层或多级的高速缓存存储器903,每层或每级进一步从处理器902移除。一些实施方式包括多个处理器902和/或协处理器904,该协处理器904(例如,数学协
处理器、浮点协处理器和/或图形协处理器)通过支持额外的专用指令来增强处理器902。如所示地,协处理器904紧密地连接到处理器902。然而,在一些实施方式中,协处理器904集成到处理器902,或者在与处理器902相同的电路或芯片上实现。在一些实施方式中,协处理器904进一步从处理器902移除,例如,连接到总线908。
96.网络接口控制器907可以被配置为控制一个或多个网络接口917,以用于到网络设备914的连接(例如,用于访问网络130)。i/o接口908可以被配置为方便向各种i/o设备918发送和接收数据,诸如但不限于键盘、触摸屏、麦克风、运动传感器、视频显示器、扬声器、触觉反馈设备、打印机等。在一些实施方式中,i/o设备918中的一个或多个集成到计算系统901。在一些实施方式中,i/o设备918中的一个或多个在计算系统901外部并且与计算系统901可分离。在一些实施方式中,计算系统901使用专用逻辑电路来实现,例如,专用集成电路(asic)或片上系统(soc)半导体器件,其包括处理器902和一个或多个额外的元件,例如,高速缓存存储器903、网络接口控制器907和网络接口917以及一个或多个i/o接口908。
97.处理器902可以是处理指令的任何逻辑电路,例如,从高速缓存存储器903、主存储器906、数据存储装置909或其他未示出的存储器中取回的指令。处理器902包括多个数据寄存器和指令寄存器。在一些实施方式中,在开机(启动)时,处理器902可以被配置为将来自bios的初始指令加载到寄存器中(包括用于加载更多指令的指令),并且执行来自寄存器的指令。在一些实施方式中,bios指令使得处理器902加载操作系统(os),该操作系统(os)转而使得处理器902加载并且执行一个或多个程序。
98.处理器902可以通过一个或多个辅助协处理器904来增强,该辅助协处理器904是具有用于特定目的的专用指令集的辅助处理单元。在一些实施方式中,面对未辨识的指令的处理器902将例如经由特定总线向辅助处理单元904传递该指令,并且如果辅助处理单元904也未辨识该指令则仅生成未辨识的指令故障。处理器902和协处理器904可以各自为单核或多核处理器。
99.计算系统901可以包括多个不同的(distinct)处理器902和/或多个不同的协处理器904。例如,在一些实施方式中,可以通过一个或多个专用协处理器904(诸如数学协处理器、浮点协处理器或图形处理单元(gpu))来增强通用处理器902,诸如多核中央处理单元(cpu)。例如,数学协处理器904可以协助处理器902进行高精度或复杂计算。在一些实施方式中,处理器902和协处理器904实现为一个或多个芯片上的电路。计算系统901可以基于能够如本文所述操作的任何处理器902、或者处理器902和/或协处理器904集合。
100.高速缓存存储器903一般地是下述形式的计算机存储器,其被放置为与处理器902紧相邻以用于快速访问时间。在一些实施方式中,高速缓存存储器903是存储器电路,其是处理器902的一部分或在与处理器902相同的芯片上。在一些实施方式中,存在多级的高速缓存存储器903,例如,l2和l3高速缓存层。在一些实施方式中,多个处理器902和/或处理器902的多个核共享对同一高速缓存存储器903的访问。
101.主存储器906可以是适合存储计算机可读数据的任何设备。主存储器906是支持对指定的地址的直接访问的设备,例如,主存储器906是随机存取存储器(ram)。在一些实施方式中,主存储器906是易失性半导体存储器设备,诸如动态随机存取存储器(dram)、同步动态随机存取存储器(sdram)、双数据速率sdram(ddr sdram)、静态随机存取存储器(sram)、t

ram、z

ram等。计算系统901可以具有任何数量的用作主存储器906的设备。
102.数据存储装置909可以是适合在电源周期之间存储计算机可读数据的任何设备。在一些实施方式中,数据存储装置909是具有固定的存储介质(诸如,磁性盘,例如硬盘驱动器(hdd))的设备。在一些实施方式中,数据存储装置909是具有可移动存储介质(诸如,磁性盘(例如,软盘驱动器或可移除的hdd)、磁带、磁光盘或光盘(例如,cd

rom、dvd

rom或blu

ray盘))的设备。在一些实施方式中,数据存储器装置909是非易失性半导体存储器设备,诸如可擦除可编程只读存储器(eprom)、电可擦除可编程只读存储器(eprom)或闪速存储器。在一些实施方式中,主存储器906是固态驱动器(ssd),例如,使用基于多级单元(mlc)nand的闪速存储器。计算系统901可以具有任何数量的用作数据存储装置909的设备。
103.仍然参考图9,总线908是在计算系统901的各个内部组件之间提供数据交换的接口,例如,将处理器902连接到主存储器906、网络接口控制器907、i/o接口908和数据存储909。在一些实施方式中,总线908进一步提供与计算系统901外部的一个或多个组件(例如,其他组件916)的数据交换。在一些实施方式中,总线908包括串行和/或并行通信链路。在一些实施方式中,总线908实现数据总线标准,诸如集成驱动电子装置(ide)、外围组件互连快线(pci)、小型计算机系统接口(scsi)或通用串行总线(usb)。在一些实施方式中,计算系统901具有多个总线908。
104.计算系统901可以包括一个或多个输入或输出(i/o)设备918或提供用于一个或多个输入或输出(i/o)设备918的接口908。输入/输出设备918包括输入设备,诸如但不限于,键盘、触摸屏、触控板(例如,电磁感应板、静电板、电容板等)、麦克风、操纵杆、脚踏板、惯性测量单元(imu)、加速度计、陀螺仪、倾斜传感器、运动传感器、环境传感器、乐器数字接口(midi)输入设备(诸如midi乐器(例如,midi键盘))、手写笔以及指点设备(诸如鼠标或轨迹球)。输出设备包括但不限于,视频显示器、扬声器、触觉反馈设备、可刷新的盲文终端、灯、伺服装置、midi输出设备(诸如midi合成器)以及二维或三维打印机(包括但不限于,喷墨打印机、激光打印机、热敏打印机、立体光刻打印机、挤压沉积打印机和金属烧结打印机)。
105.网络130使能各个节点(诸如计算系统901和网络设备914)之间的通信。在一些实施方式中,数据如数据分组的流一样流动通过网络130从源节点到目的节点,例如,按照开放系统互连(osi)层的数据分组的形式。分组的流可以使用例如osi层4传输协议(诸如,用户数据报协议(udp)、传输控制协议(tcp)或流控制传输协议(sctp)),其分层在osi层3的网络协议(诸如,互联网协议(ip),例如ipv4或ipv6)之上、经由网络130传送。网络130由各种网络设备(节点)组成,该各种网络设备(节点)链接在一起以在参与设备之间形成一个或多个数据通信路径。每个联网的设备包括用于接收和/或传送数据(通常作为一个或多个数据分组)的至少一个网络接口。说明性的网络130是互联网;然而,可以使用其它网络。网络130可以是自主系统(as),即,在一致的统一路由策略下操作的(或至少从as网络外部看来是这样的)并且一般地由单个管理实体(例如,系统操作者、管理者或管理组)管理的网络。
106.网络130可以由多个连接的子网络或as网络组成,该子网络或as网络可以在以下中的一个或多个处汇合(meet):中间网络(中转网络)、双宿网关节点、存在点(pop)、互联网交换点(ixp)和/或额外的其他网络边界。网络130可以是局域网(lan)(诸如公司内联网)、城域网(man)、广域网(wan)、广域网、互连的网络(诸如互联网)或对等网络(例如,自组wi

fi对等网络)。网络130中的节点之间的数据链路可以是物理链路(例如,光纤、网状、同轴、诸如cat

5或cat

6的双绞线等)和/或无线链路(例如,无线电、卫星、微波等)的任何组合。
107.网络130可以包括用于移动通信设备的载波网络,例如,实现诸如全球移动通信系统(gsm)、码分多址(cdma)、时分同步码分多址(td

scdma)、长期演进(lte)或任何其他这样的协议(包括但不限于所谓的代别3g、4g和5g协议)的无线通信协议的网络。网络130可以包括近距无线链路,例如,经由wi

fi、bluetooth(蓝牙)、ble或zigbee(紫蜂),有时被称为个域网(pan)或网状网络。网络可以是公共网络、私有网络或公共网络和私有网络的组合。网络130可以是任何类型和/或形式的数据网络和/或通信网络。
108.网络接口控制器907经由网络接口917(有时称为网络接口端口)管理与网络130中的设备(例如,网络设备914)的数据交换。网络接口控制器907处理用于网络通信的开放系统互连(osi)模型的物理层和数据链路层。在一些实施方式中,网络接口控制器的任务中的一些由处理器902和/或协处理器904来处理。在一些实施方式中,网络接口控制器907并入处理器902中,例如,作为同一芯片上的电路。在一些实施方式中,计算系统901具有由单个控制器907控制的多个网络接口917。在一些实施方式中,计算系统901具有多个网络接口控制器907。在一些实施方式中,每个网络接口917是物理网络链路(例如,cat

5以太网链路)的连接点。
109.在一些实施方式中,网络接口控制器907支持无线网络连接,并且接口917是无线(例如,无线电)接收器/传送器(例如,用于ieee 802.11 wi

fi协议、近场通信(nfc)、bluetooth、bluetooth低能量(ble)、zigbee、ant或任何其他无线协议中的任何)。在一些实施方式中,网络接口控制器907实现一种或多种网络协议,诸如以太网。一般地,计算系统901可以被配置为通过网络接口917经由物理或无线链路与其他计算设备交换数据。网络接口917可以直接地链接到另一设备,或者经由中间设备(例如,将计算系统901连接到网络130的网络设备914,诸如集线器、网桥、交换机或路由器)链接到另一设备。
110.网络设备914可以是集线器、交换机、路由器、调制解调器、网桥、另一计算系统901或任何其他网络节点。在一些实施方式中,网络设备914是网络网关。在一些实施方式中,网络设备914是使用定制硬件(诸如专用处理器和/或三态内容寻址存储器(tcam)等)实现的路由设备。
111.其他组件916可以包括替选的i/o接口、外部串行设备端口以及经由总线908连接的任何额外的协处理器904。例如,计算系统901可以包括用于连接外部输入设备、输出设备或额外的存储器设备(例如,便携式闪速驱动器或外部介质驱动器)的接口(例如,通用串行总线(usb)接口)。
112.示出的计算系统901适合实现管理或组织数据的系统。例如,在一些实施方式中,计算系统901承载数据库。数据库,或更具体地数据库管理系统(dbms),按照数据库定义(例如,数据库模式)来组织数据。例如,在关系型数据库中,dbms以类表的数据结构来维护数据。每个表具有列,每个列对应于条目类型、分类或目的。例如,表可能具有用于数值数据的列、用于文本数据(例如,数值数据的描述)的列、用于日期数据的列等。在一些实施方式中,列表示将多个数据元素组合到单个列中的结构化数据。在关系型数据库中,表中的列中的每个条目也在将该条目与表中其他列的条目相关联的行中。
113.在一些实例中,条目(或条目的组合)将使来自一个表的行与另一表中的一个或多个行相关联。在一些dbms实施方式中,被称为“视图(view)”的虚拟表表示从一个或多个表中拉出的数据,好像它也是表一样(即,对于数据库客户端或用户,视图看起来好像它是表,
但不必这样存储)。也可以使用其他类型的数据库管理系统,包括各种类型的关系型数据库、面向对象的数据库、面向文档的数据库、可扩展标记语言(xml)数据库、nosql数据库等。这些数据库类型中的许多以与以上关于关系型数据库描述相似的方式来使用表或类表结构。在一些数据库实施方式中,数据以表以外的方式存储或表示,例如,作为数据图元的集合。
114.数据库的客户端或用户可以使用数据库指令(例如,诸如结构化查询语言(sql)的数据库查询语言中的查询)来向数据库添加数据、修改数据库中的数据或从数据库中检索数据。一个或多个数据库指令可以一起被组合成数据库事务。传统上,数据库为事务提供原子性、一致性、隔离性和耐久性。这些属性被知晓为首字母缩写acid。在一些实施方式中,dbms提供了acid属性中的所有。然而,在一些实施方式中,dbms未提供acid属性中的所有。
115.在一些实施方式中,一个或多个客户端设备120(例如,计算系统901的实例)与dbms通信,例如经由直接链路或经由网络130。在一些实施方式中,客户端中的一个或多个使用正式查询语言中的查询来从dbms获得数据,正式查询语言诸如结构化查询语言(sql)、超文本结构化查询语言(htsql)、上下文查询语言(cql)、数据挖掘扩展(dmx)或xml查询(xquery)。在一些实施方式中,客户端中的一个或多个使用进程间通信架构来从dbms获得数据,进程间通信架构诸如通用对象请求代理架构(corba)、远程过程调用(rpc)、对象链接和嵌入(ole)、组件对象模型(com)或分布式组件对象模型(dcom)。在一些实施方式中,客户端中的一个或多个使用自然语言或语义查询来从dbms获得数据。在一些实施方式中,客户端中的一个或多个使用诸如可视化api查询语言的定制查询语言来从dbms获得数据。本说明书中描述的主题和操作的实施方式可以实现为数字电子电路或者体现在有形介质上的计算机软件、固件或硬件,包括本说明书中公开的结构及其结构等价物或者它们中的一个或多个的组合。本说明书描述的主题的实施方式可以实现为体现在有形介质上的一个或多个计算机程序,即,编码在一个或多个计算机存储介质上的、用于由数据处理装置(包括,例如,处理器902)执行或控制数据处理装置(包括,例如,处理器902)的操作的一个或多个计算机程序指令模块。计算机存储介质可以是下述或者被包括在下述中:计算机可读存储设备、计算机可读存储基体、随机存取或串行存取存储器阵列或设备或者它们中的一个或多个的组合。计算机存储介质还可以是下述或者被包括下述中:一个或多个分离的组件或介质(例如,多个cd、盘或其他存储装置)。计算机存储介质是有形的。计算机存储介质以非临时形式存储数据,例如,计算机可执行指令。
116.计算机程序(也称为程序、软件、软件应用、脚本或代码)可以以任何形式的编程语言编写,包括编译语言、解释语言、声明语言和过程语言;并且计算机程序可以以任何形式部署,包括作为独立的程序或作为模块、组件、子例程、对象或适合在计算环境中使用的其他单元。计算机程序,可以但不需要,对应于文件系统中的文件。程序可以存储在保存其他程序或数据的文件的一部分中(例如,存储在标记语言文档中的一个或多个脚本)、专用于所述程序的单个文件中或者多个协调的文件中(例如,存储一个或多个模块、库、子程序或代码的一部分的文件)。计算机程序可以被部署为在一个计算机上,或者在位于一个站点的或跨越多个站点并且通过通信网络互连的多个计算机上执行。
117.本说明书中描述的处理和逻辑流可以由执行一个或多个计算机程序的一个或多个可编程处理器执行,以通过操作输入数据并且生成输出来执行动作。处理和逻辑流也可
以由专用逻辑电路(例如,现场可编程门阵列(“fpga”)或专用集成电路(“asic”))来执行,并且装置也可以实现为专用逻辑电路(例如,现场可编程门阵列(“fpga”)或专用集成电路(“asic”))。这样的专用电路即使不是通用处理器也可以被称为计算机处理器。
118.虽然本说明书包含许多具体的实施方式细节,但这些不应被解释为对任何发明的或可能要求保护的范围的限制,而应被解释为对特定发明的特定实施方式的具体特征的描述。在本说明书中在分离的实施方式的上下文中描述的某些特征也可以在单个实施方式中组合实现。相反,在单个实施方式的上下文中描述的各种特征也可以在多个实施方式中分离地或以任何合适的子组合来实现。此外,尽管特征可能以上被描述为以某些组合发挥作用并且甚至最初这样要求保护,但是要求保护的组合中的一个或多个特征在某些情况下可以从该组合中切除,并且要求保护的组合可以针对子组合或者子组合的变形。
119.相似地,虽然在附图中以特定的顺序描述了操作,但是这不应被解释为:为了实现期望的结果,要求按照所示出的特定顺序或依次序执行这样的操作或要求执行所有所示出的操作。在某些情况下,多任务处理和并行处理可能是有利的。此外,以上描述的实施方式中的各种系统组件的分离不应被理解为要求在所有实施方式中的这种分离,并且应当理解,描述的程序组件和系统一般地可以一起集成在单个软件产品中或封装在多个软件产品中。
120.提及“或”可以被解释为包含性的,使得使用“或”描述的任何术语可以指示描述的术语中的单个、多于一个或全部中的任意一者。标签“第一”、“第二”、“第三”等不必意味着指示排序,并且一般地仅被用来在相同或相似的项目或元素之间进行区分。
121.因此,已经描述了主题的特定实施方式。其他实施方式在所附的权利要求的范围内。在一些情况中,可以以不同的顺序执行权利要求书中所叙述的动作,并且仍然可以实现期望的结果。另外,对于实现期望的结果,在附图中描绘的处理不必要求所示的特定顺序或依次序进行。某些实施方式中,可以使用多任务处理或并行处理。

技术特征:
1.一种配置动画化内容项目的方法,所述方法基于在其上呈现动画化内容项目的计算设备的视口内的动画化内容项目的位置来配置动画化内容项目,所述方法包括:向第一计算设备提供动画配置界面,所述动画配置界面被配置为允许经由第一计算设备选择包括视口内的位置的依赖于位置的设置,在所述位置处,所述动画化内容项目的属性改变;由第二计算设备接收所述依赖于位置的设置;以及基于所述依赖于位置的设置来配置所述动画化内容项目的属性,以使所述动画化内容项目被配置为当在第二计算设备的视口内呈现时,在按照所述依赖于位置的设置的视口的所述位置处改变属性。2.根据权利要求1所述的方法,其中,所述依赖于位置的设置包括视口内的位置,在所述位置处,所述动画化内容项目的动画开始。3.根据权利要求1或2所述的方法,其中,所述动画配置界面被配置为允许选择第二依赖于位置的设置。4.根据权利要求3所述的方法,其中,所述第二依赖于位置的设置包括视口内的第二位置,在所述第二位置处,动画结束。5.根据权利要求4所述的方法,其中,配置所述动画化内容项目的属性包括当所述动画化内容项目移动通过所述位置和所述第二位置之间的视口时,使得所述动画化内容项目的动画改变。6.根据权利要求3、4或5所述的方法,其中,所述动画配置界面被配置为允许选择包括视口内的第三位置的第三依赖于位置的设置。7.根据前述权利要求中的任何一项所述的方法,其中,提供所述动画配置界面包括使得所述动画配置界面允许经由第一计算设备通过滑动界面或百分比输入中的至少一个来选择所述依赖于位置的设置。8.根据前述权利要求中的任何一项所述的方法,其中,所述动画配置界面包括视口内的所述动画化内容项目的位置的图形表示,所述图形表示可移动以选择视口内的位置,在所述位置处,所述动画化内容项目的属性改变。9.根据前述权利要求中的任何一项所述的方法,其中,所述属性包括所述动画化内容项目的旋转。10.根据权利要求9所述的方法,其中,所述依赖于位置的设置包括视口内的位置,在所述位置处,所述动画化内容项目的旋转开始。11.根据权利要求10的方法,其中,所述动画配置界面被配置为允许选择视口内的第二位置,在所述第二位置处,所述动画化内容项目的旋转结束。12.根据前述权利要求中的任何一项所述的方法,其中,所述动画化内容项目包括图像动画或视频动画。13.根据前述权利要求中的任何一项所述的方法,进一步包括:由第三计算设备接收所述依赖于位置的设置,并且基于所述依赖于位置的设置来配置所述动画化内容项目的属性,以使所述动画化内容项目被配置为当在第三计算设备的视口内呈现时,在按照所述依赖于位置的设置的视口的所述位置处改变属性。14.根据前述权利要求中的任何一项所述的方法,进一步包括:
确定所述动画化内容项目相对于第二计算设备的视口的位置;确定所述动画化内容项目相对于视口的位置与按照所述依赖于位置的设置的视口的所述位置匹配;改变所述动画化内容项目的属性。15.根据前述权利要求中的任何一项所述的方法,其中,所述属性包括基于视口内的所述动画化内容项目的位置而插值的值。16.一种系统,包括:至少一个计算设备,可操作地耦合到至少一个存储器并且被配置为:向第一计算设备提供动画配置界面,所述动画配置界面被配置为允许经由第一计算设备选择包括视口内的位置的依赖于位置的设置,在所述位置处,所述动画化内容项目的属性改变;从第一计算设备接收所述依赖于位置的设置;以及向第二计算设备提供所述依赖于位置的设置,其中,第二计算设备基于所述依赖于位置的设置来配置所述动画化内容项目的属性,以使所述动画化内容项目被配置为当在第二计算设备的视口内呈现时,在按照所述依赖于位置的设置的视口的所述位置处改变属性。17.根据权利要求15所述的系统,其中,所述动画配置界面被配置为允许选择第二依赖于位置的设置。18.根据权利要求16所述的系统,其中,所述动画配置界面被配置为允许选择第三依赖于位置的设置。19.根据权利要求15、16或17所述的系统,其中,所述动画化内容项目包括图像动画或视频动画。20.一个或多个计算机可读存储介质,其上存储有指令,所述指令当被至少一个处理器执行时使得至少一个处理器执行操作,所述操作包括:由第一计算设备从内容管理系统接收动画配置界面,所述动画配置界面被配置为允许选择包括视口内的位置的依赖于位置的设置,在所述位置处,所述动画化内容项目的属性改变;由第二计算设备接收所述依赖于位置的设置;以及基于所述依赖于位置的设置来配置所述动画化内容项目的属性,以使所述动画化内容项目被配置为当在第二计算设备的视口内呈现时,在按照所述依赖于位置的设置的视口的所述位置处改变属性。21.根据权利要求19的所述系统,其中,配置所述依赖于位置的设置进一步被配置为允许选择与包括视口内的位置的所述依赖于位置的设置相关联的多个属性,在所述位置处,所述动画化内容项目的多个属性改变。22.根据权利要求19或20所述的系统,其中,所述第一计算设备被配置为:选择包括视口内的第二位置的第二依赖于位置的设置;选择包括视口内的第三位置的第三依赖于位置的设置;选择包括视口内的部分位置的第四依赖于位置的设置。
技术总结
系统、方法和计算机可读存储介质,用于基于在其上呈现动画化内容项目的计算设备的视口内的动画化内容项目的位置来配置动画化内容项目。一种方法包括向第一计算设备提供动画配置界面,该动画配置界面被配置为允许经由第一计算设备选择包括视口内的位置的依赖于位置的设置,在该位置处动画化内容项目的属性改变。该方法进一步包括:由第二计算设备接收依赖于位置的设置,并且基于依赖于位置的设置来配置动画化内容项目的属性,以使动画化内容项目被配置为当在第二计算设备的视口内呈现时,在按照依赖于位置的设置的视口的位置处改变属性。属性。属性。


技术研发人员:N.拉杰班达里 M.小川
受保护的技术使用者:谷歌有限责任公司
技术研发日:2019.10.23
技术公布日:2021/6/24

转载请注明原文地址:https://doc.8miu.com/read-250254.html

最新回复(0)