CN110314376A - 背景图片及背景光效的适配方法及计算机可读存储介质 - Google Patents

背景图片及背景光效的适配方法及计算机可读存储介质 Download PDF

Info

Publication number
CN110314376A
CN110314376A CN201910480513.XA CN201910480513A CN110314376A CN 110314376 A CN110314376 A CN 110314376A CN 201910480513 A CN201910480513 A CN 201910480513A CN 110314376 A CN110314376 A CN 110314376A
Authority
CN
China
Prior art keywords
ratio
height
width
background
resolution ratio
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
CN201910480513.XA
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.)
Fujian TQ Digital Co Ltd
Original Assignee
Fujian TQ Digital 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 Fujian TQ Digital Co Ltd filed Critical Fujian TQ Digital Co Ltd
Priority to CN201910480513.XA priority Critical patent/CN110314376A/zh
Publication of CN110314376A publication Critical patent/CN110314376A/zh
Pending legal-status Critical Current

Links

Classifications

    • AHUMAN NECESSITIES
    • A63SPORTS; GAMES; AMUSEMENTS
    • A63FCARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/50Controlling the output signals based on the game progress
    • A63F13/52Controlling the output signals based on the game progress involving aspects of the displayed game scene
    • AHUMAN NECESSITIES
    • A63SPORTS; GAMES; AMUSEMENTS
    • A63FCARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/60Generating or modifying game content before or while executing the game program, e.g. authoring tools specially adapted for game development or game-integrated level editor

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Image Processing (AREA)

Abstract

本发明公开了一种背景图片及背景光效的适配方法及计算机可读存储介质,方法包括:分别生成与各基准背景分辨率一一对应的基准背景图片;分别生成与各基准背景图片适配的基准背景光效;获取显示屏的屏幕分辨率,并计算宽高比,得到第一宽高比;根据第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率;分别计算屏幕分辨率与一基准背景分辨率的宽度比和高度比;选取宽度比和高度比中较大的值,得到缩放比例;根据缩放比例,分别对基准背景图片和基准背景光效进行缩放,得到适配背景图片和适配背景光效;分别将适配背景图片和适配背景光效居中显示在显示屏上。本发明可保证背景图片和背景光效不会错位,且可解决视角范围变小的问题。

Description

背景图片及背景光效的适配方法及计算机可读存储介质
技术领域
本发明涉及屏幕显示技术领域,尤其涉及一种背景图片及背景光效的适配方法及计算机可读存储介质。
背景技术
目前,随着智能手机的普及,越来越多人使用智能手机。由于电子信息技术发展飞快,出现了各种屏幕尺寸大小的手机。现在手机硬件配置越来越高,因此很多手机游戏都推出了高清画质,并增加了很酷炫的游戏光效渲染。而一些制作精美的游戏画面,背景图跟光效是严格结合在一起的。因此要求手机游戏在开发的时候,要考虑到各种分辨率的手机屏幕,对各种不同宽高比例的设备进行适配处理。
在公开号为CN105760178A的中国专利公开文件中,公开了一种对界面控件进行适配的方法及装置,其中,方法包括如下步骤:选取与所述屏幕分辨率的宽高比最接近的一基准背景分辨率和一设计PPI值;将画布按照所述基准背景分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放;按照所述设计PPI值与所述设备PPI值的比值,对控件进行缩放;选取一中间分辨率,所述中间分辨率的宽度与所述基准背景分辨率的宽度相同,所述中间分辨率的宽高比与所述设备分辨率的宽高比相同;将画布按照所述中间分辨率在纵向上进行缩放;将画布按照所述中间分辨率与所述设备分辨率的比值进行等比例缩放。但该方案存在以下缺点:
缺点一:错位问题。上述方案主要是针对游戏界面控件进行缩放处理,对于普通控件来说,控件的大小缩放或者位置移动影响不大,但是若对有位置匹配要求的控件进行缩放处理,则会存在一定程度的错位。
例如,如图1所示的游戏登录界面,包括游戏背景界面和相应的光效,其中光效是和背景位置严格对应的(门上面的宝石插槽和宝石光效是有严格位置匹配要求的)。按照上述专利的技术,背景根据基准背景分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放,由于不同设备的宽高比不一致,因此在纵向上进行缩放的比例也不一致,从而会导致光效和背景错位。
缺点二:手机分辨率变大,但视视角范围却变小。由于是从一张背景图里面去找出适合的范围,因此可能会出现手机的屏幕变大,但是视角范围缺变小的情况。例如,某款折叠屏手机,其普通分辨率2480×1336,但是折叠屏展开后,分辨率变成2480×2200,接近正方形的形状,按照上述专利的技术,则会显示原背景图中中间的一块将近正方向形状的区域,如图2中框内的部分,相比分辨率比较低的折叠状态看到的视角更少。
发明内容
本发明所要解决的技术问题是:提供一种背景图片及背景光效的适配方法及计算机可读存储介质,可保证背景图片和背景光效不会错位,且可解决视角范围变小的问题。
为了解决上述技术问题,本发明采用的技术方案为:一种背景图片及背景光效的适配方法,包括:
根据原始背景图片和预设的基准背景分辨率,分别生成与各基准背景分辨率一一对应的基准背景图片;
根据原始背景光效,分别生成与各基准背景图片适配的基准背景光效;
获取显示屏的屏幕分辨率,并计算所述屏幕分辨率的宽高比,得到第一宽高比;
根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率;
分别计算所述屏幕分辨率与所述一基准背景分辨率的宽度比和高度比;
选取所述宽度比和高度比中较大的值,得到缩放比例;
根据所述缩放比例,分别对所述一基准背景分辨率对应的基准背景图片及其适配的基准背景光效进行缩放,得到适配背景图片和适配背景光效;
分别将所述适配背景图片和适配背景光效居中显示在所述显示屏上。
本发明还涉及一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现如上所述的步骤。
本发明的有益效果在于:通过采用多个基准背景分辨率,并生成多张基准背景图片和基准背景光效,可根据不同的屏幕分辨率选取基准背景分辨率,再对选取的基准背景分辨率对应的基准背景图片和基准背景光效进行缩放和位置调整,从而对于不同的屏幕分辨率都可以达到较好的显示效果,且可避免屏幕分辨率较大视角却较小的问题;通过将基准背景图片和基准背景光效按照相同的缩放比例进行缩放,并将适配背景图片和适配背景光效的中心位置对齐,使得适配背景图片和适配背景光效可完全对位,避免错位的问题。本发明可保证背景图片和背景光效不会错位,且可解决屏幕分辨率变大视角范围却变小的问题。
附图说明
图1为现有技术中的游戏登录界面示意图一;
图2为现有技术中的游戏登录界面示意图二;
图3为本发明实施例一的一种背景图片及背景光效的适配方法的流程图;
图4为本发明实施例一的游戏登录界面示意图一;
图5为本发明实施例一的游戏登录界面示意图二。
具体实施方式
为详细说明本发明的技术内容、所实现目的及效果,以下结合实施方式并配合附图详予说明。
本发明最关键的构思在于:设置多个基准背景分辨率;将基准背景图片和基准背景光效按照相同的缩放比例进行缩放,将适配背景图片和适配背景光效的中心位置对齐。
请参阅图3,一种背景图片及背景光效的适配方法,包括:
根据原始背景图片和预设的基准背景分辨率,分别生成与各基准背景分辨率一一对应的基准背景图片;
根据原始背景光效,分别生成与各基准背景图片适配的基准背景光效;
获取显示屏的屏幕分辨率,并计算所述屏幕分辨率的宽高比,得到第一宽高比;
根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率;
分别计算所述屏幕分辨率与所述一基准背景分辨率的宽度比和高度比;
选取所述宽度比和高度比中较大的值,得到缩放比例;
根据所述缩放比例,分别对所述一基准背景分辨率对应的基准背景图片及其适配的基准背景光效进行缩放,得到适配背景图片和适配背景光效;
分别将所述适配背景图片和适配背景光效居中显示在所述显示屏上。
从上述描述可知,本发明的有益效果在于:可保证背景图片和背景光效不会错位,且可解决屏幕分辨率变大视角范围却变小的问题。
进一步地,所述根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率具体为:
从各基准背景分辨率中选取宽高比与所述第一宽高比最接近的一基准背景分辨率。
由上述描述可知,通过选取宽高比最接近的基准背景分辨率,得到与显示屏较匹配的基准背景图片,可提高后续生成适配背景图片和适配背景光效的效率,且可保证较佳的显示视角。
进一步地,所述根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率具体为:
分别计算各基准背景分辨率的宽高比,得到第二宽高比,并将所述第二宽高比从大到小进行排序;
根据第一公式,分别计算相邻的两个第二宽高比的差值,所述第一公式为Deltai=Ri-Ri+1,其中,Deltai为差值,Ri和Ri+1为第二宽高比,i=1,2,…,n-1,n为基准背景分辨率的个数;
根据第二公式,分别计算所述第二宽高比对应的比较阈值,所述第二公式为Zi=Ri-Deltai×W,其中,Zi为Ri对应的比较阈值,W为预设的权重;
若所述第一宽高比大于或等于Z1,则选取R1对应的基准背景分辨率;
若所述第一宽高比大于或等于Zi,且小于Zi-1,则选取Ri对应的基准背景分辨率;
若所述第一宽高比小于Zn-1,则选取Rn对应的基准背景分辨率。
进一步地,所述根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率具体为:
分别计算各基准背景分辨率的宽高比,得到第二宽高比,并将所述第二宽高比从小到大进行排序;
根据第三公式,分别计算相邻的两个第二宽高比的差值,所述第三公式为Deltai=Ri+1-Ri,其中,Deltai为差值,Ri和Ri+1为第二宽高比,i=1,2,…,n-1,n为基准背景分辨率的个数;
根据第四公式,分别计算所述第二宽高比对应的比较阈值,所述第四公式为Zi=Ri+Deltai×W,其中,Zi为Ri对应的比较阈值,W为预设的权重;
若所述第一宽高比小于Z1,则选取R1对应的基准背景分辨率;
若所述第一宽高比小于Zi,且大于或等于Zi-1,则选取Ri对应的基准背景分辨率;
若所述第一宽高比大于或等于Zn-1,则选取Rn对应的基准背景分辨率。
进一步地,还包括:
若Ri和Ri+1对应的基准背景分辨率均为预设的主流分辨率,或均不为预设的主流分辨率,则W为预设的第一权重;
若Ri对应的基准背景分辨率为预设的主流分辨率,且Ri+1对应的基准背景分辨率不为预设的主流分辨率,则W为预设的第二权重;
若Ri对应的基准背景分辨率不为预设的主流分辨率,且Ri+1对应的基准背景分辨率为预设的主流分辨率,则W为预设的第三权重。
进一步地,所述第一权重小于所述第二权重,且大于所述第三权重,所述第二权重与第三权重之和为1。
由上述描述可知,通过扩大主流分辨率的宽高比对应的区间范围,提高主流分辨率被选取的概率。
进一步地,所述分别将所述适配背景图片和适配背景光效居中显示在所述显示屏上具体为:
将所述适配背景图片的中心点位置与所述显示屏的中心点位置重合;
将所述适配背景光效的中心点位置与所述适配背景图片的中心点位置重合。
由上述描述可知,通过中心对齐,可保证适配背景图片和适配背景光效不会错位。
本发明还提出一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现如上所述的步骤。
实施例一
请参照图3-5,本发明的实施例一为:一种背景图片及背景光效的适配方法,可应用于手机游戏,如图3所示,包括如下步骤:
S1:根据原始背景图片和预设的基准背景分辨率,分别生成与各基准背景分辨率一一对应的基准背景图片。
一般美工在设计游戏背景图的时候,会有一个比较大的场景,比如2480×2480,然后设计光效的时候,会让光效严格跟这个2480×2480的背景图一致。在本实施例中,将这个2480×2480的背景图称作原始背景图片,将与其适配的光效称作原始背景光效。
本实施例中,假设有三个基准背景分辨率,分别为2480×1136,1280×720,2480×2200,则分别对原始背景图片进行缩放和裁剪(裁剪边沿),生成分别对应这三个基准背景分辨率的基准背景图片。
S2:根据原始背景光效,分别生成与各基准背景图片适配的基准背景光效。
在生成基准背景图片时,除了对原始背景图片进行缩放外,还会进行裁剪,而背景光效是无需裁剪的,并且由于原始背景图片上的元素的宽高比是等比变化的,因此只要将原始背景光效以同样的缩放系数进行缩放,则得到的基准背景光效的大小还是跟基准背景图片匹配的,然后对基准背景光效进行位置调整,让基准背景光效的中心点与基准背景图片的中心点重合,就可以保证光效和背景不会错位。
进一步地,基准背景光效的尺寸大小不需要跟基准背景图片的尺寸大小一样。当然要一样也可以,但是由于不同基准背景分辨率下,基准背景图片会有裁减,而基准背景光效没有裁剪,只是配置不同缩放比例,所以最终还是会出现某些基准背景分辨率下,基准背景图片的尺寸大小和基准背景光效的尺寸大小不一致的情况。
S3:获取显示屏的屏幕分辨率,并计算所述屏幕分辨率的宽高比,得到第一宽高比。当应用于手机游戏时,即获取移动终端(如手机)屏幕的屏幕分辨率,本实施例中,假设屏幕分辨率为1334×800,则第一宽高比Rx=1334/800=1.6675。
S4:根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率。具体地,可直接选取宽高比与所述第一宽高比最接近的一基准背景分辨率。例如,假设有三个基准背景分辨率,分别为2480×1136,1280×720,2480×2200,则计算出的宽高比分别为2480/1136=2.183,1280/720=1.778,2480/2200=1.127,则与Rx最接近的宽高比为1.778,因此,选取的基准背景分辨率为1280×720。
S5:分别计算所述屏幕分辨率与所述一基准背景分辨率的宽度比和高度比。例如,假设所述一基准背景分辨率的宽度和高度分别为W1和H1,屏幕分辨率的宽度和高度分别为W2和H2,即W1=1280,H1=720,W2=1334,H2=800,则宽度比RateW=W2/W1=1334/1280=1.042,高度比RateH=H2/H1=800/720=1.111。
S6:选取所述宽度比和高度比中较大的值,得到缩放比例。由于1.111>1.042,因此选取高度比1.111作为缩放比例,即缩放比例Rate3=1.111。
S7:根据所述缩放比例,分别对所述一基准背景分辨率对应的基准背景图片及其适配的基准背景光效进行缩放,得到适配背景图片和适配背景光效。
对于所述一基准背景分辨率1280×720对应的基准背景图片,缩放后的宽为W3=W1×Rate3=1280×1.111=1422,缩放后的高为H3=H1×Rate3=720×1.111=800,即适配背景图片的大小为1422×800。由于缩放比例是从基准背景分辨率与屏幕分辨率的宽度比和高度比中确定的,因此,适配背景图片的宽度或高度会与屏幕分辨率的宽度或高度相同。
对于适配的基准背景光效,假设其大小为1400×800,即基准背景光效的宽度W4=1400,高度H4=800,则缩放后的宽为W5=W4×Rate3=1400×1.111=1555.4,缩放后的高为H5=H4×Rate3=800×1.111=888.8,即适配背景光效的大小为1555.4×888.8。
S8:分别将所述适配背景图片和适配背景光效居中显示在所述显示屏上,可先对适配背景图片进行位置调整,使适配背景图片的中心点与显示屏的中心点重合,然后对适配背景光效进行位置调整,使适配背景光效的中心点与适配背景图片的中心点重合,也即与显示屏的中心点重合。
具体地,可先在显示屏在建立直角坐标系,如以显示屏的左上角为原点,以向右方向为X轴正方向,以向下方向为Y轴正方向,建立直角坐标系,此时左上角的坐标为(0,0),即X1=0,Y1=0。
对于适配背景图片,其左上角的坐标分别根据第五公式X2=X1+W2/2-W3/2和第六公式Y2=Y1+H2/2-H3/2进行计算,即X2=0+1334/2-1422/2=-44,Y2=0+800/2-800/2=0,因此,将适配背景图片的左上角移动到(-44,0)的位置,,即可使适配背景图片的中心点与显示屏的中心点重合,此时,适配背景图片在纵向方向上可完全显示在显示屏上,即完全可见的,但横向两端有一小部分是不可见的。
对于适配背景光效,其左上角的坐标分别根据第七公式X3=X1+W2/2-W5/2和第八公式Y3=Y1+H2/2-H5/2进行计算,即X3=0+1334/2-1555.4/2=-110.7,Y3=0+800/2-888.8/2=-44.4,由于显示屏上以像素点为最小单位,因此当计算出的数值包含小数时,则需对其进行取整,本实施例采用四舍五入法进行取整,因此,X3=-111,Y3=-44。因此,将适配背景光效的左上角移动到(-111,-44)的位置,虽然中心点会与适配背景图片的中心点有误差,但误差不超过1,属于可接受的范围。此时,适配背景光效四周一圈是不可见的。
由于适配背景图片的宽高是由基准背景图片的宽高等比缩放的,因此,最终显示的背景图片不会变形;背景光效的缩放比例与背景图片一致,且中心位置与背景图片的中心位置一致,使得最后显示的背景光效与背景图片是完全对位的,不会错位,如图4所示。
由于现有技术中只有一个基准背景分辨率,对应只有一张背景图片,因此屏幕分辨率不同时,只能从基准背景图里面截取适合的区域显示,如图2中的框内部分所示。而本实施例采用多个基准背景分辨率,并对应生成多张基准背景图片和基准背景光效,可根据不同的屏幕分辨率选取基准背景分辨率,再对选取的基准背景分辨率对应的基准背景图片和基准背景光效进行缩放,可避免屏幕分辨率较大视角却较小的问题。例如,对比图5和图2中框内的部分,明显可以看出图5在纵向画面展示的内容更多,即可解决视角变小的问题。
本实施例可保证背景图片和背景光效不会错位,且可解决屏幕分辨率变大视角范围却变小的问题。
实施例二
本实施例是实施例一中步骤S4的进一步拓展。
步骤S4中,也可按照下述方法进行基准背景分辨率的选取:
首先,分别计算各基准背景分辨率的宽高比,得到第二宽高比,并将所述第二宽高比进行排序。例如,假设有三个基准背景分辨率,分别为2480×1136,1280×720,2480×2200,则计算出的宽高比分别为2480/1136=2.183,1280/720=1.778,2480/2200=1.127,然后按照从大到小的顺序进行排序,得到R1=2.183,R2=1.778,R3=1.127。
然后,根据第一公式,分别计算相邻的两个第二宽高比的差值,所述第一公式为Deltai=Ri-Ri+1,其中,Deltai为相邻的两个第二宽高比的差值,Ri和Ri+1为第二宽高比,i=1,2,…,n-1,n为基准背景分辨率的个数,因此,可以计算得到n-1个差值。例如,Delta1=|R1-R2|=|2.183-1.778|=0.405,Delta2=|R2-R3|=|1.778-1.127|=0.651。
接着,根据第二公式,分别计算所述第二宽高比对应的比较阈值,所述第二公式为Zi=Ri-Deltai×W,其中,Zi为Ri对应的比较阈值,W为预设的权重。
其中,可以根据Ri和Ri+1是否为预设的主流分辨率来确定W的取值。具体地,若Ri和Ri+1对应的基准背景分辨率均为预设的主流分辨率,或均不为预设的主流分辨率,则W为预设的第一权重;若Ri对应的基准背景分辨率为预设的主流分辨率,且Ri+1对应的基准背景分辨率不为预设的主流分辨率,则W为预设的第二权重;若Ri对应的基准背景分辨率不为预设的主流分辨率,且Ri+1对应的基准背景分辨率为预设的主流分辨率,则W为预设的第三权重。
进一步地,第二权重>第一权重>第三权重,所述第二权重和第三权重之和为1。优选地,所述第一权重为0.5,所述第二权重为0.7,所述第三权重为0.3。
例如,对于上述三个基准背景分辨率,其中1280×720属于市面上比较主流的分辨率,因此R2对应的基准背景分辨率为预设的主流分辨率,则根据第二公式可得Z1=R1-Delta1×W=2.183-0.405×0.3=2.0615,Z2=R2-Delta2×W=1.778-0.651×0.7=1.3223。
最后,根据所述第一宽高比以及各比较阈值,选取一基准背景分辨率;具体地,若所述第一宽高比大于或等于Z1,则选取R1对应的基准背景分辨率;若所述第一宽高比大于或等于Zi,且小于Zi-1,则选取Ri对应的基准背景分辨率(i=2,…,n-1);若所述第一宽高比小于Zn-1,则选取Rn对应的基准背景分辨率。
当第一宽高比Rx=1334/800=1.6675时,由于Z2<Rx<Z1,因此选取R2对应的基准背景分辨率,即1280×720。
进一步地,本实施例中,第二宽高比也可以按照从小到大的顺序进行排序,即R1=1.127,R2=1.778,R3=2.183。然后根据第三公式Deltai=Ri+1-Ri计算相邻的两个第二宽高比的差值,分别为Delta1=|R1-R2|=|1.127-1.778|=0.651,Delta2=|R2-R3|=|1.778-2.183|=0.405。接着根据第四公式Zi=Ri+Deltai×W计算第二宽高比对应的比较阈值,分别为Z1=R1+Delta1×W=1.127+0.651×0.3=1.3223,Z2=R2+Delta2×W=1.778+0.405×0.7=2.0615。最后选取基准背景分辨率的判断方法为:若所述第一宽高比小于Z1,则选取R1对应的基准背景分辨率;若所述第一宽高比小于Zi,且大于或等于Zi-1,则选取Ri对应的基准背景分辨率(i=2,…,n-1);若所述第一宽高比大于或等于Zn-1,则选取Rn对应的基准背景分辨率。
当第一宽高比Rx=1334/800=1.6675时,由于Z1<Rx<Z2,因此选取R2对应的基准背景分辨率,即1280×720。
本实施例通过上述方法,调整了各基准背景分辨率的宽高比对应的区间范围,当基准背景分辨率为预设的主流分辨率时,其对应的区间范围扩大了,反之,当基准背景分辨率不为主流分辨率时,其对应的区间范围缩小了。由于当屏幕分辨率的宽高比落入哪个区间范围,则选取哪个区间范围对应的基准背景分辨率,因此,通过扩大主流分辨率的宽高比对应的区间范围,提高主流分辨率被选取的概率。
实施例三
本实施例是对应上述实施例的一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现如下步骤:
根据原始背景图片和预设的基准背景分辨率,分别生成与各基准背景分辨率一一对应的基准背景图片;
根据原始背景光效,分别生成与各基准背景图片适配的基准背景光效;
获取显示屏的屏幕分辨率,并计算所述屏幕分辨率的宽高比,得到第一宽高比;
根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率;
分别计算所述屏幕分辨率与所述一基准背景分辨率的宽度比和高度比;
选取所述宽度比和高度比中较大的值,得到缩放比例;
根据所述缩放比例,分别对所述一基准背景分辨率对应的基准背景图片及其适配的基准背景光效进行缩放,得到适配背景图片和适配背景光效;
分别将所述适配背景图片和适配背景光效居中显示在所述显示屏上。
进一步地,所述根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率具体为:
从各基准背景分辨率中选取宽高比与所述第一宽高比最接近的一基准背景分辨率。
进一步地,所述根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率具体为:
分别计算各基准背景分辨率的宽高比,得到第二宽高比,并将所述第二宽高比从大到小进行排序;
根据第一公式,分别计算相邻的两个第二宽高比的差值,所述第一公式为Deltai=Ri-Ri+1,其中,Deltai为差值,Ri和Ri+1为第二宽高比,i=1,2,…,n-1,n为基准背景分辨率的个数;
根据第二公式,分别计算所述第二宽高比对应的比较阈值,所述第二公式为Zi=Ri-Deltai×W,其中,Zi为Ri对应的比较阈值,W为预设的权重;
若所述第一宽高比大于或等于Z1,则选取R1对应的基准背景分辨率;
若所述第一宽高比大于或等于Zi,且小于Zi-1,则选取Ri对应的基准背景分辨率;
若所述第一宽高比小于Zn-1,则选取Rn对应的基准背景分辨率。
进一步地,所述根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率具体为:
分别计算各基准背景分辨率的宽高比,得到第二宽高比,并将所述第二宽高比从小到大进行排序;
根据第三公式,分别计算相邻的两个第二宽高比的差值,所述第三公式为Deltai=Ri+1-Ri,其中,Deltai为差值,Ri和Ri+1为第二宽高比,i=1,2,…,n-1,n为基准背景分辨率的个数;
根据第四公式,分别计算所述第二宽高比对应的比较阈值,所述第四公式为Zi=Ri+Deltai×W,其中,Zi为Ri对应的比较阈值,W为预设的权重;
若所述第一宽高比小于Z1,则选取R1对应的基准背景分辨率;
若所述第一宽高比小于Zi,且大于或等于Zi-1,则选取Ri对应的基准背景分辨率;
若所述第一宽高比大于或等于Zn-1,则选取Rn对应的基准背景分辨率。
进一步地,还包括:
若Ri和Ri+1对应的基准背景分辨率均为预设的主流分辨率,或均不为预设的主流分辨率,则W为预设的第一权重;
若Ri对应的基准背景分辨率为预设的主流分辨率,且Ri+1对应的基准背景分辨率不为预设的主流分辨率,则W为预设的第二权重;
若Ri对应的基准背景分辨率不为预设的主流分辨率,且Ri+1对应的基准背景分辨率为预设的主流分辨率,则W为预设的第三权重。
进一步地,所述第一权重小于所述第二权重,且大于所述第三权重,所述第二权重与第三权重之和为1。
进一步地,所述分别将所述适配背景图片和适配背景光效居中显示在所述显示屏上具体为:
将所述适配背景图片的中心点位置与所述显示屏的中心点位置重合;
将所述适配背景光效的中心点位置与所述适配背景图片的中心点位置重合。
综上所述,本发明提供的一种背景图片及背景光效的适配方法及计算机可读存储介质,通过采用多个基准背景分辨率,并生成多张基准背景图片和基准背景光效,可根据不同的屏幕分辨率选取基准背景分辨率,再对选取的基准背景分辨率对应的基准背景图片和基准背景光效进行缩放和位置调整,从而对于不同的屏幕分辨率都可以达到较好的显示效果,且可避免屏幕分辨率较大视角却较小的问题;通过将基准背景图片和基准背景光效按照相同的缩放比例进行缩放,并将适配背景图片和适配背景光效的中心位置对齐,使得适配背景图片和适配背景光效可完全对位,避免错位的问题。本发明可保证背景图片和背景光效不会错位,且可解决屏幕分辨率变大视角范围却变小的问题。
以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等同变换,或直接或间接运用在相关的技术领域,均同理包括在本发明的专利保护范围内。

Claims (8)

1.一种背景图片及背景光效的适配方法,其特征在于,包括:
根据原始背景图片和预设的基准背景分辨率,分别生成与各基准背景分辨率一一对应的基准背景图片;
根据原始背景光效,分别生成与各基准背景图片适配的基准背景光效;
获取显示屏的屏幕分辨率,并计算所述屏幕分辨率的宽高比,得到第一宽高比;
根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率;
分别计算所述屏幕分辨率与所述一基准背景分辨率的宽度比和高度比;
选取所述宽度比和高度比中较大的值,得到缩放比例;
根据所述缩放比例,分别对所述一基准背景分辨率对应的基准背景图片及其适配的基准背景光效进行缩放,得到适配背景图片和适配背景光效;
分别将所述适配背景图片和适配背景光效居中显示在所述显示屏上。
2.根据权利要求1所述的一种背景图片及背景光效的适配方法,其特征在于,所述根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率具体为:
从各基准背景分辨率中选取宽高比与所述第一宽高比最接近的一基准背景分辨率。
3.根据权利要求1所述的一种背景图片及背景光效的适配方法,其特征在于,所述根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率具体为:
分别计算各基准背景分辨率的宽高比,得到第二宽高比,并将所述第二宽高比从大到小进行排序;
根据第一公式,分别计算相邻的两个第二宽高比的差值,所述第一公式为Deltai=Ri-Ri+1,其中,Deltai为差值,Ri和Ri+1为第二宽高比,i=1,2,…,n-1,n为基准背景分辨率的个数;
根据第二公式,分别计算所述第二宽高比对应的比较阈值,所述第二公式为Zi=Ri-Deltai×W,其中,Zi为Ri对应的比较阈值,W为预设的权重;
若所述第一宽高比大于或等于Z1,则选取R1对应的基准背景分辨率;
若所述第一宽高比大于或等于Zi,且小于Zi-1,则选取Ri对应的基准背景分辨率;
若所述第一宽高比小于Zn-1,则选取Rn对应的基准背景分辨率。
4.根据权利要求1所述的一种背景图片及背景光效的适配方法,其特征在于,所述根据所述第一宽高比以及各基准背景分辨率的宽高比,选取一基准背景分辨率具体为:
分别计算各基准背景分辨率的宽高比,得到第二宽高比,并将所述第二宽高比从小到大进行排序;
根据第三公式,分别计算相邻的两个第二宽高比的差值,所述第三公式为Deltai=Ri+1-Ri,其中,Deltai为差值,Ri和Ri+1为第二宽高比,i=1,2,…,n-1,n为基准背景分辨率的个数;
根据第四公式,分别计算所述第二宽高比对应的比较阈值,所述第四公式为Zi=Ri+Deltai×W,其中,Zi为Ri对应的比较阈值,W为预设的权重;
若所述第一宽高比小于Z1,则选取R1对应的基准背景分辨率;
若所述第一宽高比小于Zi,且大于或等于Zi-1,则选取Ri对应的基准背景分辨率;
若所述第一宽高比大于或等于Zn-1,则选取Rn对应的基准背景分辨率。
5.根据权利要求3或4所述的一种背景图片及背景光效的适配方法,其特征在于,还包括:
若Ri和Ri+1对应的基准背景分辨率均为预设的主流分辨率,或均不为预设的主流分辨率,则W为预设的第一权重;
若Ri对应的基准背景分辨率为预设的主流分辨率,且Ri+1对应的基准背景分辨率不为预设的主流分辨率,则W为预设的第二权重;
若Ri对应的基准背景分辨率不为预设的主流分辨率,且Ri+1对应的基准背景分辨率为预设的主流分辨率,则W为预设的第三权重。
6.根据权利要求5所述的一种背景图片及背景光效的适配方法,其特征在于,所述第一权重小于所述第二权重,且大于所述第三权重,所述第二权重与第三权重之和为1。
7.根据权利要求1所述的一种背景图片及背景光效的适配方法,其特征在于,所述分别将所述适配背景图片和适配背景光效居中显示在所述显示屏上具体为:
将所述适配背景图片的中心点位置与所述显示屏的中心点位置重合;
将所述适配背景光效的中心点位置与所述适配背景图片的中心点位置重合。
8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-7任一项所述的步骤。
CN201910480513.XA 2019-06-04 2019-06-04 背景图片及背景光效的适配方法及计算机可读存储介质 Pending CN110314376A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910480513.XA CN110314376A (zh) 2019-06-04 2019-06-04 背景图片及背景光效的适配方法及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910480513.XA CN110314376A (zh) 2019-06-04 2019-06-04 背景图片及背景光效的适配方法及计算机可读存储介质

