flash背景墙生成方法及装置制造方法及图纸

技术编号:20449766 阅读:18 留言:0更新日期:2019-02-27 03:28
本发明专利技术属于三维图形涉及技术领域,特别涉及一种flash背景墙生成方法及装置,flash背景墙生成方法包括:flash客户端获取二维图形信息和标注信息,并将二维图形信息中的二维图形坐标信息和标注信息发送至ThreeJS引擎;ThreeJS引擎根据二维图形信息和标注信息生成三维立体图形数据,并将三维立体图形数据发送至flash客户端;flash客户端根据三维立体图形数据生成三维立体图形,并根据二维图形信息中的二维图形地点信息将三维立体图形放置在用户绘制二维图形的位置,本发明专利技术技术方案可以更加快速的实现了三维几何体的生成。

【技术实现步骤摘要】
flash背景墙生成方法及装置
本专利技术涉及三维图形设计
,特别涉及一种flash背景墙生成方法及装置。
技术介绍
现有技术中,三维模型已经用于各种不同的领域。在建筑业、医疗行业、电影行业、视频游戏产业,还有在科学研究及工程应用等领域都得到了广泛的应用。在创建任意3D图形的时候人们常常会使用3DMax软件进行建模,然而对于不熟悉3DMax软件的用户制作3D图形十分困难,尤其是3DMax软件的用户自定义的模型不容易操作,使用户制作3D图形的速度较慢。
技术实现思路
本专利技术的目的在于提供一种flash背景墙生成方法及装置,可以实现让用户快速制作3D图形。本专利技术是这样实现的,本专利技术第一方面提供一种flash背景墙生成方法,所述flash背景墙生成方法包括:flash客户端获取二维图形信息和标注信息,并将所述二维图形信息中的二维图形坐标信息和所述标注信息发送至ThreeJS引擎;所述ThreeJS引擎根据所述二维图形信息和所述标注信息生成三维立体图形数据,并将所述三维立体图形数据发送至所述flash客户端;所述flash客户端根据所述三维立体图形数据生成三维立体图形,并根据所述二维图形信息中的二维图形地点信息将所述三维立体图形放置在用户绘制二维图形的位置。本专利技术第二方面提供一种flash背景墙生成装置,所述flash背景墙生成装置包括flash客户端和ThreeJS引擎;所述flash客户端获取二维图形信息和标注信息,并将所述二维图形信息中的二维图形坐标信息和所述标注信息发送至ThreeJS引擎;所述ThreeJS引擎根据所述二维图形信息和所述标注信息生成三维立体图形数据,并将所述三维立体图形数据发送至所述flash客户端;所述flash客户端根据所述三维立体图形数据生成三维立体图形,并根据所述二维图形信息中的二维图形地点信息将所述三维立体图形放置在用户绘制二维图形的位置。本专利技术提供一种flash背景墙生成方法,flash背景墙生成方法包括:flash客户端获取二维图形信息和标注信息,并将二维图形信息中的二维图形坐标信息和标注信息发送至ThreeJS引擎;ThreeJS引擎根据二维图形信息和标注信息生成三维立体图形数据,并将三维立体图形数据发送至flash客户端;flash客户端根据三维立体图形数据生成三维立体图形,并根据二维图形信息中的二维图形地点信息将三维立体图形放置在用户绘制二维图形的位置。本专利技术技术方案可以实现在flash客户端绘制二维图形,将二维图形的特征点数据发送至ThreeJS引擎,在ThreeJS引擎中构建用户自定义的背景墙几何体,通过将生成自定义背景墙的处理逻辑放在了flash客户端外部,突破flash客户端自身运算的限制将,更加快速的实现了三维几何体的生成。附图说明为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图1是本专利技术实施例1提供的一种flash背景墙生成方法的流程图;图2是本专利技术实施例1提供的一种flash背景墙生成方法中步骤S11的一种实施方式的流程图;图3是本专利技术实施例1提供的一种flash背景墙生成方法中步骤S12的一种实施方式的流程图;图4是本专利技术实施例1提供的一种flash背景墙生成方法中步骤S123的另一种实施方式的流程图;图5是本专利技术实施例1提供的一种flash背景墙生成方法中步骤S13的另一种实施方式的流程图;图6是本专利技术实施例2提供的一种flash背景墙生成装置的结构示意图;图7是本专利技术实施例2提供的一种flash背景墙生成装置中的flash客户端的结构示意图;图8是本专利技术实施例2提供的一种flash背景墙生成装置中的ThreeJS引擎的结构示意图;图9是本专利技术实施例2提供的一种flash背景墙生成装置中的ThreeJS引擎的另一结构示意图;图10是本专利技术实施例2提供的一种flash背景墙生成装置中的flash客户端的另一结构示意图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本专利技术进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本专利技术,并不用于限定本专利技术。为了说明本专利技术的技术方案,下面通过具体实施例来进行说明。实施例1为了便于理解,本专利技术实施例1提供一种flash背景墙生成方法,如图1所述,所述flash背景墙生成方法包括步骤S11、步骤S12以及步骤S13,具体如下:步骤S11.flash客户端获取二维图形信息和标注信息,并将所述二维图形信息中的二维图形坐标信息和所述标注信息发送至ThreeJS引擎。在步骤S11中,flash客户端包括2D墙体界面、2D户型界面、3D户型界面以及渲染引擎数据构建模块,标注信息是指用户所设计的图形相关信息,例如,用户在flash客户端的2D墙体界面绘制自己想要的背景墙图形并设置凸起高度后,flash客户端采集用户所绘制的二维图形信息,二维图形信息包括二维图形坐标信息和二维图形地点信息,二维图形坐标信息是指二维坐标系中坐标,二维图形地点信息包括用户绘制二维图形的位置,flash客户端将二维图形坐标信息和所设置的凸起高度通过内部机制调用外部的引擎库发送到ThreeJs渲染引擎。作为一种实施方式,如图2所示,步骤S11还包括对孔洞信息的获取,即flash客户端获取二维图形信息和标注信息,并将所述二维图形信息中的二维图形坐标信息和所述标注信息发送至ThreeJS引擎,包括步骤S110、步骤S111以及步骤S112,具体如下:步骤S110.flash客户端获取二维图形信息和标注信息,判断是否包含孔洞信息,是,则执行步骤S111,否,则执行步骤S112。步骤S111.将用户所绘制的多边形顶点坐标、标注生成立方体的高度信息以及孔洞的多边形顶点坐标发送至ThreeJS引擎。步骤S112.将用户所绘制的多边形顶点坐标以及标注生成立方体的高度信息发送至ThreeJS引擎。通过本实施方式,可以实现对用户设置的孔洞信息的检测及发送。步骤S12.所述ThreeJS引擎根据所述二维图形信息和所述标注信息生成三维立体图形数据,并将所述三维立体图形数据发送至所述flash客户端。作为一种实施方式,如图3所示,步骤S12中所述ThreeJS引擎根据所述二维图形信息和所述标注信息生成三维立体图形数据,包括步骤S121、步骤S122以及步骤S123,具体如下:步骤S121.所述ThreeJS引擎将所述多边形顶点坐标转换成三维坐标系中的世界坐标。在步骤S121中,ThreeJS引擎收到从Flash端发来的背景墙的几何数据后,进行数据格式转换将2D的坐标点转换成自身所需要的世界坐标点。步骤S122.所述ThreeJS引擎根据所述世界坐标生成面片,并根据所述高度信息对所述面片进行拉伸后生成三维立体图形。在步骤S122中,所述ThreeJS引擎将所述世界坐标传入mesh构造器经过放样拉伸之后生成面片,Mesh的构造函数是这样的:Mesh(geometry,material)geometry是它的形状,mate本文档来自技高网...

