CN111161378A - 一种填色方法、装置及电子设备 - Google Patents
一种填色方法、装置及电子设备 Download PDFInfo
- Publication number
- CN111161378A CN111161378A CN201911390076.9A CN201911390076A CN111161378A CN 111161378 A CN111161378 A CN 111161378A CN 201911390076 A CN201911390076 A CN 201911390076A CN 111161378 A CN111161378 A CN 111161378A
- Authority
- CN
- China
- Prior art keywords
- color
- filling
- map
- area
- state
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 59
- 239000003086 colorant Substances 0.000 claims description 19
- 230000000694 effects Effects 0.000 abstract description 42
- 239000002131 composite material Substances 0.000 abstract description 13
- 238000010586 diagram Methods 0.000 description 9
- 230000008859 change Effects 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 238000004422 calculation algorithm Methods 0.000 description 6
- 210000003462 vein Anatomy 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 241000283070 Equus zebra Species 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 241001465754 Metazoa Species 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 238000005429 filling process Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000002156 mixing Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000010422 painting Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开一种填色方法、装置及电子设备,涉及计算机图像处理应用技术领域,可以实现复合色填色效果。所述方法包括:展示填色窗口;所述填色窗口中设有填色区域;接收对所述填色区域操作,确定第一填色子区域;将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态;所述第二图层位于所述第一图层下方;接收对所述第一填色子区域的点击操作;将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图;其中,所述第三图层位于所述第二图层下方。本发明可应用于终端设备的填色游戏APP或网页填色游戏中,尤其是基于Unity引擎开发的填色游戏中。
Description
技术领域
本发明涉及计算机图像处理应用技术领域,尤其涉及一种填色方法、装置及电子设备。
背景技术
填色书游戏是一种将很多彩色画的轮廓抽象为线框图,用户对所述线框图形成的封闭区域填色,以完成填色作品的游戏。
发明人在实现本发明的过程中发现:现有的填色书游戏,对于每一个填充区域,仅可以填充单种颜色,用户选择调色板点击所述填充区域之后显示为纯色效果。
发明内容
有鉴于此,本发明实施例提供一种填色方法、装置及电子设备,可以实现复合色填色效果,从而增强填色的丰富性。
第一方面,本发明实施例提供一种填色方法,所述方法包括步骤:
展示填色窗口;所述填色窗口中设有填色区域,所述填色区域包括多个填色子区域;所述填色区域的第一图层中显示第一贴图;所述第一贴图为具有镂空区域的边界纹理图;其中,镂空区域构成所述填色区域中的填色子区域;
接收对所述填色区域操作,确定第一填色子区域;
将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态;所述第二图层位于所述第一图层下方;
接收对所述第一填色子区域的点击操作;
将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图;其中,所述第三图层位于所述第二图层下方。
结合第一方面,在第一方面的第一种实施方式中,所述在将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态之后,所述方法还包括:
将所述第一填色子区域对应的区域信息存入高亮区域信息列表。
结合第一方面,第一方面的第一种实施方式,在第一方面的第二种实施方式中,所述将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图,包括:
根据所述高亮区域信息列表,判断所述第二贴图的颜色状态是否为所述高亮颜色状态;
若是,则将所述第二贴图的颜色状态由所述高亮颜色调整为透明状态,以显示所述第三贴图。
结合第一方面,第一方面的第一或第二种实施方式,在第一方面的第三种实施方式中,所述接收对所述填色区域操作,确定第一填色子区域,包括:
接收对所述填色窗口中的调色盘的点击操作,确定第一色块;
根据所述第一色块的编号信息确定所述第一填色子区域;其中,所述调色盘中设有多个不同颜色的色块、且每个色块至少关联一个填色子区域,所述每个色块还携带有编号信息。
结合第一方面,第一方面的第一至第三任一种实施方式,在第一方面的第四种实施方式中,在将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图之后,所述方法还包括:
从所述高亮区域信息列表中删除所述第一填色子区域对应的区域信息。
第二方面,本发明实施例提供一种填色装置,所述装置包括:
展示程序模块,用于展示填色窗口;所述填色窗口中设有填色区域,所述填色区域包括多个填色子区域;所述填色区域的第一图层中显示第一贴图;所述第一贴图为具有镂空区域的边界纹理图;其中,镂空区域构成所述填色区域中的填色子区域;
确定程序模块,用于接收对所述填色区域操作,确定第一填色子区域;
第一填色程序模块,用于将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态;所述第二图层位于所述第一图层下方;
接收程序模块,接收对所述第一填色子区域的点击操作;
第二填色程序模块,用于将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图;其中,所述第三图层位于所述第二图层下方。
结合第二方面,在第二方面的第一种实施方式中,所述装置还包括:存储程序模块,用于在将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态之后,将所述第一填色子区域对应的区域信息存入高亮区域信息列表。
结合第二方面,第二方面的第一种实施方式,在第二方面的第二种实施方式中,所述第二填色程序模块包括:
判断程序单元,用于根据所述高亮区域信息列表,判断所述第二贴图的颜色状态是否为所述高亮颜色状态;
填色程序单元,用于若判断所述第二贴图的颜色状态为所述高亮颜色状态,则将所述第二贴图的颜色状态由所述高亮颜色调整为透明状态,以显示所述第三贴图。
结合第二方面,第二方面的第一或第二种实施方式,在第二方面的第三种实施方式中,所述确定程序模块包括:
色块确定程序单元,用于接收对所述填色窗口中的调色盘的点击操作,确定第一色块;
区域确定程序单元,用于根据所述第一色块的编号信息确定所述第一填色子区域;其中,所述调色盘中设有多个不同颜色的色块、且每个色块至少关联一个填色子区域,所述每个色块还携带有编号信息。
结合第二方面,第二方面的第一至第三任一种实施方式,在第二方面的第四种实施方式中,
所述装置还包括:删除程序模块,用于在将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图之后,从所述高亮区域信息列表中删除所述第一填色子区域对应的区域信息。
第三方面,本发明实施例提供一种电子设备,所述电子设备,包括:一个或者多个处理器;
存储器;
所述存储器中存储有一个或者多个可执行程序代码,所述一个或者多个处理器读取存储器中存储的可执行程序代码,来运行与可执行程序代码对应的程序,以用于执行第一方面任一所述的方法。
第四方面,本发明实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以用于实现第一方面任一所述的方法。
本发明实施例提供的一种填色方法、装置及电子设备,通过展示填色窗口;所述填色窗口中设有填色区域,所述填色区域包括多个填色子区域;所述填色区域的第一图层中显示第一贴图;所述第一贴图为具有镂空区域的边界纹理图;其中,镂空区域构成所述填色区域中的填色子区域;接收对所述填色区域操作,确定第一填色子区域;将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态;所述第二图层位于所述第一图层下方;接收对所述第一填色子区域的点击操作;将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图;其中,所述第三图层位于所述第二图层下方。由于所述第三贴图可以为具有渐变色、纹理等任何复合色效果图,通过上述步骤填色后,最终在一个填色子区域中就呈现出具有复合色的填色效果图,从而增强填色的丰富性。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1为本发明填色方法一实施例的流程图;
图2为本发明填色方法另一实施例的流程图;
图3为本发明填色方法又一实施例的流程图;
图4为本发明填色方法在一填色书游戏中一具体填色案例填色窗口初始状态示意图;
图5为图4中一具体填色案例填充效果示意图;
图6为本发明实施例中填色装置一实施例结构框图;
图7为本发明实施例中填色装置另一实施例结构框图;
图8为本发明电子设备一个实施例的结构示意图。
具体实施方式
下面结合附图对本发明实施例进行详细描述。
应当明确,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
图1为本发明一种填色方法一实施例的流程图,如图1所示,本实施例的方法可应用于终端设备上的填色游戏APP或网页填色游戏中,例如填色书中,尤其是基于Unity引擎开发的填色游戏中;所述终端设备包括手机、计算机、游戏机、平板电脑或学习机等。所述方法可以包括:
步骤110、展示填色窗口;所述填色窗口中设有填色区域,所述填色区域包括多个填色子区域;所述填色区域的第一图层中显示第一贴图;所述第一贴图为具有镂空区域的边界纹理图;如图3或图4所示,其中,镂空区域构成所述填色子区域。
本实施例中,填色区域可以是在终端设备的游戏类APP打开界面窗口中展示,也可以是在网页类游戏打开界面窗口中显示。所述填色区域一般为封闭区域,也可以是半封闭区域,在一个填色区域中还可以包括多个填色子区域,每个填色子区域具有多个图层。
可以理解的是,由于第一贴图具有镂空区域,在第一图层下方位于第二图层的第二贴图在所述镂空区域的部分可以显示出来;本实施例中的最终填充效果为最下层图层的图案或渐变色图与第一图层的边界纹理图融合形成的复合色填色效果;这里的融合指的是两种或两种以上图案或色图无缝对接成整体的意思,所述复合色填色指的是两种或两种以上图案或色彩相互拼接或叠加形成的混合色,例如,第一贴图为线条斑马纹理图勾勒的蝴蝶轮廓及经络纹理结构,第三贴图为红蓝黄渐变色图,则根据本实施例的方案,最终呈现的是斑马纹理与红蓝黄渐变图部分叠加或拼接形成的整体混合色效果。
所述第一图层可以理解为用户打开填色游戏界面即可以看到的填色子区域,所述第一贴图是用于提供填充的边界轮廓,例如,动物或植物的主要轮廓,示例性地,参看图4或5所示,当填充为蝴蝶时,其整体外形轮廓及身体的筋脉将蝴蝶整体分为多个填充子区域,第一图层即显示蝴蝶外形轮廓及身体的筋脉线条图;可以理解的是,线条可以选择不同颜色的线条纹理图。又如:当填充一片树叶时,则树叶的外轮廓及叶脉将树叶整体分为多个填充子区域,第一图层即是显示树叶外轮廓及叶脉线条图。
另外,本实施例中,具体地,每个填色子区域中携带有填色信息,所述填色信息可以包括:填色子区域的图层数、每一图层对应的贴图信息及填色子区域的面积或边界;还包括:每个填色子区域对应的色块编号。所述填色子区域中还可以携带填色子区域的标识号,用于唯一标识填色子区域,以与其他的填色子区域区分,类似于人的身份证号,所述标识号可以为***数字或英文字母等。
步骤120、接收对所述填色区域操作,确定第一填色子区域。
本实施例中,可以是用户点击填色区域中的一个填色子区域,***会根据点击触发指令确定一个填图子区域;也可以是在填图窗口中设置填色触发按钮,用户在点击触发按钮之后,***会根据触发指令确定一个填图子区域。
步骤130、将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态;所述第二图层位于所述第一图层下方;
其中,所述第二贴图为颜色状态变化的图,所述颜色状态包括不透明初始颜色、高亮颜色和透明色。
可以理解的是,在一些基于多图层实现复合色填色效果的方案中,至少具有四层图层,每一图层中对应相应贴图,其中第三层为高亮层,在用户点击填图子区域后,即第二图层,会显示处高亮层,即高亮显示该填图子区域,再对高亮层进行操作,会显示出第四层贴图,即完成填色。
而本实施例中,通过将第二贴图设置成颜色状态变化的图,包括不透明初始颜色状态、高亮颜色状态和透明状态,将第二图层与高亮层、透明处理所需信息合并到一个图层中包括的信息中,用户在点击一个填图子区域后,第二贴图的颜色状态由不透明颜色状态变为高亮颜色状态,这样就无需专门再设置第二图层到呈现出最终效果图之间的图层,即上述示例中的高亮层,从而可以减小填色程序内存的占用。
步骤140、接收对所述第一填色子区域的点击操作。
在第一填色子区域显示为高亮颜色状态后,即将第一填色子区域激活,用户再次点击该子区域,***在接收该操作指令后,执行步骤150。
步骤150、将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图;其中,所述第三图层位于所述第二图层下方。
具体是将该子区域的颜色Alpha值设置为0,自动将该子区域透明化处理,即将第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,就可以在该子区域显示出第三图层的第三贴图的图案,同时第三贴图与第一贴图对接融合形成复合色填色效果。实现了填充颜色的多样化显示效果图。
本发明实施例提供的一种填色方法、装置及电子设备,通过展示填色窗口;所述填色窗口中设有填色区域,所述填色区域包括多个填色子区域;所述填色区域的第一图层中显示第一贴图;所述第一贴图为具有镂空区域的边界纹理图;其中,镂空区域构成所述填色区域中的填色子区域;接收对所述填色区域操作,确定第一填色子区域;将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态;所述第二图层位于所述第一图层下方;接收对所述第一填色子区域的点击操作;将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图;其中,所述第三图层位于所述第二图层下方。由于所述第三贴图可以为具有渐变色、纹理等任何复合色效果图,通过上述步骤填色后,最终在一个填色子区域中就呈现出具有复合色的填色效果图,从而增强填色的丰富性。
此外,通过将第二图层的第二贴图设置为颜色状态变化的图,即将第二图层与高亮层、透明处理所需信息合并到一个图层中包括的信息中,这样就无需专门再设置第二图层到呈现出最终效果图之间的图层,例如高亮层图层,从而可以减小填色程序内存的占用。
参看图2所示,为了标记哪些填色子区域已经显示为高亮颜色,便于区别填色处理,在步骤130、所述在将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态之后,所述方法还包括:
步骤131、将所述第一填色子区域对应的区域信息存入高亮区域信息列表。
其中,高亮子区域列表(Highlight List)中存储的为已经显示为高亮颜色状态或高亮图案的填色子区域。高亮颜色状态或高亮图案的填色子区域为可以进行像素填充处理的区域,类似于处于激活状态;例如可以为栅格化(tile)的区域。这样就可以对其透明化处理,以显示出最终的效果图。
参看图3所示,在另一些实施方式中,步骤150、所述将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图,包括:
步骤150A、根据所述高亮区域信息列表,判断所述第二贴图的颜色状态是否为所述高亮颜色状态;
若是,则执行步骤150B、将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第三贴图。
这样,根据高亮区域信息列表,当检测到用户点击的第一填色子区域为高亮区域信息列表中的子区域时,就直接将第二贴图的颜色透明处理,显示出第三贴图,以完成该子区域填色。
参看图4所示,在前述实施例中,所述填色触发按钮可以为在填色窗口中设置的调色盘,所述调色盘中设有多个不同颜色的色块、且每个色块至少关联一个填色子区域,所述每个色块还携带有编号信息。
步骤120、接收对所述填色区域操作,确定第一填色子区域,包括:
接收对所述填色窗口中的调色盘的点击操作,确定第一色块。
色块用于作为触发***进入填色状态并确定某一填色子区域的触发按钮,可以以任何形式呈现或设置,例如可以为按钮、***数字、字母等形式设置于填色窗口中。
根据所述第一色块的编号信息确定所述第一填色子区域。
用户点击调色盘中的某个色块,***确定色块的编号之后,根据色块关联的填色子区域信息,确定出对应的第一填色子区域,并将其高亮显示。
为了避免***误对已经完成填色的子区域重复填色步骤,影响填色效率。具体地,步骤150、在将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图之后,所述方法还包括:从所述高亮区域信息列表中删除所述第一填色子区域对应的区域信息。
这样在一个填色子区域填色完成后,将其从高亮区域信息列表中删除,可以减轻填充处理的任务量,提高填色效率。
在另一些实施方式中,步骤150、在将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图之后,所述方法还包括:将第一填图子区域对应的色块删除。这样,当该色块从填色窗口中删除后,可以提示用户该色块对应的所有填图子区域全部填色完成,如果该色块没有删除,依然存在于填色窗口中,用户根据该色块可以知道是否遗漏某一子区域的填色。
接收对所述第一填色子区域的点击操作;
将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图包括步骤:
根据所述用户对所述第一填图子区域的点击生成第一填充点坐标;
调用洪水填充算法基于所述第一填充点坐标,将第一填图子区域的第二贴图的颜色状态变为透明色,以使第三图层中的第三贴图显示出来。
为了帮助理解本实施例的技术方案及技术效果,结合附图及一具体的填色游戏场景进行说明:用户打开填色游戏,向用户展示一填色游戏窗口,如图4所示,包括填色区域及操控区域,其中,填色区域包括由线条边界纹理图(第一图层的贴图)分割成的多个白色的(第二图层的初始化颜色状态,也可以为其他颜色)填色子区域,操控区域包括多个操控按钮;用户通过操控区域触发填色游戏开始后,***会根据用户的触发指令,确定第一填色子区域,将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态案,用户再次对所述第一填色子区域的点击操作;则将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态(由于二维图展示的内容有限,图中未能表示出来),以显示所述第一填色子区域的第三图层中的第三贴图,显示出一个子区域最终的效果图,重复上述步骤完成填色区域所有填色子区域的填充,一个填色实例如图5所示。通过对填色子区域设置多个填色图层,第一图层中的第一贴图具有镂空区域,第二图层中的第二贴图为颜色状态变化的图,包括不透明初始颜色、高亮颜色和透明色;第三贴图可以设置为渐变填色效果、纹理效果、三维立体真实感效果等;在将第一填图子区域中的第二贴图的颜色状态由高亮颜色调整为透明色后,可以实现第一图层与第三图层中的第三贴图融合形成的渐变、纹理等复合色的填色效果,实现了填充颜色的多样化显示效果。
需要说明的是,图5中填充子区域上显示的数字,只是为了示意说明各个填充子区域可以为不同的填充效果,实际完成填色后并不是显示的数字,而是所述数字对应的填充效果。
另外,本实施例通过上述方法,将第二图层的第二贴图设置成颜色状态变化的图,可以将一些游戏中的第二图层到呈现出最终效果图之间的图层,例如高亮层,透明处理所需信息合并到一个图层包括的信息中,无需专门设置第二图层到呈现出最终效果图之间的图层,例如高亮层,从而可以减小填色程序的内存。
本实施例中,可以理解的是,根据上述方法对不同图层中的贴图进行不同颜色或图案的设置,还可以提供多种可选的复合色填色效果图
本实施例中,作为一可选实施例,在步骤110、展示填图窗口之后,所述方法还包括:将第二填图子区域自动显示为高亮颜色状态。
可以理解的是,在用户打开填图游戏,进入填图窗口之后,为了提醒或引导初次使用的用户快速完成填色,会默认将某一填图子区域显示为高亮颜色状态。用户点击该填图子区域后,会自动透明化该填图子区域,将第二贴图当前高亮颜色变为透明状态,显示处最终效果图。
前述将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示第一填色子区域的第三图层中的第三贴图包括:
获取所述点击操作生成的第一填充点坐标;
调用洪水填充算法基于所述第一填充点坐标,对第一填色子区域的第二贴图透明填充处理,使所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态。
所述洪水填充算法为现有技术,在此不再赘述,具体可采用四邻域填充法(不考虑对角线方向的填充点)、八邻域填充法(考虑对角线方向的填充点)或基于扫描线填充方法等。
可以理解的是,本实施例提供的填色方案,用户仅需要点击某一填充子区域,就可以自动调用洪水填充算法进行填充处理,呈现出预设的填充效果。
本实施例中,为了充分说明本发明实施例,现以本申请发明人基于Unity引擎开发的一款填色书游戏进行说明如下:。
参看图1至图5所示,开发者会在Unity引擎中创建3个Sprite精灵,所述Sprite精灵用于绘制二维图形对象;并相应设置3个层级,每一个Sprite精灵对应一个层级,其中,获取用于作为填充区域轮廓的线条纹理图绘制在第一图层上,获取具有颜色状态变化的第二贴图,所述颜色状态包括不透明初始颜色及网格纹理(高亮颜色的一种),绘制在第二图层上,将渐变效果图绘制在第三图层。
在第一图层上创建填充信息,该填充信息中包括有填充子区域对应的编号、图层数、每一图层对应的贴图信息、调色盘中的色块的编号,填色子区域的面积和/或填色子区域的边界坐标值。其中,具有相同填充效果的填充子区域可以设置相同的标识,例如为同一***数字编号,用户可以在操作界面上点击某个编号数字,对应的填色子区域就会高亮颜色显示。
用户打开客户端游戏软件,展示填色窗口,填色窗口包括填色区域及操控区域,所述填色区域的第一图层中显示第一贴图;所述第一贴图为具有镂空区域的边界纹理图,其中,镂空区域构成所述填色子区域,在所述镂空区域中显示部分位于第二图层的第二贴图,例如为纯白色贴图;所述操控区域用于触发开始填色,所述操控区域可以设有前述的色块或者设为标识块。
用户在操控区域点击某一色块,触发***开始调用洪水填充算法对某一填色子区域填色,将对应填色子区域的第二贴图由不透明初始颜色变为高亮颜色显示,并将该高亮显示的子区域对应的区域信息存入高亮区域信息列表中,当用户再次点击该填色子区域时,根据所述高亮区域信息列表判断该填色子区域中的第二贴图的颜色状态是否为高亮颜色状态;若是,则表示已经被填充过高亮颜色,***将自动对该子区域进行透明处理,显示出第三图层的贴图,以展示出第一贴图与第三贴图融合的渐变复合填色效果图。
本发明基于Unity引擎开发的游戏填色书,提供了一种具体的填色方案,改变了现有的单色填色效果的单调性,提升了填色游戏的填色效果的多样性,使填色游戏的效果不仅是纯色图,还可以呈现出复杂的渐变图,纹理图等其他任意效果图,为用户带来更好的填色游戏体验;进一步地,将填色方案的图层缩减为三层,可以减少填色程序的内存占用。
实施例二
图6为本发明一种填色装置一实施例的结构示意图,如图6所示,本实施例的填色装置可应用于终端设备上的填色游戏APP或网页填色游戏中,例如填色书中,尤其是基于Unity引擎开发的填色游戏中;以实现丰富多彩的填色效果,不局限于纯色填色效果;所述终端设备包括手机、计算机、游戏机、平板电脑或学习机等。所述装置包括:展示程序模块210,用于展示填色窗口;所述填色窗口中设有填色区域,所述填色区域包括多个填色子区域;所述填色区域的第一图层中显示第一贴图;所述第一贴图为具有镂空区域的边界纹理图;其中,镂空区域构成所述填色区域中的填色子区域;确定程序模块220,用于接收对所述填色区域操作,确定第一填色子区域;第一填色程序模块230,用于将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态;所述第二图层位于所述第一图层下方;接收程序模块240,用于接收对所述第一填色子区域的点击操作;第二填色程序模块250,用于将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图;其中,所述第三图层位于所述第二图层下方。
本实施例的装置可以用于执行图1所示方法实施例的技术方案,本实施例的装置,其实现原理和技术效果与实施例一类似,此处不再赘述,可相互参看。
参看图7所示,本实施例中,作为一可选实施例,提供的装置与前述实施例所述的装置类似,不同之处在于,所述装置还包括:存储程序模块231,用于在将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态之后,将所述第一填色子区域对应的区域信息存入高亮区域信息列表。
本实施例中,作为一可选实施例,提供的装置与前述实施例所述的装置类似,不同之处在于,所述第二填色程序模块包括:
判断程序单元,用于根据所述高亮区域信息列表,判断所述第二贴图的颜色状态是否为所述高亮颜色状态;
填色程序单元,用于若判断所述第二贴图的颜色状态为所述高亮颜色状态,则将所述第二贴图的颜色状态由所述高亮颜色调整为透明状态,以显示所述第三贴图。
本实施例中,作为一可选实施例,所述确定程序模块包括:
色块确定程序单元,用于接收对所述填色窗口中的调色盘的点击操作,确定第一色块;
区域确定程序单元,用于根据所述第一色块的编号信息确定所述第一填色子区域;其中,所述调色盘中设有多个不同颜色的色块、且每个色块至少关联一个填色子区域,所述每个色块还携带有编号信息。
本实施例中,作为一可选实施例,提供的装置与前述实施例所述的装置类似,不同之处在于,所述装置还包括:
删除程序模块,用于在将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图之后,从所述高亮区域信息列表中删除所述第一填色子区域对应的区域信息。
本实施例中,作为一可选实施例,提供的装置与前述实施例所述的装置类似,不同之处在于,所述装置还包括:
第二显示程序模块,用于在若是,则将第一填色子区域显示为高亮颜色,并将第一填色子区域存入第一高亮子区域列表之后,将第一填色子区域对应的色块从填色窗口中删除。
本实施例中,作为一可选实施例,提供的装置与前述实施例所述的装置类似,不同之处在于,所述第二填色程序模块包括:
获取程序单元,用于获取所述点击操作生成的第一填充点坐标;
填充程序单元,用于调用洪水填充算法基于所述第一填充点坐标,将第一填图子区域的第二贴图的颜色状态变为透明色,以使第三图层中的第三贴图显示出来。
对于本发明提供的填色装置的各实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本发明还实施例提供了一种电子设备,包括一个或者多个处理器;存储器;所述存储器中存储有一个或者多个可执行程序代码,所述一个或者多个处理器读取存储器中存储的可执行程序代码,来运行与可执行程序代码对应的程序,以用于执行实施例一任一所述的方法。
图8为本发明电子设备一个实施例的结构示意图,其可以实现本发明实施例一任一所述的方法,如图8所示,作为一可选实施例,上述电子设备可以包括:壳体41、处理器42、存储器43、电路板44和电源电路45,其中,电路板44安置在壳体41围成的空间内部,处理器42和存储器43设置在电路板44上;电源电路45,用于为上述电子设备的各个电路或器件供电;存储器43用于存储可执行程序代码;处理器42通过读取存储器43中存储的可执行程序代码来运行与可执行程序代码对应的程序,用于执行前述是实施例一任一所述的填色方法。
处理器42对上述步骤的具体执行过程以及处理器42通过运行可执行程序代码来进一步执行的步骤,可以参见本发明填色方法实施例一的描述,在此不再赘述。
该电子设备以多种形式存在,包括但不限于:(1)移动通信设备:这类设备的特点是具备移动通信功能,并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机,以及低端手机等。(2)超移动个人计算机设备:这类设备属于个人计算机的范畴,有计算和处理功能,一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等,例如iPad。(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放模块(例如iPod),掌上游戏机,电子书,以及智能玩具和便携式车载导航设备。(4)服务器:提供计算服务的设备,服务器的构成包括处理器、硬盘、内存、***总线等,服务器和通用的计算机架构类似,但是由于需要提供高可靠的服务,因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。(5)其他具有数据交互功能的电子设备。
本发明还实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现前述实施例一任一所述的填色方法。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。
为了描述的方便,描述以上装置是以功能分为各种单元/模块分别描述。当然,在实施本发明时可以把各单元/模块的功能在同一个或多个软件和/或硬件中实现。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质还可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random AccessMemory,RAM)等。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种填色方法,其特征在于,所述方法包括:
展示填色窗口;所述填色窗口中设有填色区域,所述填色区域包括多个填色子区域;所述填色区域的第一图层中显示第一贴图;所述第一贴图为具有镂空区域的边界纹理图;其中,镂空区域构成所述填色区域中的填色子区域;
接收对所述填色区域操作,确定第一填色子区域;
将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态;所述第二图层位于所述第一图层下方;
接收对所述第一填色子区域的点击操作;
将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图;其中,所述第三图层位于所述第二图层下方。
2.根据权利要求1所述的方法,其特征在于,所述在将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态之后,所述方法还包括:
将所述第一填色子区域对应的区域信息存入高亮区域信息列表。
3.根据权利要求2所述的方法,其特征在于,所述将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图,包括:
根据所述高亮区域信息列表,判断所述第二贴图的颜色状态是否为所述高亮颜色状态;
若是,则将所述第二贴图的颜色状态由所述高亮颜色调整为透明状态,以显示所述第三贴图。
4.根据权利要求3所述的方法,其特征在于,所述接收对所述填色区域操作,确定第一填色子区域,包括:
接收对所述填色窗口中的调色盘的点击操作,确定第一色块;
根据所述第一色块的编号信息确定所述第一填色子区域;其中,所述调色盘中设有多个不同颜色的色块、且每个色块至少关联一个填色子区域,所述每个色块还携带有编号信息。
5.根据权利要求2所述的方法,其特征在于,在将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图之后,所述方法还包括:
从所述高亮区域信息列表中删除所述第一填色子区域对应的区域信息。
6.一种填色装置,其特征在于,所述装置包括:
展示程序模块,用于展示填色窗口;所述填色窗口中设有填色区域,所述填色区域包括多个填色子区域;所述填色区域的第一图层中显示第一贴图;所述第一贴图为具有镂空区域的边界纹理图;其中,镂空区域构成所述填色区域中的填色子区域;
确定程序模块,用于接收对所述填色区域操作,确定第一填色子区域;
第一填色程序模块,用于将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态;所述第二图层位于所述第一图层下方;
接收程序模块,用于接收对所述第一填色子区域的点击操作;
第二填色程序模块,用于将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图;其中,所述第三图层位于所述第二图层下方。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:存储程序模块,用于在将所述第一填色子区域的第二图层中的第二贴图的颜色状态由不透明初始颜色状态调整为高亮颜色状态之后,将所述第一填色子区域对应的区域信息存入高亮区域信息列表。
8.根据权利要求7所述的装置,其特征在于,所述第二填色程序模块包括:
判断程序单元,用于根据所述高亮区域信息列表,判断所述第二贴图的颜色状态是否为所述高亮颜色状态;
填色程序单元,用于若判断所述第二贴图的颜色状态为所述高亮颜色状态,则将所述第二贴图的颜色状态由所述高亮颜色调整为透明状态,以显示所述第三贴图。
9.根据权利要求8所述的装置,其特征在于,所述确定程序模块包括:
色块确定程序单元,用于接收对所述填色窗口中的调色盘的点击操作,确定第一色块;
区域确定程序单元,用于根据所述第一色块的编号信息确定所述第一填色子区域;其中,所述调色盘中设有多个不同颜色的色块、且每个色块至少关联一个填色子区域,所述每个色块还携带有编号信息。
10.根据权利要求7所述的装置,其特征在于,所述装置还包括:删除程序模块,用于在将所述第二贴图的颜色状态由所述高亮颜色状态调整为透明状态,以显示所述第一填色子区域的第三图层中的第三贴图之后,从所述高亮区域信息列表中删除所述第一填色子区域对应的区域信息。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911390076.9A CN111161378B (zh) | 2019-12-27 | 2019-12-27 | 一种填色方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911390076.9A CN111161378B (zh) | 2019-12-27 | 2019-12-27 | 一种填色方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111161378A true CN111161378A (zh) | 2020-05-15 |
CN111161378B CN111161378B (zh) | 2023-10-17 |
Family
ID=70559257
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911390076.9A Active CN111161378B (zh) | 2019-12-27 | 2019-12-27 | 一种填色方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111161378B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115937356A (zh) * | 2022-04-25 | 2023-04-07 | 北京字跳网络技术有限公司 | 图像处理方法、装置、设备及介质 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7106343B1 (en) * | 2003-04-08 | 2006-09-12 | Carter Hickman | Method and process for virtual paint application |
JP2010074217A (ja) * | 2008-09-16 | 2010-04-02 | Kawai Musical Instr Mfg Co Ltd | 塗り絵画像生成方法、塗り絵画像生成用コンピュータプログラムおよび記録媒体 |
CN103500463A (zh) * | 2013-10-17 | 2014-01-08 | 北京大学 | 一种gpu上多层形状特征融合的可视化方法 |
US20140125687A1 (en) * | 2012-11-05 | 2014-05-08 | Nvidia Corporation | Method for sub-pixel texture mapping and filtering |
CN104765614A (zh) * | 2015-04-24 | 2015-07-08 | 广东小天才科技有限公司 | 填色处理方法及装置 |
US20160048980A1 (en) * | 2014-08-15 | 2016-02-18 | Qualcomm Incorporated | Bandwidth reduction using texture lookup by adaptive shading |
CN105719332A (zh) * | 2016-01-20 | 2016-06-29 | 阿里巴巴集团控股有限公司 | 色彩补间动画的实现方法和装置 |
CN105989622A (zh) * | 2015-03-17 | 2016-10-05 | 贝洱工艺公司 | 自动化方法和设备及预处理方法和计算机可读媒体 |
CN108128077A (zh) * | 2018-01-05 | 2018-06-08 | 昆山爱上艺术品有限公司 | 一种色块路网地图工艺画的制作方法及*** |
CN109785408A (zh) * | 2018-12-29 | 2019-05-21 | 北京金山安全软件有限公司 | 一种填图方法、装置及电子设备 |
-
2019
- 2019-12-27 CN CN201911390076.9A patent/CN111161378B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7106343B1 (en) * | 2003-04-08 | 2006-09-12 | Carter Hickman | Method and process for virtual paint application |
JP2010074217A (ja) * | 2008-09-16 | 2010-04-02 | Kawai Musical Instr Mfg Co Ltd | 塗り絵画像生成方法、塗り絵画像生成用コンピュータプログラムおよび記録媒体 |
US20140125687A1 (en) * | 2012-11-05 | 2014-05-08 | Nvidia Corporation | Method for sub-pixel texture mapping and filtering |
CN103500463A (zh) * | 2013-10-17 | 2014-01-08 | 北京大学 | 一种gpu上多层形状特征融合的可视化方法 |
US20160048980A1 (en) * | 2014-08-15 | 2016-02-18 | Qualcomm Incorporated | Bandwidth reduction using texture lookup by adaptive shading |
CN105989622A (zh) * | 2015-03-17 | 2016-10-05 | 贝洱工艺公司 | 自动化方法和设备及预处理方法和计算机可读媒体 |
CN104765614A (zh) * | 2015-04-24 | 2015-07-08 | 广东小天才科技有限公司 | 填色处理方法及装置 |
CN105719332A (zh) * | 2016-01-20 | 2016-06-29 | 阿里巴巴集团控股有限公司 | 色彩补间动画的实现方法和装置 |
CN108128077A (zh) * | 2018-01-05 | 2018-06-08 | 昆山爱上艺术品有限公司 | 一种色块路网地图工艺画的制作方法及*** |
CN109785408A (zh) * | 2018-12-29 | 2019-05-21 | 北京金山安全软件有限公司 | 一种填图方法、装置及电子设备 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115937356A (zh) * | 2022-04-25 | 2023-04-07 | 北京字跳网络技术有限公司 | 图像处理方法、装置、设备及介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111161378B (zh) | 2023-10-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109785408B (zh) | 一种填图方法、装置及电子设备 | |
CN103530018B (zh) | 安卓操作***中微件界面的建立方法及移动终端 | |
CN109901894B (zh) | 一种进度条图像生成方法、装置和存储介质 | |
US8745511B2 (en) | System and method for customizing layer based themes | |
CN103176684B (zh) | 一种多区域切换界面的方法及装置 | |
CN107833277A (zh) | 一种基于unity3D的全景漫游场景编辑方法 | |
CN107644067A (zh) | 一种二三维一体化的跨平台室内地图显示方法 | |
CN105528207A (zh) | 一种虚拟现实***及其中显示安卓应用图像的方法和装置 | |
US7934168B2 (en) | Storage medium storing program and information processing apparatus | |
CN111857878B (zh) | 骨架屏页面生成方法、装置、电子设备及存储介质 | |
CN114443945A (zh) | 一种虚拟用户界面中应用图标的展示方法及三维显示设备 | |
CN113379865A (zh) | 目标对象的绘制方法和*** | |
CN112967367A (zh) | 水波特效生成方法及装置、存储介质、计算机设备 | |
CN113318428A (zh) | 游戏的显示控制方法、非易失性存储介质及电子装置 | |
CN111161378B (zh) | 一种填色方法、装置及电子设备 | |
JP5661835B2 (ja) | 端末装置、表示処理方法及び表示処理プログラム | |
CN109542564A (zh) | 视图转场方法、装置、计算机可读存储介质和计算机设备 | |
CN110787452B (zh) | 游戏应用的启动方法、装置以及计算机设备 | |
CN106598374B (zh) | 用于界面的色彩过渡方法和装置 | |
CN104881230A (zh) | 在触控终端进行人机交互的方法和设备 | |
CN105892663A (zh) | 一种信息处理方法及电子设备 | |
CN114419207A (zh) | 信息处理方法、装置、可读存储介质和电子装置 | |
CN113101647B (zh) | 一种信息显示方法、装置、设备以及存储介质 | |
CN110975278A (zh) | 游戏中触感模拟的方法及装置、电子设备、存储介质 | |
CN118170284B (zh) | 窗口渲染方法、装置、设备以及介质 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20231020 Address after: 100041 No. 2202, 1st floor, building 2, No. 7, Shixing street, Shijingshan District, Beijing (cluster registration) Patentee after: Super magic cube (Beijing) Technology Co.,Ltd. Address before: 100085 East District, Second Floor, 33 Xiaoying West Road, Haidian District, Beijing Patentee before: BEIJING KINGSOFT INTERNET SECURITY SOFTWARE Co.,Ltd. |
|
TR01 | Transfer of patent right |