使场景中呈现的图像个性化以使消费者体验个性化的方法和系统的制作方法

xiaoxiao2020-7-22  11

使场景中呈现的图像个性化以使消费者体验个性化的方法和系统的制作方法
【专利摘要】所介绍的系统和方法用于产生和使用灵活的场景框架,以在背景场景内呈现动态产生的内容来使消费者的网上体验个性化。存在促销打印的、雕刻的以及刺绣的产品的网站,这些产品能够被消费者定制为包括由消费者选择和/或上传的文本和图像(可注入的场景元素)。公开了用于呈现消费者的用这样的用户输入可注入场景元素个性化的所选产品的预览的装置/方法,所述预览在更大场景的背景中示出所述产品。场景呈现例如使用XML来实现并且指定所述可注入场景元素和场景图像的变形以及合成以产生要显示在用户的网页浏览器上的合成图像。所使用的变形变换例如包括已知的透视变形。当访问产品厂商网站时,这样的预览可被电子邮件发送到消费者以增强促销,例如,增强消费者对其先前订购过的产品的再次订购的促销。
【专利说明】使场景中呈现的图像个性化以使消费者体验个性化的方法和系统
[0001]相关申请
[0002]本申请是2011年4月11日提交的13/084,550号美国专利申请的部分接续,并且要求其优先权。其全部内容通过引用结合于此。
【背景技术】
[0003]随着消费者对在线购物已经日益变得轻松自在,许多产品零售商促销(offer)零售物品以利用电子商务市场的优势。一些在线零售商促销能够根据用户选择的选项或输入以及/或者依消费者而定的信息被定制或个性化(personalize)的产品。例如,www.vistaprint.com网站促销能够由消费者定制以包括被消费者选择和/或上传的文本和图像的印刷、雕刻和刺绣的产品。对于这样的在线零售商,在网站上和销售材料上投入了许多图像以示出产品上的内容以及背景中的产品。
[0004]例如,用由消费者输入的信息个性化的消费者的选定设计的预览可以呈现给选择用用户输入的文本和/或上传图像定制以及/或者个性化它的消费者。除了仅仅示出在产品上印刷、雕刻或刺绣的设计以外,良好的预览还有可能示出在背景中的产品,例如在更大的场景内的产品。定制产品的预览帮助消费者确定将在何处放置内容,产品有多大以及/或者产品可能如何符合其需求。
[0005]可以把背景场景创建为合成(composite)图像,例如使用Adobe? Photoshop。可以使用Photoshop使图像层叠在彼此的顶部、对图像进行旋转、变形(warp)和混合。不过,使用Photoshop保存合成图像时,它被保存为静态图像并且不能够接受动态产生的内容。希望示出具有动态产生的内容的图像——例如示出用消费者信息个性化的产品的图像——的在线零售商需要能够产生定制图像并且将它们实时地放置在更大的场景内而没有显著的延时,以便在浏览过程期间防止或减少消费者快速离去。
[0006]在过去,为了产生背景中的预览,每幅背景图像被实现为独立的类别,并且具有其自身的唯一和静态的绘制它本身的方式。每幅背景图像都由编程人员以浏览器可呈现的语言(比如HTML、DHTML等)独立的编写,然后动态产生的内容与背景图像一起由浏览器呈现。以这种方式产生浏览器可呈现的背景图像需要大量的编码时间,因为必须把每幅场景图像都作为其自身单独的类别编码。
[0007]所以,将期望具有精简的方法和系统,其允许对场景进行描述以及对这些场景进行呈现的简单规范以快速地产生在背景场景内的动态产生的内容而不必对每幅场景图像定义和编码独立的类别。将进一步期望使用该方法和系统把个性化的消费者图像注入到背景场景中。将进一步期望动态地产生包含个性化场景的个性化网页和电子邮件。将再进一步期望利用这样的技术把推荐的或先前订购过的个性化产品的图像注入到场景中,并且在电子邮件消息或网页中向消费者提供快速地订购或再订购更多这样的产品的能力。
【专利附图】

【附图说明】[0008]图1展示包含在背景场景内的动态产生内容的实例;
[0009]图2是用于产生具有动态产生的内容的场景以供在浏览器中显示的系统的实施例的框图;
[0010]图3A-3D用图解法展示把透视变形应用到图像以及最终结果图像;
[0011]图4用图解法展示平滑变形;
[0012]图5是描绘标准倒影场景的实例合成场景图像;
[0013]图6A-6B用图解法展示把平滑变形应用到图像;
[0014]图7是流程图,展示用于产生具有动态产生的内容的场景以供显示的示范方法;
[0015]图8展示合成树的表示;
[0016]图9用图解法展示整平(flattening)操作;
[0017]图10是示范计算环境,本发明的实施例可以在其中进行;
[0018]图11是流程图,展示用于用消费者文档使场景个性化的方法的示范实施例;
[0019]图12是用于产生网页上和邮件消息中的个性化促销的示范系统的框图;
[0020]图13是流程图,展示用图解法展示根据本发明的实施例的用消费者先前订购的文档个性化的场景的产生的方法的示范实施例;
[0021]图14用图解法展示把消费者文档的图像注入到背景场景中以产生个性化场景图像;
[0022]图15是实例电子邮件消息,其展示在电子邮件模板中使用个性化场景以便产生在背景中显示出先前订购的产品的个性化消息。

【发明内容】