【技术保护点】
1.一种flash背景墙生成方法,其特征在于,所述flash背景墙生成方法包括:flash客户端获取二维图形信息和标注信息,并将所述二维图形信息中的二维图形坐标信息和所述标注信息发送至ThreeJS引擎;所述ThreeJS引擎根据所述二维图形信息和所述标注信息生成三维立体图形数据,并将所述三维立体图形数据发送至所述flash客户端;所述flash客户端根据所述三维立体图形数据生成三维立体图形,并根据所述二维图形信息中的二维图形地点信息将所述三维立体图形放置在用户绘制二维图形的位置。

【技术特征摘要】
1.一种flash背景墙生成方法,其特征在于,所述flash背景墙生成方法包括:flash客户端获取二维图形信息和标注信息,并将所述二维图形信息中的二维图形坐标信息和所述标注信息发送至ThreeJS引擎;所述ThreeJS引擎根据所述二维图形信息和所述标注信息生成三维立体图形数据,并将所述三维立体图形数据发送至所述flash客户端;所述flash客户端根据所述三维立体图形数据生成三维立体图形,并根据所述二维图形信息中的二维图形地点信息将所述三维立体图形放置在用户绘制二维图形的位置。2.如权利要求1所述的flash背景墙生成方法,其特征在于,flash客户端获取二维图形信息和标注信息,并将所述二维图形信息中的二维图形坐标信息和所述标注信息发送至ThreeJS引擎,包括:flash客户端获取二维图形信息和标注信息,判断是否包含孔洞信息,是,则将用户所绘制的多边形顶点坐标、标注生成立方体的高度信息以及孔洞的多边形顶点坐标发送至ThreeJS引擎,否,则将用户所绘制的多边形顶点坐标以及标注生成立方体的高度信息发送至ThreeJS引擎。3.如权利要求2所述的flash背景墙生成方法,其特征在于,所述ThreeJS引擎根据所述二维图形信息和所述标注信息生成三维立体图形数据,包括:所述ThreeJS引擎将所述多边形顶点坐标转换成三维坐标系中的世界坐标;所述ThreeJS引擎根据所述世界坐标生成面片,并根据所述高度信息对所述面片进行拉伸后生成三维立体图形;所述ThreeJS引擎根据所述三维立体图形获取三维立体图形数据。4.如权利要求3所述的flash背景墙生成方法,其特征在于,所述ThreeJS引擎根据所述三维立体图形获取三维立体图形数据,包括:所述ThreeJS引擎将所述三维立体图形转化为缓存网格模型;所述ThreeJS引擎根据所述缓存网格模型获取所述三维立体图形所通用的顶点信息、索引信息以及uv坐标信息。5.如权利要求4所述的flash背景墙生成方法,其特征在于,所述flash客户端根据所述三维立体图形数据生成三维立体图形,并根据所述二维图形信息中的二维图形地点信息将所述三维立体图形放置在用户绘制二维图形的位置,包括:所述flash客户端根据所述顶点信息、所述索引信息以及所述uv坐标信息创建面片,并将所述面片组合生成三维立体...

【专利技术属性】
技术研发人员:陈良煜吴锐群王国彬
申请(专利权)人:深圳市彬讯科技有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1