可自由组合的虚拟形象虚拟场景的形成方法

1、一种虚拟形象的形成及改变方法，其特征在于，包括如下步骤：
(1)、客户端计算机利用浏览器通过HTTP协议访问服务器端的用户注册网页，所 述服务器具有硬件和软件资源，用于响应用户利用浏览器通过计算机网络发送的请 求；
(2)、服务器验证通过用户提交的注册信息后，在服务器的数据库中建立一数据记 录存储用户的基本信息，并且该数据记录中有专用字段以字符串形式分别存放缺省 状态下用于构成缺省虚拟形象的五官、身体和服饰的GIF或PNG格式图片的编号， 以及一个存放由上述五官、身体和服饰图片形成的缺省虚拟形象的字段，其中，所 述的GIF或PNG格式图片具有同样大小尺寸，且存储在所述服务器中，每张图片具 有一个唯一的编号，每张图片的背景像素为透明像素，所述的缺省虚拟形象是按照 每张图片的z-index属性重叠而成；
(3)服务器向浏览器返回一个注册成功页面，页面中显示用户填写的基本信息和 缺省虚拟形象；
(4)、客户端计算机访问服务器端的登陆网页，并访问登陆网页上的超链接“我的 衣柜”时，运行于服务器端的页面程序首先获得客户端计算机用户的标识符，通过 该用户的标识符，从服务器端的数据库中该用户的数据记录中分别取出该用户当前 的五官、身体、服饰图片的编号；
(5)、所述页面程序先通过DHTML在当前网页中初始化一个当前形象显示区域，页 面程序先将字符串形式的编号转换为数值类型的编号，然后通过数据库中的图片数 据表将所述数值类型的编号转换为对应的图片文件名，页面程序通过JAVASCRIPT 或VBSCRIPT脚本获取所述图片文件名，在当前形象显示区域按照每张图片的 z-index属性重叠为一个完整的人物形象；
(6)、页面程序获取到服务器中用于构成虚拟形象的五官、身体和服饰的图片，并 将上述图片显示在当前网页的非当前形象显示区域中；当用户在浏览器中点击网页 上非当前形象显示区域中的某个图片A时，为每个图片设置的由SCRIPT语言编写 的点击处理程序首先检查该图片A是否已经存在于当前形象显示区域中对应的显示 层中，如果存在，点击处理程序将当前形象显示区域中该显示层的图片换成全透明 图片；如果不存在，点击处理程序将当前形象显示区域中该显示层的图片换成该图 片A；
(7)、用户在改变完虚拟形象之后，通过点击当前网页上的“保存”按钮，服务器 端的保存程序获取到用户的标识符，检索到服务器端的数据库中的该用户的数据记 录，将形成改变后的虚拟形象的图片的编号保存到该数据记录中。
2、根据权利要求1所述的方法，其特征在于：存储在服务器上的五官、身体和服 饰图片能够被增加、删除和修改。
3、根据利要求1所述的方法，其特征在于：存储在服务器上的五官、身体和服饰 图片存放于服务器的目录下，并允许用户经HTTP协议访问。