Publications (1)

Publication Number Publication Date
CN110314376A true CN110314376A (zh) 2019-10-11

Family

ID=68119581

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910480513.XA Pending CN110314376A (zh) 2019-06-04 2019-06-04 背景图片及背景光效的适配方法及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN110314376A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112099887A (zh) * 2020-08-21 2020-12-18 完美世界(重庆)互动科技有限公司 界面调整方法、装置、计算机设备及计算机可读存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013173548A2 (en) * 2012-05-17 2013-11-21 Thomson Licensing Adapting large format stereoscopic content to other platforms
CN104063178A (zh) * 2014-06-26 2014-09-24 马雁飞 一种基于触摸屏的结构化网页的显示及切换方法
CN105282321A (zh) * 2015-08-28 2016-01-27 上海健保科技有限公司 一种应用软件用户界面与显示设备的适配方法
CN106157247A (zh) * 2016-07-06 2016-11-23 北京元心科技有限公司 一种图片处理方法和系统
CN106648511A (zh) * 2016-12-16 2017-05-10 竞技世界(北京)网络技术有限公司 一种显示分辨率的自适应显示方法及装置
CN107861711A (zh) * 2016-09-22 2018-03-30 腾讯科技(深圳)有限公司 页面适配方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013173548A2 (en) * 2012-05-17 2013-11-21 Thomson Licensing Adapting large format stereoscopic content to other platforms
CN104063178A (zh) * 2014-06-26 2014-09-24 马雁飞 一种基于触摸屏的结构化网页的显示及切换方法
CN105282321A (zh) * 2015-08-28 2016-01-27 上海健保科技有限公司 一种应用软件用户界面与显示设备的适配方法
CN106157247A (zh) * 2016-07-06 2016-11-23 北京元心科技有限公司 一种图片处理方法和系统
CN107861711A (zh) * 2016-09-22 2018-03-30 腾讯科技(深圳)有限公司 页面适配方法及装置
CN106648511A (zh) * 2016-12-16 2017-05-10 竞技世界(北京)网络技术有限公司 一种显示分辨率的自适应显示方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112099887A (zh) * 2020-08-21 2020-12-18 完美世界(重庆)互动科技有限公司 界面调整方法、装置、计算机设备及计算机可读存储介质
CN112099887B (zh) * 2020-08-21 2021-12-17 完美世界(重庆)互动科技有限公司 界面调整方法、装置、计算机设备及计算机可读存储介质

