CN105574916A - 一种同时绑定图片的骨骼创建方法及装置 - Google Patents

一种同时绑定图片的骨骼创建方法及装置 Download PDF

Info

Publication number
CN105574916A
CN105574916A CN201510983296.8A CN201510983296A CN105574916A CN 105574916 A CN105574916 A CN 105574916A CN 201510983296 A CN201510983296 A CN 201510983296A CN 105574916 A CN105574916 A CN 105574916A
Authority
CN
China
Prior art keywords
bone
picture
created
width
mouse
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
Application number
CN201510983296.8A
Other languages
English (en)
Inventor
刘晨光
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Egression Epoch Information Technology Co Ltd
Original Assignee
Beijing Egression Epoch Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Egression Epoch Information Technology Co Ltd filed Critical Beijing Egression Epoch Information Technology Co Ltd
Priority to CN201510983296.8A priority Critical patent/CN105574916A/zh
Publication of CN105574916A publication Critical patent/CN105574916A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种同时绑定图片的骨骼创建方法及装置，涉及2D骨骼动画技术领域，其方法包括以下步骤：在利用鼠标创建骨骼过程中，实时监测鼠标的移动事件；根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度；根据所述长度和角度，确定正在创建的骨骼的宽度和高度；通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片；在通过监测鼠标的移动事件确定所述骨骼创建完成时，从所述备选图片中选择与创建完成的骨骼适配的匹配图片，并将其绑定到所述创建完成的骨骼。本发明能够实现用户创建骨骼的同时自动绑定图片，大量减少用户的操作流程，极大的方便了用户。

Description

一种同时绑定图片的骨骼创建方法及装置
技术领域
本发明涉及2D骨骼动画技术领域，特别涉及一种同时绑定图片的骨骼创建方法及装置。
背景技术
2D骨骼动画类应用程序向动画设计人员提供创建骨骼和编辑骨骼动画的功能。此类应用程序包括Spiner，Sprite等。一般设计人员使用该类软件编辑骨骼动画前，都需要创建骨骼，并把每个骨骼和其对应的图片通过某种操作绑定起来。
现在流行的解决方案一般有两种。
一种是先拖拽创建骨骼，之后选择要绑定的图片，例如Spriter.具体的流程如下：
1、选中父骨骼；
2、按住Alt键，开启创建骨骼模式；
3、按鼠标左键拖拽创建骨骼，之后松开Alt键；
4、按B键同时用鼠标选择图片；
5、抬起B键，图片绑定完成。
另一种是先选择要绑定的图片，再拖拽创建骨骼，例如Spine.具体流程如下：
1、选中父骨骼；
2、按下创建骨骼工具，切换至创建骨骼模式；
3、按Ctrl键，同时选中要绑定的图片；
4、抬起Ctrl键，之后按鼠标左键拖拽创建骨骼；
5、抬起鼠标，骨骼创建完成，同时图片绑定完毕，骨骼自动重命名为图片的名字。
这两种常用方案的公共缺点就是操作比较繁琐，要绑定的图片必须额外选择，不能自动绑定。创建骨骼的操作会被选择图片的操作打断，无法一气呵成。另外后选图片的方案，骨骼无法自动重命名，需要额外的人工改名。
发明内容
本发明的目的在于提供一种同时绑定图片的骨骼创建方法及装置，解决了现有技术中创建骨骼时，需要绑定的图片必须额外选择，不能自动绑定的问题。
根据本发明的一个方面，提供了一种同时绑定图片的骨骼创建方法，包括以下步骤：
在利用鼠标创建骨骼过程中，实时监测鼠标的移动事件；
根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度；
根据所述长度和角度，确定正在创建的骨骼的宽度和高度；
通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片；
在通过监测鼠标的移动事件确定所述骨骼创建完成时，从所述备选图片中选择与创建完成的骨骼适配的匹配图片，并将其绑定到所述创建完成的骨骼。
优选地，所创建的骨骼为子骨骼或根骨骼。
优选地，所述根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度包括：
根据监测鼠标的移动事件，获取鼠标创建骨骼的头部位置和当前位置；
根据所获取的头部位置和当前位置，得到所创建的骨骼相对于其头部位置的长度和角度。
优选地，所述通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片包括：
通过遍历场景中的所有图片，为每个图片生成包含左上角、宽度以及高度的矩形包围盒；
判断所述正在创建骨骼相对于其头部位置的长度和角度是否在图片生成的矩形包围盒内；
若判断所述正在创建骨骼相对于其头部位置的长度和角度在图片生成的矩形包围盒内，则将图片作为与所述正在创建的骨骼的宽度和高度相匹配的备选图片。
优选地，至少有一张与所述正在创建的骨骼的宽度和高度相匹配的备选图片。
优选地，当只有一张备选图片时，则将所述备选图片作为与创建完成的骨骼适配的匹配图片。
优选地，当多于一张备选图片时，则计算每个备选图片的矩形包围盒面积，并将矩形包围盒面积最小的备选图片作为与创建完成的骨骼适配的匹配图片。
根据本发明的另一方面，提供了一种同时绑定图片的骨骼创建装置，包括：
获取模块，用于在利用鼠标创建骨骼过程中，实时监测鼠标的移动事件，并根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度；
确定模块，用于根据所述长度和角度，确定正在创建的骨骼的宽度和高度；
查找模块，用于通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片；
绑定模块，用于在通过监测鼠标的移动事件确定所述骨骼创建完成时，从所述备选图片中选择与创建完成的骨骼适配的匹配图片，并将其绑定到所述创建完成的骨骼。
优选地，所创建的骨骼为子骨骼或根骨骼。
优选地，至少有一张与所述正在创建的骨骼的宽度和高度相匹配的备选图片。
与现有技术相比较，本发明的有益效果在于：
本发明能够实现用户创建骨骼的同时自动绑定图片，大量减少用户的操作流程，同时考虑到自动匹配算法的局限性，同时提供了在不打断创建骨骼的情况下手动绑定图片的方式，同时实现了绑定骨骼后自动改名，极大的方便了用户。
附图说明
图1是本发明实施例提供的一种同时绑定图片的骨骼创建方法的流程图；
图2是本发明实施例提供的一种同时绑定图片的骨骼创建装置的示意图；
图3是本发明实施例提供的同时绑定图片的骨骼创建方法的流程图；
图4是本发明实施例提供的图片的矩形包围盒B的示意图。
具体实施方式
以下结合附图对本发明的优选实施例进行详细说明，应当理解，以下所说明的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
图1是本发明实施例提供的一种同时绑定图片的骨骼创建方法的流程图，如图1所示，包括以下步骤：
步骤S101：在利用鼠标创建骨骼过程中，实时监测鼠标的移动事件；
步骤S102：根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度；
步骤S103：根据所述长度和角度，确定正在创建的骨骼的宽度和高度；
步骤S104：通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片；
步骤S105：在通过监测鼠标的移动事件确定所述骨骼创建完成时，从所述备选图片中选择与创建完成的骨骼适配的匹配图片，并将其绑定到所述创建完成的骨骼。
其中，所创建的骨骼为子骨骼或根骨骼。
其中，所述根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度包括：根据监测鼠标的移动事件，获取鼠标创建骨骼的头部位置和当前位置；根据所获取的头部位置和当前位置，得到所创建的骨骼相对于其头部位置的长度和角度。
其中，所述通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片包括：通过遍历场景中的所有图片，为每个图片生成包含左上角、宽度以及高度的矩形包围盒；判断所述正在创建骨骼相对于其头部位置的长度和角度是否在图片生成的矩形包围盒内；若判断所述正在创建骨骼相对于其头部位置的长度和角度在图片生成的矩形包围盒内，则将图片作为与所述正在创建的骨骼的宽度和高度相匹配的备选图片。
本发明至少有一张与所述正在创建的骨骼的宽度和高度相匹配的备选图片。当只有一张备选图片时，则将所述备选图片作为与创建完成的骨骼适配的匹配图片；当多于一张备选图片时，则计算每个备选图片的矩形包围盒面积，并将矩形包围盒面积最小的备选图片作为与创建完成的骨骼适配的匹配图片。
图2是本发明实施例提供的一种同时绑定图片的骨骼创建装置的示意图，如图2所示，包括：获取模块201、确定模块202、查找模块203以及绑定模块204。其中，所述获取模块201，用于在利用鼠标创建骨骼过程中，实时监测鼠标的移动事件，并根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度；所述确定模块202，用于根据所述长度和角度，确定正在创建的骨骼的宽度和高度；所述查找模块203，用于通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片；所述绑定模块204，用于在通过监测鼠标的移动事件确定所述骨骼创建完成时，从所述备选图片中选择与创建完成的骨骼适配的匹配图片，并将其绑定到所述创建完成的骨骼。
其中，所创建的骨骼为子骨骼或根骨骼。
其中，至少有一张与所述正在创建的骨骼的宽度和高度相匹配的备选图片。
图3是本发明实施例提供的同时绑定图片的骨骼创建方法的流程图，如图3所示，骨骼的绘制由骨骼数据驱动完成，会在场景中以类三角形展示。包括以下步骤：
步骤1、进入创建骨骼模式，选择父骨骼；
选择创建骨骼工具，切换至创建骨骼模式。为了减少和场景中其他操作可能产生的冲突，设计了一个创建骨骼工具按钮，按下后可以切换至创建骨骼模式。在这种模式下，所有的骨骼和图片的变换操作均被禁用，图片也无法被选中。
所有创建的骨骼必须要有一个父骨骼存在，如果没有选择父骨骼，则默认选择根骨骼为父骨骼。
步骤2、创建骨骼并记录当前位置为骨骼起始位置；
按下鼠标并移动，开始创建骨骼。也就是说，在场景区域内监测鼠标左键按下的事件，当鼠标左键按下时，在当前位置创建骨骼并选中。
步骤3、记录鼠标当前位置，计算并修改骨骼的长度和角度；
当鼠标移动时，开始监测鼠标移动事件，并根据鼠标当前位置P1和正在创建骨骼的初始位置P0,计算出骨骼的长度L和角度R，并将长度和角度赋给正在创建的骨骼，并刷新场景的显示。
L＝((P1.x–P0.x)2+(P1.y–P0.y)2)0.5
R＝arctan((P1.y–P0.y)/(P1.x–P0.x))
步骤4、Ctrl是否按下；
若Ctrl按下，则进入步骤6，若Ctrl未按下，则进入步骤5。
步骤5：自动匹配图片；
骨骼创建过程中智能匹配图片。智能匹配图片过程需要如下计算步骤：
1、遍历场景中的所有图片，为每个图片生成矩形包围盒B。
如图4所示，矩形包围盒B包含左上角P0,和宽width，高height。
2、根据图片的矩形包围盒B和变换矩阵M,分别判断正在创建的骨骼的首尾两点P0和P1是否在包围盒内。其中，图片的变换矩阵M是通过***API取出来的。
判断一个点P是否在变换矩阵为M的包围盒B里算法如下：
1)根据P生成偏移矩阵PM：
将P点的x和y分别填入矩阵的tx和ty
2)将变换矩阵M取逆得到M-1
3)将图片的变换矩阵M的逆M-1作用到P点的变换矩阵PM上得到P点相对图片坐标系的变换矩阵PM’
PM’＝M-1*PM
4)将PM’的tx和ty的值分别填入P点的x和y生成P’，相当于是将变换矩阵M应用到P上的结果
P’＝(PM’.tx,PM’.ty)
5)判断P’是否在包围盒B的范围内
P’.x>＝P0.x&&P’.x<＝(P0.x+width)&&P’.y>＝P0.y&&P0.y<＝(P0.y+height)
3、如果P0和P1都在包围盒内，则将当前图片加入备选图片列表。
4、如果备选图片列表中只有一个元素，则将之选为匹配图片。如果多于一个元素，则将包围盒B面积最小的图片选为匹配图片。
5、将匹配图片选中并高亮，没有备选图片则不选中任何图片。
步骤6、Ctrl是否按下；
若Ctrl按下，则进入步骤7，若Ctrl未按下，则进入步骤9。
步骤7、进入人工选图阶段，点击图片完成选图；
按下Ctrl，关闭智能匹配图片，进入人工选图阶段，点击图片完成选图。也就是说，松开鼠标，如果Ctrl键被按下，创建骨骼过程暂停，进入选取图片模式。在这个模式下，鼠标按下时，只有图片能被选中，而不会创建骨骼。
步骤8、创建骨骼完成，如果存在匹配图片，则绑定图片至骨骼，为骨骼改名。
松开Ctrl键，创建骨骼结束，将匹配的图片绑定至骨骼，同时将骨骼重命名。也就是说，松开鼠标，如果Ctrl键未被按下，创建骨骼结束，将匹配的图片绑定至骨骼，同时将骨骼根据匹配图片的名字重命名。
综上所述，本发明具有以下技术效果：
1、操作直观，所见即所得；
2、操作便利，用尽量少的操作完成绑定；
3、操作准确，不易和其他操作产生冲突；
4、能够智能的为创建的骨骼重命名。
尽管上文对本发明进行了详细说明，但是本发明不限于此，本技术领域技术人员可以根据本发明的原理进行各种修改。因此，凡按照本发明原理所作的修改，都应当理解为落入本发明的保护范围。

Claims (10)

1.一种同时绑定图片的骨骼创建方法，其特征在于，包括以下步骤：
在利用鼠标创建骨骼过程中，实时监测鼠标的移动事件；
根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度；
根据所述长度和角度，确定正在创建的骨骼的宽度和高度；
通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片；
在通过监测鼠标的移动事件确定所述骨骼创建完成时，从所述备选图片中选择与创建完成的骨骼适配的匹配图片，并将其绑定到所述创建完成的骨骼。
2.根据权利要求1所述的方法，其特征在于，所创建的骨骼为子骨骼或根骨骼。
3.根据权利要求1所述的方法，其特征在于，所述根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度包括：
根据监测鼠标的移动事件，获取鼠标创建骨骼的头部位置和当前位置；
根据所获取的头部位置和当前位置，得到所创建的骨骼相对于其头部位置的长度和角度。
4.根据权利要求3所述的方法，其特征在于，所述通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片包括：
通过遍历场景中的所有图片，为每个图片生成包含左上角、宽度以及高度的矩形包围盒；
判断所述正在创建骨骼相对于其头部位置的长度和角度是否在图片生成的矩形包围盒内；
若判断所述正在创建骨骼相对于其头部位置的长度和角度在图片生成的矩形包围盒内，则将图片作为与所述正在创建的骨骼的宽度和高度相匹配的备选图片。
5.根据权利要求4所述的方法，其特征在于，至少有一张与所述正在创建的骨骼的宽度和高度相匹配的备选图片。
6.根据权利要求5所述的方法，其特征在于，当只有一张备选图片时，则将所述备选图片作为与创建完成的骨骼适配的匹配图片。
7.根据权利要求5所述的方法，其特征在于，当多于一张备选图片时，则计算每个备选图片的矩形包围盒面积，并将矩形包围盒面积最小的备选图片作为与创建完成的骨骼适配的匹配图片。
8.一种同时绑定图片的骨骼创建装置，其特征在于，包括：
获取模块，用于在利用鼠标创建骨骼过程中，实时监测鼠标的移动事件，并根据所述监测结果，得到所创建的骨骼相对于其头部位置的长度和角度；
确定模块，用于根据所述长度和角度，确定正在创建的骨骼的宽度和高度；
查找模块，用于通过遍历场景中的所有图片，找到其宽度和高度与所述正在创建的骨骼的宽度和高度相匹配的备选图片；
绑定模块，用于在通过监测鼠标的移动事件确定所述骨骼创建完成时，从所述备选图片中选择与创建完成的骨骼适配的匹配图片，并将其绑定到所述创建完成的骨骼。
9.根据权利要求8所述的装置，其特征在于，所创建的骨骼为子骨骼或根骨骼。
10.根据权利要求8所述的装置，其特征在于，至少有一张与所述正在创建的骨骼的宽度和高度相匹配的备选图片。
CN201510983296.8A 2015-12-24 2015-12-24 一种同时绑定图片的骨骼创建方法及装置 Pending CN105574916A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510983296.8A CN105574916A (zh) 2015-12-24 2015-12-24 一种同时绑定图片的骨骼创建方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510983296.8A CN105574916A (zh) 2015-12-24 2015-12-24 一种同时绑定图片的骨骼创建方法及装置