技术领域\n本发明涉及的是一种通过社区网站提供的各种基本图片，或可个人输入图片并 将它们组合成行走于虚拟社区的虚拟形象、虚拟场景的形成方法。\n背景技术\n现有技术中，互联网社区网站通常由以下方式实现，首先需要以下软硬件设备：\n(1)服务器端\n用于WEB服务的专用服务器；\n安装有操作系统(NT、W2K、LINUX等)；\n安装有提供WEB服务所需的服务器软件(如IIS、APACHE等)；\n安装有TCP/IP协议并通过以太网适配器及网线连接至国际互联网；\n安装有用于存放用户资料或社区数据的数据库软件；\n相应的程序代码，能够接受并处理用户操作请求，并根据社区功能生成并输入 符合HTML标准的网页；\n(2)客户端\n安装有支持HTTP、JAVASCRIPT或VBSCRIPT的浏览器的个人计算机；\n安装有TCP/IP协议并有能够接入国际互联网的稳定或临时连接；\n传统的图形化社区网站没有提供本发明所提供的“虚拟形象”，用户只能在系 统提供的固定范围内，单调的从指定图片集合中选择自己的头像作为用户个人身份 及属性的图形化标识，同时在各项社区活动中也只能使用系统设定的固定的页面风 格和背景图片。\n类似于本发明的现有的社区网站中“用户头像”的技术实现方式和流程基本如 下：\n用户头像产生---客户端计算机的浏览器通过HTTP协议访问服务器端的用户注 册网页，服务器端在接收到用户的访问请求后会向用户的浏览器返回一个事先设计 好的HTML用户注册表单，在此表单中包括了用户基本信息输入项的文本框(如用 户名、密码、电子邮件地址等)，同时允许用户通过点击单选项方式从页面中给出 的若干个头像图片，这些头像图片是由制作者在页面中用HTML代码引用的静态 Gif格式、动态Gif格式或Jpg格式的图片，也有个别社区网站允许用户上传一幅符 合JPG或GIF标准的图片，每幅图片中的每个象素均是提前通过图形软件制作而成 并上传至服务器端的，用户只能选择其中之一作为在此社区网站中代表自己形象的 头像图片，用户无权也没有任何方式可以改变这些图片文件本身。作为自己在社区 网站中的头像。当用户确定了自己选择后，浏览器会将该头像图片的ID号提交至 服务器端，服务器端将该用户的用户名、登录密码、ID号及其选择的头像图片的ID 号(或文件名)一并存入服务器端数据库该用户的数据记录中。用户选择的头像图 片均为网站制作人员事先制作完成的固定图片，用户无权也不可能仅利用浏览器对 头像图片的内容进行任何修改。\n头像的调用\n(1)登录调用----当用户在客户端浏览器打开社区网站页面，并向服务器端提 交自己的登录用户名和口令，服务器端的ASP或PHP登录程序将在数据库中搜索 该用户的注册记录并进行身份验证，由于用户名的唯一性，验证无误后登录程序即 可以会从数据库中获取该用户选择的头像图片文件目录及文件名，并从服务器中获 取该图片文件，通过HTTP协议将图片发送到客户端浏览器，显示于页面指定位置 直接显示。在登录后，登录程序会将该用户的ID号返回到客户端并于浏览器保存 于缓存中。\n(2)其它调用----当服务器端某个页面中需要调用显示某个特定用户的头像时， 页面生成程序中嵌入的服务器脚本程序会从浏览器缓存中将该用户ID提交到数据 库，由于用户ID也有唯一性，故通过数据库检索就可以返回该用户对应的头像图 片文件名，页面生成程序在存放该头像图片的目录中将该图片取出并通过HTTP协 议发送到用户端浏览器上直接显示。\n头像的更换----用户需要更换自己的头像时，可以用客户端浏览器访问用户信息 修改页，修改页提供了一个与注册网页相同的HTML表单，但该页面是由服务器端 的页面程序生成的，页面程序会在数据库中搜索该用户的信息记录，并将其嵌入生 成的页面中，包括已经填写的内容及目前的选择状态。用户可以在这个表单改变头 像图片的选择，并确定提交该表单，浏览器会将用户ID号以及新的选择、包括新 的“用户头像”图片的ID号提交到服务器端，服务器端程序在接收到客户端发送 的用户ID号及头像图片ID号后，会修改数据库中对应的用户记录，以新的头像图 片ID替换旧的ID。\n之后，当页面中需要调用该用户的头像图片时，页面程序再次搜索数据库时就 会根据新的头像图片ID，取出新的头像图片，通过HTTP协议发送到客户端浏览器， 头像图片即被改变。\n在以上过程中，用户选择的头像图片均为网站制作人员事先制作完成的固定图 片，用户只能在这些图片中进行选择，而无权也无法仅利用浏览器对头像图片的内 容进行任何修改。\n背景色及背景图片------客户端的用户通过浏览器进入了可以改变背景色和 背景图片的网页，在网页的背景选择项中选中自己想要的背景色或背景图片名称 (或文件名)，点击确认按钮浏览器会将该背景色或背景图片的编号信息发送到服 务器端，服务器在接到编号后将其转换成对应的颜色值或图片文件名，并返回到用 户的浏览器中，浏览器在得到服务器响应后开始接收颜色数值或图片数据，并通过 页面的SCRIPT语言将该背景色或背景图片设置成为HTML网页的背景。在这种方 式中，背景图片同样是由网站制作人事先制作完成的固定图片，用户也不可能对图 片的内容进行修改。\n以上描述的是当前社区网站普遍采用的技术，在此基础上，也有一些技术对此 进行过改进，例如，名称为“使用户可以从万维网服务器选择外壳的方法和系统” 的中国专利申请CN00133814公开了一种方法，该方法包括一万维网服务器，用户 可以从中选择并抽取网页布局，生成可替换的格式化网页和用户选择的布局。但该 专利技术主要对互联网网站的页面布局加入了个性化设置，并未涉及用户虚拟形象 和虚拟场景的改进。\n发明内容\n本发明的主要目的在于抛弃原有社区网站中只能从固定图片中选择头像或背 景图片的方案，而提供给用户一种能够自由搭配组合从而创造各不相同的个性化虚 拟形象以及虚拟场景或网页的方法。\n本发明的核心技术在于将完整的虚拟形象、虚拟场景拆分成为各种基本图片元 素，同时根据特定的规则利用现有技术将图片元素搭配整合输出成为完整图片的程 序，并通过HTTP方式向终端用户提供以上功能。\n本发明所述的目的可以通过以下方式得以实现：\n(1)、用户形象产生-----用户首先通过浏览器的静态HTML表单完成传统的用 户注册过程，但在新的注册表单中不包括头像图片这一选择项。在用户完成表单并 向服务器端提交后，服务器中的有关程序处理并验证表单中包含的用户基本信息。 验证通过后，服务器在数据库中建立一数据记录存储用户的基本信息。为了给用户 建立虚拟形象，数据记录中还保留了专用字段以字符串形式分别存放该用户当前穿 着元素和当前拥有元素(五官、身体、服饰)的编号，以及缺省状态下用户的形象 图片(GIF或PNG格式)。缺省状态下系统会自动将存放穿着和拥有元素的两个字 段设定为与缺少形象相符的值，即由缺省状态用户形象中的各个元素构成的字符 串。完成以上步骤后，服务器向浏览器返回一个注册成功页面，页面中将显示出用 户填写的基本信息，以及缺省的用户形象图片。\n(2)、用户形象修改和再生成：当用户希望修改自己的形象时，可以在登录状 态下进入虚拟形象生成系统提供的“我的衣柜”页面。\n(3)、我的衣柜：当用户浏览器调动该“我的衣柜”页面时，运行于服务器端 的页面程序首先会获得该用户的ID编号。通过该用户的ID，从数据库中分别取出 该用户的当前穿着元素和当前拥有元素编号字符串。\n之后，页面程序通过DHTML在页面中初始化一个当前形象显示区域，该区域 由多个(几十至几百个)同样大小尺寸的完全透明的GIF或PNG图片重叠构成，并 通过z-index属性将每幅图片置于不同的显示层上。其中，PNG的英文名称为 Portable Network Graphics，即可移植的网络图像，PNG是一种光栅类型的图形 文件格式，PNG格式使用无损压缩，允许使用类似于GIF格式的调色板技术，支持 真彩色图像，并具备alpha通道(半透明)等特性；而z-index属性是DHTML中各元 素的一种固有属性，他指定当两个或多个元素占据同一区域时应该按什么顺序绘制 元素，只要在文档中使用覆盖其他元素的绝对位置或相对位置的元素，就可以通过 设置z-index来达到目的。页面程序将之前获取的该用户当前穿着元素的编号字 符串，转换为独立的元素编号，并通过数据库中的元素图片数据表将编号转换为元 素对应的图片名，每个服饰元素的图片命名都会依据了一定的规则，在图片名中包 含了该图片所属的类别(如脸、眼、衬衫、裤子等等，以字母代表)、显示时所处 的显示层(以数字形式)、是否有相关的图片需要同时显示(以字母代表)。页面程 序通过JAVASCRIPT或VBSCRIPT用已经获取的当前穿着元素的图片文件名，在 相应的显示层上依次替代初始化形象显示区时所采用的全透明GIF和PNG图片。 由于每个元素图片中除有效像素外，其它区域均为透明像素，所以最终将在页面中 产生一个由多个图片叠加构成的完整的人物形象。\n本发明所述的页面程序将获取的当前拥有元素的编号字符串进行处理转换为 元素图片名，将图片列表显示在“我的衣柜”页面的衣柜列表中，并为每个图片设 置由SCRIPT语言编写的点击处理程序。\n当用户在浏览器中点击衣柜列表中的某个元素图片时，点击处理程序会首先检 查该元素是否已经存在于形象显示区域中对应的显示层中，如果存在，点击处理程 序将形象显示区域中该显示层的图片换成初始状态下的全透明图片，完成“脱衣” 功能；如果不存在，点击处理程序将形象显示区域中该显示层的图片换成该元素图 片，完成“穿衣”功能。\n本发明包括一套完整的虚拟形象及场景生成的规则体系，用以在服饰或场景元 素发生变化时，动态地监测这种变化对整个形象和场景的显示结果的影响，并据此 自动增加或删除部分元素，从而保证了显示结果的正确性。\n(4)保存修改：用户在“我的衣柜”中重复进行穿衣脱衣操作即可灵活的改变自 己的虚拟形象，整个过程中用户可以通过浏览器实时观察到自己形象的变化，如果 用户对形象显示区域中的虚拟形象满意，可以点击“我的衣柜”中的“保存”按钮 这时“我的衣柜”页面将会向服务器端的“服饰保存程序”提交用户ID，以及当前 在形象显示区域各层中显示的图片名。\n服饰保存程序在接收到这些数据后，通过一个图片合成程序，将形象显示区域 中的多层图片叠加合成为一个GIF或PNG图片做为用户的当前形象图片，同时通 过数据库查询将元素图片名逆向转换为元素ID号，组合成新的当前穿着元素字符 串，保存到数据中该用户对应的记录中。\n(5)元素扩充：在系统对用户的当前拥有元素编号字符串进行初始化时，每个用 户拥有的五官、服饰、身体数量和种类都是完全一样的，为了让更多用户灵活生成 个性化的虚拟形象，本发明所述的虚拟形象Avatar系统向用户提供了元素扩充的方 式，即虚拟形象商城。\n在虚拟形象商城中，网页由若干个帧(FRAME或IFRAME)构成，其中一个 帧(称为A)中以类似“我的衣柜”页的方式构建一个用户当前形象的展示区，另 一个主要的帧(称为B)中分类列出了所有可供用户选择的元素图片及其价格和介 绍，在虚拟商城页面被读取到用户浏览器中的同时，浏览器还下载了一段与“我的 衣柜”中的点击处理程序相似的SCRIPT代码，用户点击了B帧中的某个元素图片 时，程序会依据图片名中包含的信息将A帧特定显示层中正在的显示的图片替换为 新的元素图片，即完成了服饰试穿过程。\n如果用户希望得到某个新的元素，可以通过虚拟商城的购物车和支付系统完成 元素使用权购买(购买流程与传统的B2C电子商务网站形式完全相同)，新购买的 元素编号将被系统直接添加到该用户在数据库中的“拥有元素编号字符串”中，这 样用户再次进入“我的衣柜”时，就可以看到新购买的元素已经存在于列表中了。\n(6)虚拟场景---用户在虚拟商城中不但可以购买虚拟元素图片的使用权，还可以 购买到虚拟场景图片的使用权。虚拟场景图片不同于传统社区中的单图片页面背 景，它与虚拟形象元素的方式类似，是一种可以组合叠加的场景图片元素，所有场 景图片元素均以GIF或PNG格式存放于服务的某个目录下，并允许用户经HTTP 协议访问。用户经购买拥有的场景图片元素以编号的字符串方式保存于数据库的用 户数据记录中。\n当用户的浏览器打开了具有虚拟场景的虚拟形象社区网页中，用于生成该页面 的ASP程序会查询该用户在数据库中的记录，找到该用户所拥有的，可以在该网页 中显示的场景图片元素编号字符串，将其转换成为一系列的图片文件名，并根据每 个场景图片文件名中包含的显示属性叠加显示成页面的背(景虚拟场景)。文件名 中的显示属性包括起始位置属性(通过数字标识)、显示层属性(通过数字标识)、 关联操作属性(以字母形式标识)。\n本发明中，除特别指出的，其他的操作程序都可以直接利用现有技术，或，本 领域技术人员在理解本发明后，都能够利用现有的编程软件编制而成。\n本发明所述的含有虚拟形象、虚拟场景的虚拟社区，给客户端提供了极强的个 性化表现能力、丰富的参与内容和逼真的现实感受，该设计克服了现有技术的局限 性，为用户提供了自由灵活的人物形象及装束的设计功能和场景布置功能，使得用 户在虚拟的互联网社区中同样可以体验到现实生活的自由和乐趣。\n附图说明\n附图1是本发明所述的虚拟形象(Avatar形象)生成流程；\n具体实施方式\n本实施方式中，所采用的协议、硬件以及图片格式以及叠加方式均在上述发明 内容中说明，在此不再赘述。\n本发明所述的网络虚拟社区除了包括传统虚拟社区的所有功能，其特点在于提 供了一种虚拟形象、虚拟场景的设计方法，以及采用这种方法的系统。\n本发明所述上的虚拟形象包括头部形象的组合设计，以及该人物参加社区网络 上各种活动需要的一切物品，例如，内外衣物，服饰、首饰、鞋帽等等用品。\n以下是利用本发明所述的虚拟形象的形成过程：\n(1)头像设计\n当一位用户注册成为所述的虚拟社区的用户后，用户可以上传一幅自己的真实 照片，并通过虚拟社区提供的头像转换生成功能，建立一个属于自己的卡通头像。\n如果用户希望使用一个与现实生活中不同全新的形象，也可以借助虚拟社区提 供的虚拟头像组合工具，通过选择自己喜欢的五官样式，组合出一个自己满意的头 像。\n由于本发明所述的虚拟形象、虚拟场景生成系统提供了丰富的并且可自由组合 的五官元素，无异于给了社区用户成千上万种的选择。\n(2)身体的选择\n用户在Avatar系统提供的身体元素中选择自己喜欢的身体样式，包括胖瘦、 三围尺寸等，从而为后续选择中清楚地表达个性作好准备。\n(3)生活用品的选择\n在用户“制造”了自己的虚拟形象后，需要为虚拟形象选择购买虚拟的服饰和 装束等，虚拟服饰装束品种款式繁多，现实生活中的各种服饰包括许多著名名牌最 新应季服饰的都可以在Avatar的虚拟服饰商店里买到，具体如下：\n(a)用户可以凭自己的喜好，任意选择不同款式的内衣、袜子、鞋、西服、大 衣、晚礼服等等，组合搭配。\n(b)外衣\n(c)首饰\n(d)其他用品\n本发明所述虚拟形象及场景生成系统具备服饰关系检测功能，动态地监测用户 选择穿戴的新的服饰，会自动增加或删除相关的服饰，保证了用户整体着装的合理 性。\n(4)各用户可以推荐或制作用品赠送\n(5)本发明所述的Avatar社区在传统社区基础上还提供了虚拟服饰商城；\n(6)虚拟装饰建材城、\n(7)二手服饰市场、\n(8)自选场景合影、\n(9)手机头像短信发送等独有的功能。\n以下是本发明所述的虚拟形象(Avatar形象)生成流程：\n步骤一：注册成为会员，填写必要的个人信息\n步骤二：选择自己的脸型\n步骤三：选择自己的眼睛\n步骤四：选择自己的鼻子和嘴\n步骤五：选择身体\n步骤六：购买服饰\n(1)进入虚拟商店，先来买发套\n(2)再买件上衣\n(3)再买条裤子\n(4)还可以选择更多其它的服饰，道具，可以自由组合。\n步骤七：保存和调整形象\n按下保存按钮，就可以生成自己喜欢的虚拟形象了.\n从本发明所述的虚拟商城中买来的服饰都放在你的衣柜中，只要打开自己的衣 框，就可以随时调整虚拟形象的的穿着。也可以到商城买更多的衣物存放在自己的 衣柜中。\n本发明所述的虚拟形象在社区中的使用：\n生成的虚拟形象可在社区的各个功能模块中使用，用于代表用户个人的形象。\n例如，虚拟拍照，由虚拟形象一起参与的“合影”，背景由用户选择，即可以 是真实的照片，也可以是卡通化的布景；还可以根据用户需要显示出合影者的名字 和个人信息。\n本发明所述的虚拟形象、场景还可以用于虚拟聊天室等处。