Similar Documents

Publication Publication Date Title
CN107133005B (zh) 一种柔性屏的显示方法及移动终端
US9772771B2 (en) Image processing for introducing blurring effects to an image
US11194536B2 (en) Image processing method and apparatus for displaying an image between two display screens
US8774495B2 (en) Image synthesizing apparatus and method of synthesizing images
CN106658139B (zh) 一种焦点控制方法及装置
CN111552530A (zh) 用户界面的终端屏幕适配方法、装置及设备
CN110244996A (zh) 一种横屏显示终端适配竖屏应用程序的方法、装置及终端
CN110062282A (zh) 一种超分辨率视频重建方法、装置及电子设备
CN105741819B (zh) 一种图层处理方法及装置
CN105320481A (zh) 数据的显示方法及装置、移动终端
CN110314376A (zh) 背景图片及背景光效的适配方法及计算机可读存储介质
CN105373373B (zh) 一种快速生成图标的方法和装置
CN105824515A (zh) 一种元素显示的方法及装置
CN107861711B (zh) 页面适配方法及装置
CN113628239B (zh) 显示优化方法、相关装置及计算机程序产品
CN109144443A (zh) 电子设备多屏显示方法、电子设备及计算机可读存储介质
CN106161987B (zh) 一种多图像同屏显示方法及多图像同屏显示系统
CN111209034B (zh) Tv大屏可视化动态页面配置的方法
CN108510541A (zh) 一种信息调节方法、电子设备和计算机可读存储介质
CN112202963A (zh) 一种手机银行防窥屏方法及装置、存储介质及电子设备
CN108196805B (zh) 一种拼接墙显示方法及装置
US20140218402A1 (en) Apparatus and Method to Display Images Protected From Capture
CN110069641A (zh) 图像处理方法、装置和电子设备
CN106325956A (zh) 一种应用程序图标调整方法及装置
CN109675312B (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