[0023]本发明实施例包括用于产生和使用灵活的场景框架以在背景场景内呈现动态产生的内容的系统和方法。
[0024]在一实施例中,使消费者网上体验个性化的方法包括:接收实现消费者的个性化产品设计的电子文档,接收包括指令的场景描述,所述指令用于合成至少一幅场景图像和至少一个可注入的场景元素,并且用于对所述场景图像和所述可注入的场景元素中的一个或多个执行至少一次图像变换。所述至少一个可注入的场景元素是在所述场景描述被处理时替换在所述场景描述中的占位符元素的可变元素。该方法还包括:接收所述场景描述以及一个或多个可注入的场景元素,所述一个或多个可注入的场景元素中的至少一个包括消费者的个性化电子文档。该方法还包括:处理所接收的场景描述,以便用所述一个或多个可注入的场景元素替换在所述场景描述中的对应的一个或多个占位符元素,并且执行在所述场景描述中指定的所述合成和所述至少一次图像变换以产生在场景中描绘所接收的可注入的场景元素的合成场景图像。把个性化的合成场景图像嵌入到浏览器可呈现文档中以供向所述消费者显示,从而提供个性化的消费者体验。
[0025]附加的实施例包括实现所述方法的计算机可读存储介质,以及用于产生和使用灵活的场景框架以在背景场景内呈现动态产生的内容的系统。
【具体实施方式】
[0026]本发明的实施例采用新颖的场景框架以在背景场景内呈现动态产生的内容。[0027]图2是用于产生具有动态产生的内容的场景以供在浏览器中显示的系统200的框图。如所展示,系统200包括图像变形和合成引擎210、场景框架引擎220和呈现引擎230。
[0028]场景框架220接收或获取场景描述222,一幅或多幅场景图像224,以及要放置在产生的场景内的一个或多个图像/文本/文档(后文称“可注入物”)226。场景框架220产生合成场景图像228,其包含根据场景描述222合成到接收的一个或多个场景224中的可注入物224。场景描述222 (本文也称为“场景呈现代码”)使用直观语言(例如,以XML格式)实现,并且规定产生合成图像228时要在一个或多个可注入物226和/或一个或多个场景224上执行的变形和合成功能。呈现引擎230接收合成图像228并在用户的浏览器中呈现它。 [0029]场景框架220是图形合成框架,它允许把文档、图像、文本、标识、上传内容等注入到场景(这可以通过使一幅或多幅图像层叠而产生)中。合成图像的所有层都可以独立地被变形,并且附加的层叠、着色、透明度和其他层间功能被提供。场景框架220包括引擎,它使用指定的一个或多个场景222和一个或多个可注入物224执行、解释、消费或以其他方式处理场景呈现代码222。
[0030]在高层面上,框架220是用于在背景中显示定制产品的场景呈现技术。所产生的消费者定制产品的预览可以用多种方式进行变换,并且放置在更大场景的内部。图1展示了在背景场景中实现的这样产生的预览的实例,这些实例以各种各样的不同场景104a、104b、104c、104d、104e、104f 显示了消费者的名片 102。
[0031]场景可以是连串的或级联的,以使得一个场景能够是另一个场景的一部分,以此类推。场景可以包含用于可注人场景元素(比如在图1的合成场景104a、104b、104c、104d、104e、104f的每一个中的名片102)的不止一个占位符位置。
[0032]在本发明的实施例中,实现这一点是方式为以附加的图像资源装饰产品的所呈现的预览图像。先前,产生包含预览图像的场景涉及大量的软件开发工作。这种处理已经因以下几种关键组件而被极大地简化:
[0033]?图像变形和合成引擎210,它实现了在图像内灵活且无缝的文档安置。
[0034]?用于实现场景呈现代码222的直观的XML格式,场景呈现代码222允许设计者以与软件工程师最少的互动快速地实验和配置场景。
[0035]?灵活的场景框架220,用于处理场景呈现代码222。
[0036]首先转向图像变形和合成引擎210,这个组件执行图像变换和合成。图像变形和合成是从现有图像出发装配新图像的两种方法。在历史上,一直使用各种各样的技术实现它们,这些技术产生不一致的结果。不仅如此,这些技术的特设(ad hoc)本质对代码增添了不必要的复杂性。新颖的变形和合成框架提供图像变形和合成功能以呈现具有动态注入的内容的场景。
[0037]图像变形是取得源图像并把其像素移动到目标图像上的动作。按照图像变形能够描述许多典型的图像操作。例如,简单的缩放操作(如把大照片减小至缩略图)是图像变形。更复杂的变形可以涉及非线性效果,比如围绕圆柱体或球体对图像进行变形。
[0038]图像变形和合成引擎210执行图像变形和变换。在一实施例中,图像变形和合成引擎210提供执行变形的类,本文称为“Warper”类。Warper类包括静态方法Apply (目标位图、源位图、IWarp变形)。这种方法采用两个位图和指定变形本身的“Iwarp”对象。[0039]在一个实施例中,Warper类用双线性采样实现逆向变形。Warper在目标图像中的每个像素上迭代,计算出它应当来自的源图像中的位置,并且把该像素的颜色复制过来。如果该位置恰好在源图像中若干像素之间(因为往往是此情况),它将对邻近像素的颜色进行线性插值以获得结果。
[0040]有多种类型的变形。最简单的变形已知为透视变形。透视变形允许用户移动图像的角并相应地对图像进行变形。图3A-3D展示了透视变形的操作。考虑如图3A所示的合成图像301,其中在背景层图像303上将302用作合成图像中的前景层图像。在这个实例中,前景图像302将从其原始图像(即零变形,如图3A所示)通过表明角从源坐标位置到目标坐标位置的期望移动的箭头被变形至图3B中所表示的二级变形。合成图像301的剩余图像层保持不变。能够实现“PerspectiveWarp”类以允许用户指定源图像的角所对应的源坐标,以及目标图像中角的期望位置所对应的目标坐标。对前景层图像302应用变形产生了前景层图像302的变形版本304,如图3C所示。变形版本304然后与背景层图像303合成以产生图3D所示的合成图像305。
[0041]另一种类型的变形是平滑变形。平滑变形是最一般类型的变形。它意味着违抗简单数学定义的情况。例如,参考图4,假设我们希望把标识图像402变形到略微弯曲的粘性短笺的场景图像403上。在这个实例中,能够通过提供标识图像402上的纹理坐标(如texFeatures) a, b,…,r以及背景图像(即场景图像403)上其对应和期望的图像坐标(如imgFeatures) A, B,…,R,来指定平滑变形。
[0042]
【权利要求】
1.一种方法,包括: 接收实现消费者的个性化产品设计的电子文档; 接收包括计算机可读的场景呈现指令的场景描述,所述场景呈现指令用于合成至少一幅场景图像和至少一个可注入的场景元素,并且用于对所述至少一幅场景图像和所述至少一个可注入的场景元素中的至少一个执行至少一次图像变换,所述至少一个可注入的场景元素包括在所述场景描述被处理时替换在所述场景描述中的占位符元素的可变元素; 由一个或多个处理器接收所述场景描述以及一个或多个可注入的场景元素,所述一个或多个可注入的场景元素中的至少一个包括所述电子文档; 处理所接收的场景描述,以便用所述一个或多个可注入的场景元素替换在所述场景描述中的对应的一个或多个占位符元素,并且执行在所述场景描述中指定的所述合成和所述至少一次图像变换以产生在场景中描绘所接收的可注入的场景元素的合成场景图像;以及 把个性化的合成场景图像嵌入到浏览器可呈现文档中以供向所述消费者显示。
2.根据权利要求1所述的方法,其中,所述浏览器可呈现文档是网页。
3.根据权利要求2所述的方法,其中,所述网页包括交互式元件,所述交互式元件被配置为允许查看所述网页的所述消费者订购显示出所述消费者的所述个性化产品设计的产品O
4.根据权利要求3所述的方法,其中,所述消费者的所述个性化产品设计是在由所述消费者先前订购的产品上显示的设计,并且所述交互式元件允许用户再次订购更多单位的由所述消费者先前订购的所述产品。
5.根据权利要求1所述的方法,其中,所述浏览器可呈现文档是电子邮件消息。
6.根据权利要求5所述的方法,其中,所述电子邮件消息包括到如下网站的超链接,所述网站允许用户订购显示出消费者的个性化产品设计的产品。
7.根据权利要求6所述的方法,进一步包括: 通过电子邮件将所述电子邮件消息发送到所述消费者。
8.根据权利要求5所述的方法,其中,所述消费者的所述个性化产品设计是在由所述消费者先前订购的产品上显示的设计,并且所述电子邮件消息包括到如下网站的超链接,所述网站允许用户再次订购更多单位的由所述消费者先前订购的所述产品。
9.根据权利要求8所述的方法,进一步包括: 通过电子邮件将所述电子邮件消息发送到所述消费者。
10.根据权利要求1所述的方法,进一步包括: 产生所述消费者的所述个性化产品设计。
11.根据权利要求1所述的方法,其中,所述场景描述包括变形规范和合成规范,所述变形规范定义改变图像的几何形态的一种或多种几何变换,所述合成规范定义如何合成指定的场景图像和所接收的可注入的场景元素,并且指定对指定的场景图像和所接收的可注入的场景元素中的一个或多个应用一种或多种所定义的几何变换,并且其中,所述合成规范指定包括多个单独的合成描述的合成树,所述方法进一步包括: 处理所述多个单独的合成描述中的每一个,以产生相应的单独的整平的合成图像,然后处理包括所述相应的单独的合成描述的另一合成描述,并且使得在处理所述另一合成描述时替代所述相应的 单独的合成描述而使用所述相应的单独的整平的合成图像。
12.根据权利要求11所述的方法,其中,所述单独的合成描述中的至少一些被嵌套在合成树的不同层级处,并且所述相应的单独的合成图像首先根据最深的深度被产生并整平。
13.根据权利要求11所述的方法,其中,所述变形规范定义矩形变形、透射变形或平滑变形中的至少一个。
14.根据权利要求1所述的方法,在与指定的一幅或多幅场景图像不同的层上合成所接收的一个或多个可注入的场景元素。
15.根据权利要求1所述的方法,进一步包括: 在显示屏上呈现所述合成场景图像。
16.一种有形地包含程序指令的非瞬时性的计算机可读存储装置,所述程序指令在被计算机执行时实现用于产生具有动态产生的内容的场景以供显示的方法,所述方法包括: 接收实现消费者的个性化产品设计的电子文档; 接收包括计算机可读的场景呈现指令的场景描述,所述场景呈现指令用于合成至少一幅场景图像和至少一个可注入的场景元素,并且用于对所述至少一幅场景图像和所述至少一个可注入的场景元素中的至少一个执行至少一次图像变换,所述至少一个可注入的场景元素包括在所述场景描述被处理时替换在所述场景描述中的占位符元素的可变元素; 由一个或多个处理器接收所述场景描述以及一个或多个可注入的场景元素,所述一个或多个可注入的场景元素中的至少一个包括所述电子文档; 处理所接收的场景描述,以`便用所述一个或多个可注入的场景元素替换在所述场景描述中的对应的一个或多个占位符元素,并且执行在所述场景描述中指定的所述合成和所述至少一次图像变换以产生在场景中描绘所接收的可注入的场景元素的合成场景图像;以及 把个性化的合成场景图像嵌入到浏览器可呈现文档中以供向所述消费者显示。
17.根据权利要求16所述的非瞬时性的计算机可读存储装置,其中,所述浏览器可呈现文档是网页。
18.根据权利要求17所述的非瞬时性的计算机可读存储装置,其中,所述网页包括交互式元件,所述交互式元件被配置为允许查看所述网页的所述消费者订购显示出所述消费者的所述个性化产品设计的产品。
19.根据权利要求18所述的非瞬时性的计算机可读存储装置,其中,所述消费者的所述个性化产品设计是在由所述消费者先前订购的产品上显示的设计,并且所述交互式元件允许用户再次订购更多单位的由所述消费者先前订购的所述产品。
20.根据权利要求16所述的非瞬时性的计算机可读存储装置,其中,所述浏览器可呈现文档是电子邮件消息。
21.根据权利要求20所述的非瞬时性的计算机可读存储装置,其中,所述电子邮件消息包括到如下网站的超链接,所述网站允许用户订购显示出消费者的个性化产品设计的产品O
22.根据权利要求21所述的非瞬时性的计算机可读存储装置,进一步包括: 通过电子邮件将所述电子邮件消息发送到所述消费者。
23.根据权利要求20所述的非瞬时性的计算机可读存储装置,其中,所述消费者的所述个性化产品设计是在由所述消费者先前订购的产品上显示的设计,并且所述电子邮件消息包括到如下网站的超链接,所述网站允许用户再次订购更多单位的由所述消费者先前订购的所述广品。
24.根据权利要求23所述的非瞬时性的计算机可读存储装置,进一步包括: 通过电子邮件将所述电子邮件消息发送到所述消费者。
25.根据权利要求16所述的非瞬时性的计算机可读存储装置,进一步包括: 产生所述消费者的所述个性化产品设计。
26.根据权利要求16所述的非瞬时性的计算机可读存储装置,其中,所述场景描述包括变形规范和合成规范,所述变形规范定义改变图像的几何形态的一种或多种几何变换,所述合成规范定义如何合成指定的场景图像和所接收的可注入的场景元素,并且指定对指定的场景图像和所接收的可注入的场景元素中的一个或多个应用一种或多种所定义的几何变换,并且其中,所述合成规范指定包括多个单独的合成描述的合成树,所述方法进一步包括: 处理所述多个单独的合成描述中的每一个,以产生相应的单独的整平的合成图像,然后处理包括所述相应的单独的合成描述的另一合成描述,并且使得在处理所述另一合成描述时替代所述相应的单独的合成描述而使用所述相应的单独的整平的合成图像。
27.根据权利要求26所述的非瞬时性的计算机可读存储装置,其中,所述单独的合成描述中的至少一些被嵌套在合成树的不同层级处,并且所述相应的单独的合成图像首先根据最深的深度被产生并整平。
28.根据权利要求26所述的非瞬时性的计算机可读存储装置,其中,所述变形规范定义矩形变形、透射变形或平滑变形中的至少一个。
29.根据权利要求16所述的非瞬时性的计算机可读存储装置,在与指定的一幅或多幅场景图像不同的层上合成所接收`的一个或多个可注入的场景元素。
30.根据权利要求16所述的非瞬时性的计算机可读存储装置,进一步包括: 在显示屏上呈现所述合成场景图像。
31.一种用于产生个性化场景的系统,包括: 计算机可读存储装置,保持一个或多个可注入的场景元素、一幅或多幅场景图像以及一个或多个场景描述,其中,所述场景图像中的至少一幅包括用于放置可注入的场景元素的一个或多个占位符位置,并且其中,每个场景描述包括计算机可读的场景呈现指令,所述场景呈现指令用于合成至少一幅场景图像和至少一个可注入的场景元素,并且用于对所述至少一幅场景图像和所述至少一个可注入的场景元素中的至少一个执行至少一次图像变换; 一个或多个处理器,被配置为接收一个或多个可注入的场景元素,并且处理所述场景描述中的至少一个,从而把所接收的可注入的场景元素注入到在所述场景描述中指定的一幅或多幅场景图像中的对应的占位符位置,并且按照所述场景描述的指令对所接收的一个或多个可注入的场景元素和所述指定的一幅或多幅场景图像执行一种或多种图像变换以及合成,以便产生在场景中描绘所接收的一个或多个可注入的场景元素的合成场景图像。
32.根据权利要求31所述的系统,其中,所述场景描述包括: 变形规范,定义改变图像的几何形态的一种或多种几何变换;以及 合成规范,定义如何层叠指定的场景图像和所接收的可注入的场景元素,并且指定对指定的场景图像和所接收的可注入的场景元素中的一个或多个应用一种或多种所定义的几何变换。
33.根据权利要求32所述的系统,其中,所述合成规范指定包括多个单独的合成描述的合成树,所述多个单独的合成描述中的每一个被处理并整平以产生相应的单独的合成图像,其中,所述相应的单独的合成图像中的至少一个被嵌套在另一单独的合成描述内。
34.根据权利要求33所述的系统,其中,所述单独的合成描述中的至少一些被嵌套在合成树的不同层级处,并且所述相应的单独的合成图像首先根据最深的深度被产生并整平。
35.根据权利要求32所述的系统,其中,所述变形规范定义矩形变形、透射变形或平滑变形中的至少一个。
36.根据权利要求32所述的系统,其中,所述变形规范和所述合成规范以可扩展的标记语言(XML)实现。
37.根据权利要求31所述的系统,其中,在与指定的一幅或多幅场景图像不同的层上合成所接收的一个或多个可注入的场景元素。
38.根据权利要求31所述的系统,其中,所述可注入的场景元素中的至少一个包括合成场景图像。
39.根据权利要求31所述的系统,进一步包括: 呈现引擎,接收所 述合成场景图像并将其呈现在显示屏上。
【文档编号】G06T19/20GK103797518SQ201280024853
【公开日】2014年5月14日 申请日期:2012年4月11日 优先权日:2011年4月11日
【发明者】J·弗尔米恩, E·苏, N·P·伍茨 申请人:维斯塔打印瑞士有限公司

最新回复(0)