Publications (1)

Publication Number Publication Date
CN105574916A true CN105574916A (zh) 2016-05-11

Family

ID=55885002

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510983296.8A Pending CN105574916A (zh) 2015-12-24 2015-12-24 一种同时绑定图片的骨骼创建方法及装置

Country Status (1)

Country Link
CN (1) CN105574916A (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070268293A1 (en) * 2006-05-19 2007-11-22 Erick Miller Musculo-skeletal shape skinning
CN101079154A (zh) * 2007-03-02 2007-11-28 腾讯科技（深圳）有限公司 一种角色动画实现方法及***
KR20130118040A (ko) * 2012-04-19 2013-10-29 이용범 구체 관절 인형
CN103927779A (zh) * 2013-12-30 2014-07-16 华侨大学 一种基于配置的二维动画生成方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070268293A1 (en) * 2006-05-19 2007-11-22 Erick Miller Musculo-skeletal shape skinning
CN101079154A (zh) * 2007-03-02 2007-11-28 腾讯科技（深圳）有限公司 一种角色动画实现方法及***
KR20130118040A (ko) * 2012-04-19 2013-10-29 이용범 구체 관절 인형
CN103927779A (zh) * 2013-12-30 2014-07-16 华侨大学 一种基于配置的二维动画生成方法

Similar Documents

Publication Publication Date Title
US7440691B2 (en) 360-° image photographing apparatus
EP2843625B1 (en) Method for synthesizing images and electronic device thereof
CN103472985B (zh) 一种三维购物平台显示界面的用户编辑方法
CN104765905B (zh) 基于bim的平面图和第一视角分屏同步显示方法和***
US20120128205A1 (en) Apparatus for providing spatial contents service and method thereof
CN105975142A (zh) 图标移动方法和装置
CN106658139A (zh) 一种焦点控制方法及装置
CN107590337A (zh) 一种家装展示互动方法和装置
CN105227867A (zh) 一种图像处理方法及电子设备
CN104298434B (zh) 一种信息处理方法及电子设备
WO2017147909A1 (zh) 目标设备的控制方法和装置
CN105657304A (zh) 一种控制投影显示的方法及装置
CN105635256A (zh) 多媒体同步方法、装置和***
CN104980722A (zh) 一种数据处理方法、装置以及电子设备
US20140142900A1 (en) Information processing apparatus, information processing method, and program
JP2014120805A (ja) 情報処理装置、情報処理方法、およびプログラム
CN112256163B (zh) 拼接式显示屏配屏方法、装置和***
CN105574916A (zh) 一种同时绑定图片的骨骼创建方法及装置
CN112612463A (zh) 一种图形化编程控制方法、***及装置
CN109254746B (zh) 实现多屏通信的方法、装置和***以及用电设备
JPH0816824A (ja) ３次元計算機支援設計装置及び方法
CN109213980A (zh) 一种编辑演示文稿的方法和装置及计算机可读存储介质
CN102147697A (zh) 影像效果显示方法及电子装置
CN115524990A (zh) 基于数字孪生的智能家居控制方法及装置、***、介质
CN117149889A (zh) 一种图数据的处理方法和相关装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20160511