CN117911615A - 一种虚拟生物体生成方法及装置 - Google Patents
一种虚拟生物体生成方法及装置 Download PDFInfo
- Publication number
- CN117911615A CN117911615A CN202311870764.1A CN202311870764A CN117911615A CN 117911615 A CN117911615 A CN 117911615A CN 202311870764 A CN202311870764 A CN 202311870764A CN 117911615 A CN117911615 A CN 117911615A
- Authority
- CN
- China
- Prior art keywords
- dimensional
- page
- dimensional virtual
- virtual organism
- model
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 238000009877 rendering Methods 0.000 claims abstract description 19
- 238000004806 packaging method and process Methods 0.000 claims description 26
- 238000003860 storage Methods 0.000 claims description 8
- 230000008676 import Effects 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 9
- 238000011161 development Methods 0.000 description 4
- 230000003190 augmentative effect Effects 0.000 description 3
- 238000004590 computer program Methods 0.000 description 3
- 238000010276 construction Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013135 deep learning Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012856 packing Methods 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Computer Graphics (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Geometry (AREA)
- Software Systems (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请涉及3D建模技术领域，具体涉及一种虚拟生物体生成方法及装置，该方法包括：接收通过浏览器上传的二维生物体图像，生成该二维生物体图像对应的三维虚拟生物体模型，将该三维虚拟生物体模型加载到超文本页面；其中，该超文本页面为预先加载有用于运行三维模型的插件的页面文件；最后通过该超文本页面对应的页面链接，将该三维虚拟生物体模型渲染显示在该浏览器上。在上述方案中，本申请无需安装任何软件，将开发的超文本页面部署到服务器上，通过该超文本页面对构建出三维虚拟生物体模型进行渲染显示，用户只需要访问该超文本页面的页面链接，然后上传自己的二维生物体图像，就可以直接在浏览器中渲染出对应的三维虚拟生物体模型。
Description
技术领域
本申请涉及3D建模技术领域，具体涉及一种虚拟生物体生成方法及装置。
背景技术
创建3D头像是指使用某种技术或工具，将2D图像或照片转换为3D模型的过程，其通常用于游戏、电影制作、虚拟现实和增强现实等领域。
目前，常采用AvatarSDK工具包创建3D头像，AvatarSDK的核心功能是将人类面部和身体的运动转换为数字信号，从而创建一个可以在虚拟世界中使用的数字人。它使用深度学习和计算机视觉技术，可以根据输入的2D图像和标准人体测量值创建3D角色模型，同时支持将静态图片转换为动态模型以后生成的动画。此外，AvatarSDK还提供了一套易于使用的API，这个API可以帮助开发者快速集成AvatarSDK技术，并简化开发工作。可见，AvatarSDK是一种强大的工具，可以帮助开发者创建高度逼真的3D虚拟化身，为虚拟现实、增强现实和游戏开发等领域带来更多的可能性。
但在上述方案中，由于AvatarSDK本身的局限性，用户上传图片后生成虚拟人模型无法直接在浏览器中查看和交互，且市场上也没有工具支持浏览器直接预览3D模型，只能通过安装3D建模工具如3DMax、blender等软件来查看，流程较为繁琐。
发明内容
有鉴于此，本申请实施例提供了一种虚拟生物体生成方法及装置，可以直接在浏览器中查看和交互所生成的虚拟人模型。
第一方面，本申请提供了一种虚拟生物体生成方法，所述方法包括：
接收通过浏览器上传的二维生物体图像；
生成所述二维生物体图像对应的三维虚拟生物体模型；
将所述三维虚拟生物体模型加载到超文本页面；其中，所述超文本页面为预先加载有用于运行三维模型的插件的页面文件；
通过所述超文本页面对应的页面链接，将所述三维虚拟生物体模型渲染显示在所述浏览器上。
根据上述技术手段，本申请无需安装任何软件，开发出一个超文本页面，将其部署到服务器上，通过该超文本页面构建出三维虚拟生物体模型，并对其进行渲染显示，因此，用户只需要访问该超文本页面的页面链接，然后上传自己的二维生物体图像，就可以在浏览器中生成对应的三维虚拟生物体模型。
结合第一方面，在一种实施方式中，在所述接收通过浏览器上传的二维生物体图像之前，所述方法还包括：
在浏览器中搭建三维虚拟生物体生成项目；
在所述三维虚拟生物体生成项目中引入Three.js框架，并对所述三维虚拟生物体生成项目的超文本页面进行编写；所述超文本页面包括人物头像上传页面以及展示3D数字人容器页面；
对编写后的所述三维虚拟生物体生成项目进行打包，并将打包后的所述三维虚拟生物体生成项目部署在服务器上。
根据上述技术手段，本申请使用Three.js框架对该三维虚拟生物体模型进行渲染显示，使其可以直接呈现在浏览器中。
结合第一方面，在一种实施方式中，所述在浏览器中搭建三维虚拟生物体生成项目，包括：
创建目标空文件夹，并确定所述目标空文件夹的项目打包入口、超文本页面生成模板以及项目配置文件；
通过命令行工具初始化资源包管理器，并安装webpack打包工具；
在所述项目配置文件中添加配置项，并对添加后的所述目标空文件夹进行打包，以搭建出所述三维虚拟生物体生成项目。
结合第一方面，在一种实施方式中，所述在所述三维虚拟生物体生成项目中引入Three.js框架，包括：
通过npm命令，在所述三维虚拟生物体生成项目中安装three.js框架，并将所述three.js框架引入至所述超文本页面中。
结合第一方面，在一种实施方式中，所述接收通过浏览器上传的二维生物体图像，包括：
生成所述超文本页面对应的页面链接；
通过所述人物头像上传页面获取用户通过访问所述页面链接，在浏览器中上传的二维生物体图像。
根据上述技术手段，在本申请中，用户可以访问该超文本页面的页面链接，然后上传自己的二维生物体图像，就可以在浏览器中生成对应的三维虚拟生物体模型。
结合第一方面，在一种实施方式中，所述生成所述二维生物体图像对应的三维虚拟生物体模型，包括：
通过所述人物头像上传页面将所述二维生物体图像上传至AvatarSDK工具包所提供的api接口，以通过所述AvatarSDK工具包构建出所述二维生物体图像所对应的三维虚拟生物体模型。
根据上述技术手段，本申请使用Three.js框架和AvatarSDK工具包提供的生成三维虚拟生物体模型的api接口开发一个超文本页面，部署到服务器上，通过该AvatarSDK工具包建出所述二维生物体图像所对应的三维虚拟生物体模型，通过该Three.js框架将该三维虚拟生物体模型直接渲染显示在浏览器中。
结合第一方面，在一种实施方式中，所述将所述三维虚拟生物体模型加载到超文本页面，包括：
通过所述Three.js框架将所述三维虚拟生物体模型渲染至所述展示3D数字人容器页面，以对渲染出的所述三维虚拟生物体模型进行显示。
第二方面，本申请提供了一种虚拟生物体生成装置，所述装置包括：
二维生物体图像接收模块，用于接收通过浏览器上传的二维生物体图像；
三维虚拟生物体模型生成模块，用于生成所述二维生物体图像对应的三维虚拟生物体模型；
超文本页面加载模块，用于将所述三维虚拟生物体模型加载到超文本页面；
浏览器显示模块，用于通过所述超文本页面对应的页面链接，将所述三维虚拟生物体模型渲染显示在所述浏览器上。
第三方面，本申请提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现上述的一种虚拟生物体生成方法。
第四方面，本申请提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述至少一条指令由处理器加载并执行以实现上述的一种虚拟生物体生成方法。
本申请提供的技术方案可以包括以下有益效果：
本申请通过超文本页面对应的页面链接接收用户通过浏览器上传的二维生物体图像，基于AvatarSDK工具包生成该二维生物体图像对应的三维虚拟生物体模型，并通过Three.js框架将该三维虚拟生物体模型渲染至该超文本页面；最后通过超文本页面对应的页面链接，将三维虚拟生物体模型渲染显示在所述浏览器上；
在上述方案中，申请无需安装任何软件，使用Three.js框架和AvatarSDK工具包提供的生成三维虚拟生物体模型的api接口开发一个超文本页面，部署到服务器上，即可通过该AvatarSDK工具包建出所述二维生物体图像所对应的三维虚拟生物体模型，通过该Three.js框架将该三维虚拟生物体模型直接渲染显示在浏览器中，因此，用户只需要访问该超文本页面的页面链接，然后上传自己的二维生物体图像，就可以在浏览器中生成对应的三维虚拟生物体模型。
附图说明
为了更清楚地说明本申请具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是根据一示例性实施例示出的一种虚拟生物体生成方法的方法流程图。
图2是根据一示例性实施例示出的一种虚拟生物体生成方法的方法流程图。
图3是根据一示例性实施例示出的一种虚拟生物体生成方法的方法流程图。
图4是根据一示例性实施例示出的一种虚拟生物体生成装置的结构方框图。
图5示出了本申请一示例性实施例示出的计算机设备的结构框图。
具体实施方式
下面将结合附图对本申请的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
AvatarSDK是一个软件开发工具包，允许开发人员创建3D头像，这些头像可以在各种应用程序中使用，例如虚拟现实游戏，增强现实应用程序和社交媒体平台；AvatarSDK使用机器学习算法从2D图像生成高质量的3D头像。它是创建个性化数字体验的强大工具，可以在各种行业中使用，从娱乐到医疗保健。
Three.js是JavaScript编写的WebGL第三方库，其提供了非常多的3D显示功能，是一款运行在浏览器中的3D引擎，可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象，最终在页面上呈现出3D效果。
由于AvatarSDK的局限性，用户上传图片后生成虚拟人模型无法直接在浏览器中查看和交互，且市场上也没有工具支持浏览器直接预览3D模型，只能通过安装3D建模工具来查看，因此本申请提出了借助于Three.js框架来加载AvatarSDK生成的虚拟人模型，来实现在浏览器中查看虚拟人效果的目的。
图1是根据一示例性实施例示出的一种虚拟生物体生成方法的方法流程图。如图1所示，该方法可以包括如下步骤：
步骤S101、接收通过浏览器上传的二维生物体图像。
在一种可能的实施方式中，由于本申请需要在浏览器上渲染出三维虚拟生物体模型，因此，本实施例首先接收浏览器上传的二维物体图像，该二维物体图像可以是用户通过用户端上传的2D头像，也就是说，用户在需要构建出3D效果的虚拟人像时，将待转换的2D头像通过自己的用户端上传至浏览器，以进行后续的三维构建，从而得到2D头像所对应的3D头像。
步骤S102、生成该二维生物体图像对应的三维虚拟生物体模型。
在一种可能的实施方式中，本实施例预先使用Three.js框架和AvatarSDK工具包提供的生成三维虚拟生物体模型的api接口开发出一个超文本页面，在获取待转换的2D头像后(即上述二维生物体图像)，本实施例通过该超文本页面调用AvatarSDK工具包所提供的api接口，通过AvatarSDK工具包构建出该2D头像所对应的3D头像，即上述三维虚拟生物体模型。
步骤S103、将该三维虚拟生物体模型加载到超文本页面；其中，该超文本页面为预先加载有用于运行三维模型的插件的页面文件。
在一种可能的实施方式中，在得到构建出该三维虚拟生物体模型后，本实施例还通过该超文本页面中引入的Three.js框架对该三维虚拟生物体模型进行加载，并渲染至超文本页面。
进一步的，上述的该超文本页面为预先加载有用于运行三维模型的插件的页面文件，也就是说，该超文本页面中引入了Three.js框架以及AvatarSDK工具包提供的生成三维虚拟生物体模型的api接口，其通过在浏览器中搭建三维虚拟生物体生成项目来实现。
步骤S104、通过该超文本页面对应的页面链接，将该三维虚拟生物体模型渲染显示在该浏览器上。
在一种可能的实施方式中，本实施例在将该三维虚拟生物体模型加载并渲染至超文本页面后，为了在浏览器中对该三维虚拟生物体模型进行显示，可以通过该超文本页面对应的页面链接，将该三维虚拟生物体模型渲染显示在该浏览器上，此时该三维虚拟生物体模型就可以直接渲染显示在浏览器中；也就是说，用户只需要访问该超文本页面的页面链接，然后上传自己的二维生物体图像，就可以在浏览器中生成对应的三维虚拟生物体模型。
综上所述，本申请通过超文本页面对应的页面链接接收用户通过浏览器上传的二维生物体图像，基于AvatarSDK工具包生成该二维生物体图像对应的三维虚拟生物体模型，并通过Three.js框架将该三维虚拟生物体模型渲染至该超文本页面；最后通过超文本页面对应的页面链接，将三维虚拟生物体模型渲染显示在所述浏览器上；
在上述方案中，申请无需安装任何软件，使用Three.js框架和AvatarSDK工具包提供的生成三维虚拟生物体模型的api接口开发一个超文本页面，部署到服务器上，即可通过该AvatarSDK工具包建出所述二维生物体图像所对应的三维虚拟生物体模型，通过该Three.js框架将该三维虚拟生物体模型直接渲染显示在浏览器中，因此，用户只需要访问该超文本页面的页面链接，然后上传自己的二维生物体图像，就可以在浏览器中生成对应的三维虚拟生物体模型。
图2是根据一示例性实施例示出的一种虚拟生物体生成方法的方法流程图。如图2所示，该方法可以包括如下步骤：
步骤S201、在浏览器中搭建三维虚拟生物体生成项目。
在一种可能的实施方式中，该步骤S201，包括：
创建目标空文件夹，并确定该目标空文件夹的项目打包入口、超文本页面生成模板以及项目配置文件；
通过命令行工具初始化资源包管理器，并安装webpack打包工具；
在该项目配置文件中添加配置项，并对添加后的该目标空文件夹进行打包，以搭建出该三维虚拟生物体生成项目。
进一步的，请参见图3示出的一种虚拟生物体生成方法的方法流程图，本实施例首先搭建项目，即上述三维虚拟生物体生成项目；搭建项目指的是在浏览器中生成三维虚拟生物体生成项目的目录结构，由于这个项目需要在浏览器中运行，因此，搭建项目结构是为了在开发过程中安装依赖资源，以及在项目开发完成后进行代码的打包，打包后的代码才能运行在浏览器上。
如上所述，搭建三维虚拟生物体生成项目的具体步骤包括：
1、创建一个目标空文件夹，以main.js作为项目打包入口，index.html作为打包生成html页面的模板(即上述超文本页面生成模板)，package.json作为项目的配置文件；
2、通过命令行工具执行npminit-y命令初始化资源包管理器，为后续安装项目资源做准备；
3、通过npminstall webpack--save-dev命令安装webpack打包工具；
4、在package.json命令中添加"build"配置项，即build:webpack，然后通过npmrun build命令就可以进行打包，以搭建出该三维虚拟生物体生成项目。
步骤S202、在该三维虚拟生物体生成项目中引入Three.js框架，并对该三维虚拟生物体生成项目的超文本页面进行编写；该超文本页面包括人物头像上传页面以及展示3D数字人容器页面。该人物头像上传页面用于获取浏览器上传的二维生物体图像，并将该二维生物体图像上传至AvatarSDK工具包所提供的api接口，以通过该AvatarSDK工具包构建出该三维虚拟生物体模型；该展示3D数字人容器页面用于对该三维虚拟生物体模型进行渲染并显示；
在一种可能的实施方式中，该步骤S202，包括：
通过npm命令(即下述npminstall three--save命令)，在该三维虚拟生物体生成项目中安装three.js框架，并将该three.js框架引入至该超文本页面中。
进一步的，如图3所示，搭建完项目后，引入插件three.js，并编写超文本页面，如上所述，该引入Three.js框架的具体步骤包括：
1、通过npminstall three--save命令安装three.js框架。
2、通过import three from‘three’的方式引入three.js到html中。
如图3所示，对该三维虚拟生物体生成项目的超文本页面进行编写的具体步骤包括：
1、编写上传头像的入口页面(即编写该人物头像上传页面)，用来获取用户上传头像的头像图片，把用户的头像图片上传到AvatarSDK工具包提供的api接口。
2、编写展示3D数字人容器页面(即编写该展示3D数字人容器页面)，用户的头像图片上传到AvatarSDK工具包提供的api接口后会返回一个gltf模型文件(即三维虚拟生物体模型所对应的文件)，然后用three.js框架提供的GLTFLoader加载器加载gltf模型文件到html页面(即上述超文本页面)中，然后用THREE.WebGLRenderer方式将三维虚拟生物体模型渲染到html(即上述超文本页面)中。
在一种可能的实施方式中，在该步骤S202之后，对编写后的该三维虚拟生物体生成项目进行打包，并将打包后的该三维虚拟生物体生成项目部署在服务器上；即对编写后的该三维虚拟生物体生成项目以及压缩代码进行打包，以获取压缩后的超文本页面；
将压缩后的该超文本页面部署在服务器上。
进一步的，对编写后的该三维虚拟生物体生成项目进行打包部署的具体步骤包括：
1、使用webpack打包工具打包该三维虚拟生物体生成项目，npm run build命令打包压缩代码，打包后会生成一个压缩后的html页面(即上述超文本页面)。
2、将压缩后的html页面部署到服务器上。
步骤S203、生成该超文本页面对应的页面链接，并通过该人物头像上传页面获取用户通过访问该页面链接，在浏览器中上传的二维生物体图像。
进一步的，该页面链接用于进行用户访问，以通过浏览器上传该二维生物体图像。
步骤S204、通过人物头像上传页面将该二维生物体图像上传至AvatarSDK工具包所提供的api接口，以通过该AvatarSDK工具包构建出该二维生物体图像所对应的三维虚拟生物体模型。
进一步的，该人物头像上传页面相当于头像上传入口，即二维生物体图像的上传入口。
步骤S205、通过该Three.js框架将该三维虚拟生物体模型渲染至该展示3D数字人容器页面，以对渲染出的该三维虚拟生物体模型进行显示。
进一步的，该展示3D数字人容器页面相当于三维虚拟生物体模型的渲染显示页面。
步骤S206、通过该超文本页面对应的页面链接，将该三维虚拟生物体模型渲染显示在该浏览器上。
综上所述，本申请通过超文本页面对应的页面链接接收用户通过浏览器上传的二维生物体图像，基于AvatarSDK工具包生成该二维生物体图像对应的三维虚拟生物体模型，并通过Three.js框架将该三维虚拟生物体模型渲染至该超文本页面；最后通过超文本页面对应的页面链接，将三维虚拟生物体模型渲染显示在所述浏览器上；
在上述方案中，申请无需安装任何软件，使用Three.js框架和AvatarSDK工具包提供的生成三维虚拟生物体模型的api接口开发一个超文本页面，部署到服务器上，即可通过该AvatarSDK工具包建出所述二维生物体图像所对应的三维虚拟生物体模型，通过该Three.js框架将该三维虚拟生物体模型直接渲染显示在浏览器中，因此，用户只需要访问该超文本页面的页面链接，然后上传自己的二维生物体图像，就可以在浏览器中生成对应的三维虚拟生物体模型。
图4是根据一示例性实施例示出的一种虚拟生物体生成装置的结构方框图。该装置包括：
二维生物体图像接收模块401，用于接收通过浏览器上传的二维生物体图像；
三维虚拟生物体模型生成模块402，用于生成该二维生物体图像对应的三维虚拟生物体模型；
超文本页面加载模块403，用于将该三维虚拟生物体模型加载到超文本页面；
浏览器显示模块404，用于通过该超文本页面对应的页面链接，将该三维虚拟生物体模型渲染显示在该浏览器上。
在一种可能的实施方式中，该装置，还用于：
在浏览器中搭建三维虚拟生物体生成项目；
在该三维虚拟生物体生成项目中引入Three.js框架，并对该三维虚拟生物体生成项目的超文本页面进行编写；该超文本页面包括人物头像上传页面以及展示3D数字人容器页面；
对编写后的该三维虚拟生物体生成项目进行打包，并将打包后的该三维虚拟生物体生成项目部署在服务器上。
在一种可能的实施方式中，该装置，还用于：
创建目标空文件夹，并确定该目标空文件夹的项目打包入口、超文本页面生成模板以及项目配置文件；
通过命令行工具初始化资源包管理器，并安装webpack打包工具；
在该项目配置文件中添加配置项，并对添加后的该目标空文件夹进行打包，以搭建出该三维虚拟生物体生成项目。
在一种可能的实施方式中，该装置，还用于：
通过npm命令，在该三维虚拟生物体生成项目中安装three.js框架，并将该three.js框架引入至该超文本页面中。
在一种可能的实施方式中，该二维生物体图像接收模块401，还用于：
生成该超文本页面对应的页面链接；
通过该人物头像上传页面获取用户通过访问该页面链接，在浏览器中上传的二维生物体图像。
在一种可能的实施方式中，该三维虚拟生物体模型生成模块402，还用于：
通过该人物头像上传页面将该二维生物体图像上传至AvatarSDK工具包所提供的api接口，以通过该AvatarSDK工具包构建出该二维生物体图像所对应的三维虚拟生物体模型。
在一种可能的实施方式中，该超文本页面加载模块403，还用于：
通过该Three.js框架将该三维虚拟生物体模型渲染至该展示3D数字人容器页面，以对渲染出的该三维虚拟生物体模型进行显示。
综上所述，本申请通过超文本页面对应的页面链接接收用户通过浏览器上传的二维生物体图像，基于AvatarSDK工具包生成该二维生物体图像对应的三维虚拟生物体模型，并通过Three.js框架将该三维虚拟生物体模型渲染至该超文本页面；最后通过超文本页面对应的页面链接，将三维虚拟生物体模型渲染显示在所述浏览器上；
在上述方案中，申请无需安装任何软件，使用Three.js框架和AvatarSDK工具包提供的生成三维虚拟生物体模型的api接口开发一个超文本页面，部署到服务器上，即可通过该AvatarSDK工具包建出所述二维生物体图像所对应的三维虚拟生物体模型，通过该Three.js框架将该三维虚拟生物体模型直接渲染显示在浏览器中，因此，用户只需要访问该超文本页面的页面链接，然后上传自己的二维生物体图像，就可以在浏览器中生成对应的三维虚拟生物体模型。
请参阅图5，其是根据本申请一示例性实施例提供的一种计算机设备示意图，所述计算机设备包括存储器和处理器，所述存储器用于存储计算机程序，所述计算机程序被所述处理器执行时，实现上述的一种虚拟生物体生成方法。
其中，处理器可以为中央处理器(Central Processing Unit，CPU)。处理器还可以为其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等芯片，或者上述各类芯片的组合。
存储器作为一种非暂态计算机可读存储介质，可用于存储非暂态软件程序、非暂态计算机可执行程序以及模块，如本申请实施方式中的方法对应的程序指令/模块。处理器通过运行存储在存储器中的非暂态软件程序、指令以及模块，从而执行处理器的各种功能应用以及数据处理，即实现上述方法实施方式中的方法。
存储器可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储处理器所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非暂态存储器，例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施方式中，存储器可选包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至处理器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
在一示例性实施例中，还提供了一种计算机可读存储介质，用于存储有至少一条计算机程序，所述至少一条计算机程序由处理器加载并执行以实现上述方法中的全部或部分步骤。例如，该计算机可读存储介质可以是只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、只读光盘(Compact Disc Read-Only Memory，CD-ROM)、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里公开的申请后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由下面的权利要求指出。
应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限制。
Claims (10)
1.一种虚拟生物体生成方法，其特征在于，所述方法包括：
接收通过浏览器上传的二维生物体图像；
生成所述二维生物体图像对应的三维虚拟生物体模型；
将所述三维虚拟生物体模型加载到超文本页面；其中，所述超文本页面为预先加载有用于运行三维模型的插件的页面文件；
通过所述超文本页面对应的页面链接，将所述三维虚拟生物体模型渲染显示在所述浏览器上。
2.根据权利要求1所述的方法，其特征在于，在所述接收通过浏览器上传的二维生物体图像之前，所述方法还包括：
在浏览器中搭建三维虚拟生物体生成项目；
在所述三维虚拟生物体生成项目中引入Three.js框架，并对所述三维虚拟生物体生成项目的超文本页面进行编写；所述超文本页面包括人物头像上传页面以及展示3D数字人容器页面；
对编写后的所述三维虚拟生物体生成项目进行打包，并将打包后的所述三维虚拟生物体生成项目部署在服务器上。
3.根据权利要求2所述的方法，其特征在于，所述在浏览器中搭建三维虚拟生物体生成项目，包括：
创建目标空文件夹，并确定所述目标空文件夹的项目打包入口、超文本页面生成模板以及项目配置文件；
通过命令行工具初始化资源包管理器，并安装webpack打包工具；
在所述项目配置文件中添加配置项，并对添加后的所述目标空文件夹进行打包，以搭建出所述三维虚拟生物体生成项目。
4.根据权利要求2所述的方法，其特征在于，所述在所述三维虚拟生物体生成项目中引入Three.js框架，包括：
通过npm命令，在所述三维虚拟生物体生成项目中安装three.js框架，并将所述three.js框架引入至所述超文本页面中。
5.根据权利要求2所述的方法，其特征在于，所述接收通过浏览器上传的二维生物体图像，包括：
生成所述超文本页面对应的页面链接；
通过所述人物头像上传页面获取用户通过访问所述页面链接，在浏览器中上传的二维生物体图像。
6.根据权利要求2所述的方法，其特征在于，所述生成所述二维生物体图像对应的三维虚拟生物体模型，包括：
通过所述人物头像上传页面将所述二维生物体图像上传至AvatarSDK工具包所提供的api接口，以通过所述AvatarSDK工具包构建出所述二维生物体图像所对应的三维虚拟生物体模型。
7.根据权利要求2至6任一所述的方法，其特征在于，所述将所述三维虚拟生物体模型加载到超文本页面，包括：
通过所述Three.js框架将所述三维虚拟生物体模型渲染至所述展示3D数字人容器页面，以对渲染出的所述三维虚拟生物体模型进行显示。
8.一种虚拟生物体生成装置，其特征在于，所述装置包括：
二维生物体图像接收模块，用于接收通过浏览器上传的二维生物体图像；
三维虚拟生物体模型生成模块，用于生成所述二维生物体图像对应的三维虚拟生物体模型；
超文本页面加载模块，用于将所述三维虚拟生物体模型加载到超文本页面；
浏览器显示模块，用于通过所述超文本页面对应的页面链接，将所述三维虚拟生物体模型渲染显示在所述浏览器上。
9.一种计算机设备，其特征在于，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如权利要求1至7任一所述的一种虚拟生物体生成方法。
10.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令，所述至少一条指令由处理器加载并执行以实现如权利要求1至7任一所述的一种虚拟生物体生成方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311870764.1A CN117911615A (zh) | 2023-12-29 | 2023-12-29 | 一种虚拟生物体生成方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311870764.1A CN117911615A (zh) | 2023-12-29 | 2023-12-29 | 一种虚拟生物体生成方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117911615A true CN117911615A (zh) | 2024-04-19 |
Family
ID=90694453
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311870764.1A Pending CN117911615A (zh) | 2023-12-29 | 2023-12-29 | 一种虚拟生物体生成方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117911615A (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106503174A (zh) * | 2016-10-25 | 2017-03-15 | 广州卓能信息科技有限公司 | 一种基于网络三维建模的场景可视化方法及系统 |
| JP2018200505A (ja) * | 2017-05-25 | 2018-12-20 | 王驍勇 | ３次元画像のインタラクティブ表示方法及びシステム |
| CN111476882A (zh) * | 2020-03-26 | 2020-07-31 | 哈尔滨工业大学 | 一种面向浏览器的机器人虚拟图形建模方法 |
| CN113011327A (zh) * | 2021-03-18 | 2021-06-22 | 苏州市开鑫智慧教育科技有限公司 | 一种三维图形识别方法、装置、设备及存储介质 |
-
2023
- 2023-12-29 CN CN202311870764.1A patent/CN117911615A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106503174A (zh) * | 2016-10-25 | 2017-03-15 | 广州卓能信息科技有限公司 | 一种基于网络三维建模的场景可视化方法及系统 |
| JP2018200505A (ja) * | 2017-05-25 | 2018-12-20 | 王驍勇 | ３次元画像のインタラクティブ表示方法及びシステム |
| CN111476882A (zh) * | 2020-03-26 | 2020-07-31 | 哈尔滨工业大学 | 一种面向浏览器的机器人虚拟图形建模方法 |
| CN113011327A (zh) * | 2021-03-18 | 2021-06-22 | 苏州市开鑫智慧教育科技有限公司 | 一种三维图形识别方法、装置、设备及存储介质 |
Non-Patent Citations (2)
| Title |
|---|
| SHAWNWEASLEY: "使用npm创建three.js项目", 《HTTPS://WWW.JIANSHU.COM/P/D4DAF85E6616》, 21 July 2023 (2023-07-21) * |
| 冯静怡: "基于web的三维虚拟形象生成与控制方法研究", 《中国优秀硕士学位论文全文数据库 信息科技辑》, 15 May 2021 (2021-05-15), pages 1 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108010112B (zh) | 动画处理方法、装置及存储介质 | |
| CN113661471B (zh) | 混合渲染 | |
| CN108959392B (zh) | 在3d模型上展示富文本的方法、装置及设备 | |
| US9324166B2 (en) | Systems, methods, and apparatuses for creating digital glitter | |
| CN113411664B (zh) | 基于子应用的视频处理方法、装置和计算机设备 | |
| KR20130047071A (ko) | 모바일용 혼합현실 어플리케이션 개발 장치 및 그 방법 | |
| CN114491352A (zh) | 模型加载方法、装置、电子设备及计算机可读存储介质 | |
| CN110288703A (zh) | 图像处理方法、装置、设备以及存储介质 | |
| CN108364324B (zh) | 图像数据处理方法、装置及电子终端 | |
| CN116610881A (zh) | 一种基于低代码软件的WebGL浏览交互方法 | |
| CN106503174B (zh) | 一种基于网络三维建模的场景可视化方法及系统 | |
| CN114065076A (zh) | 基于Unity的可视化方法、系统、设备及存储介质 | |
| CN117671119A (zh) | 静态图像动态化处理方法、装置、设备及存储介质 | |
| CN116503529A (zh) | 渲染、3d画面控制方法、电子设备和计算机可读存储介质 | |
| CN110975284A (zh) | 一种基于Unity的NGUI资源渲染处理方法及装置 | |
| CN117911615A (zh) | 一种虚拟生物体生成方法及装置 | |
| CN108876925B (zh) | 虚拟现实场景处理方法和装置 | |
| CN117065357A (zh) | 媒体数据处理方法、装置、计算机设备和存储介质 | |
| CN112037341A (zh) | 基于Web前端处理VR全景交互功能的方法及装置 | |
| Снігур et al. | Creating a virtual gallery for the presentation of artworks | |
| Lucci Baldassari et al. | Behind Livia’s Villa: A Case Study for the Devolution of Large Scale Interactive" in-site" to" on-line" Application | |
| CN117132708A (zh) | 图像生成方法、装置、电子设备及存储介质 | |
| CN117519653A (zh) | 一种基于PlayCanvas的微信小程序AR互动实现方法 | |
| US20180129304A1 (en) | Systems, methods, and apparatuses for creating digital glitter with accelerometer | |
| CN117745984A (zh) | Ar图片生成及显示方法、装置、电子设备及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |