CN104850389A - 动态界面的实现方法及装置 - Google Patents

动态界面的实现方法及装置 Download PDF

Info

Publication number
CN104850389A
CN104850389A CN201410050879.0A CN201410050879A CN104850389A CN 104850389 A CN104850389 A CN 104850389A CN 201410050879 A CN201410050879 A CN 201410050879A CN 104850389 A CN104850389 A CN 104850389A
Authority
CN
China
Prior art keywords
particle
background
interface
emitter
dynamic
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
Application number
CN201410050879.0A
Other languages
English (en)
Other versions
CN104850389B (zh
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201410050879.0A priority Critical patent/CN104850389B/zh
Publication of CN104850389A publication Critical patent/CN104850389A/zh
Application granted granted Critical
Publication of CN104850389B publication Critical patent/CN104850389B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例提供一种动态界面的实现方法及装置。其中方法包括:生成界面元素以及对应的动画效果,所述界面元素包括背景、背景中的物体以及与所述物体对应的粒子图像;创建粒子发射器,设置粒子发射器的属性;生成一个或多个粒子源,定义粒子源的粒子参数,所述粒子参数包括粒子的内容,将所述粒子图像作为所述粒子的内容;将所述一个或多个粒子源添加至所述粒子发射器中;以及实现背景以及背景中的物体对应的动画效果,并利用所述粒子发射器显示所述物体的动态粒子效果。本发明实施例提供的动态界面的实现方法及装置,可以使界面具有粒子动态效果,能够高仿真的还原现实生活中的物体运动的轨迹与特效,增加了界面的真实感和趣味性。

Description

动态界面的实现方法及装置
技术领域
本发明涉及互联网技术领域,尤其涉及一种动态界面的实现方法及装置。
背景技术
随着终端技术的快速发展,终端的功能也逐渐得到完善,基于终端开发的系统应用(例如桌面、天气等)或者第三方应用(例如个人空间、即时通信工具等)也越来越多。各种应用除了从内容和功能上为用户提供各种不一样的体验外,也开始采用更具吸引力的装扮(cover)和背景来吸引用户。
目前,用户可以通过拍照、从本地相册或空间相册中选取图片作为自己的应用背景,可以选择应用推荐的图片来装点应用的装扮和背景,使自己的应用更具个性化,但这些图片都是静态的,缺少真实感和视觉融入感。
发明内容
有鉴于此,本发明提供一种动态界面的实现方法及装置。
一种动态界面的实现方法,包括:生成界面元素以及对应的动画效果,所述界面元素包括背景、背景中的物体以及与所述物体对应的粒子图像;创建粒子发射器,设置粒子发射器的属性;生成一个或多个粒子源,定义粒子源的粒子参数,所述粒子参数包括粒子的内容,将所述粒子图像作为所述粒子的内容;将所述一个或多个粒子源添加至所述粒子发射器中;以及实现背景以及背景中的物体对应的动画效果,并利用所述粒子发射器显示所述物体的动态粒子效果。
一种动态界面的实现装置,包括:界面元素生成模块,用于生成界面元素以及对应的动画效果,所述界面元素包括背景、背景中的物体以及与所述物体对应的粒子图像;粒子发射器创建模块,用于创建粒子发射器,设置粒子发射器的属性;粒子源生成模块,用于生成一个或多个粒子源,定义粒子源的粒子参数,所述粒子参数包括粒子的内容,将所述粒子图像作为所述粒子的内容;粒子源添加模块,用于将所述一个或多个粒子源添加至所述粒子发射器中;以及动态效果实现模块,用于实现背景以及背景中的物体对应的动画效果,并利用所述粒子发射器显示所述物体的动态粒子效果动态效果实现模块。
本发明实施例提供的动态界面的实现方法及装置,可以使界面具有粒子动态效果,能够高仿真的还原现实生活中的物体运动的轨迹与特效,增加了界面的真实感和趣味性。
为让本发明的上述和其他目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附图式,作详细说明如下。
附图说明
图1是本发明实施例的应用环境图。
图2是一种可应用于本发明实施例的用户终端的结构框图。
图3为本发明第一实施例提供的动态界面的实现方法的流程图。
图4为本发明第一实施例提供的动态界面的实现方法的一种具体应用的效果图。
图5为本发明第一实施例提供的动态界面的实现方法的另一种具体应用的效果图。
图6为本发明第二实施例提供的动态界面的实现方法的流程图。
图7为本发明第三实施例提供的动态界面的实现装置的结构框图。
图8为本发明第四实施例提供的动态界面的实现装置的结构框图。
实施方式
为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例,对依据本发明的具体实施方式、结构、特征及其功效,详细说明如后。
请参阅图1,所示为本发明实施例提供的动态界面的实现方法及装置的应用环境图。如图1所示,用户终端100以及服务器200位于无线或有线网络300中,通过该无线或有线网络300,用户终端100以及服务器200相互通信。
本发明实施例所提供的动态界面的实现方法可应用于用户终端中。所述用户终端例如可以包括:智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面3)播放器、膝上型便携计算机和台式计算机、车载终端等等。
图2示出了一种可用于本发明实施例中的用户终端的结构框图。如图2所示,用户终端100包括存储器102、存储控制器104,一个或多个(图中仅示出一个)处理器106、外设接口108、射频模块110、定位模块112、摄像模块114、音频模块116、触控屏幕118以及按键模块120。这些组件通过一条或多条通讯总线/信号线相互通讯。
可以理解,图2所示的结构仅为示意,用户终端100还可包括比图2中所示更多或者更少的组件,或者具有与图2所示不同的配置。图2中所示的各组件可以采用硬件、软件或其组合实现。
存储器102可用于存储软件程序以及模块,如本发明实施例中的动态界面的实现方法及装置对应的程序指令/模块,处理器106通过运行存储在存储器102内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的动态界面的实现方法。存储器102可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统(比如苹果的iOS、安卓(Android)等)、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端的使用所创建的数据(比如音频数据、电话本等)等。
存储器102可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器102可进一步包括相对于处理器106远程设置的存储器,这些远程存储器可以通过网络连接至用户终端100。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。处理器106以及其他可能的组件对存储器102的访问可在存储控制器104的控制下进行。
外设接口108将各种输入/输入装置耦合至CPU以及存储器102。处理器106运行存储器102内的各种软件、指令以执行用户终端100的各种功能以及进行数据处理。
在一些实施例中,外设接口108,处理器106以及存储控制器104可以在单个芯片中实现。在其他一些实例中,他们可以分别由独立的芯片实现。
射频模块110用于接收以及发送电磁波,实现电磁波与电信号的相互转换,从而与通讯网络或者其他设备进行通讯。射频模块110可包括各种现有的用于执行这些功能的电路元件,例如,天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SIM)卡、存储器等等。射频模块110可与各种网络如互联网、企业内部网、无线网络进行通讯或者通过无线网络与其他设备进行通讯。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及技术,包括但并不限于全球移动通信系统(Global System for MobileCommunication,GSM)、增强型移动通信技术(Enhanced Data GSMEnvironment,EDGE),宽带码分多址技术(wideband code division multipleaccess,W-CDMA),码分多址技术(Code division access,CDMA)、时分多址技术(time division multiple access,TDMA),蓝牙,无线保真技术(Wireless,Fidelity,WiFi)(如美国电气和电子工程师协会标准IEEE802.11a,IEEE802.11b,IEEE802.11g和/或IEEE802.11n)、网络电话(Voice over internetprotocal,VoIP)、全球微波互联接入(Worldwide Interoperability for MicrowaveAccess,Wi-Max)、其他用于邮件、即时通讯及短消息的协议,以及任何其他合适的通讯协议,甚至可包括那些当前仍未被开发出来的协议。
定位模块112用于获取用户终端100的当前位置。定位模块112的实例包括但不限于全球卫星定位系统(GPS)、基于无线局域网或者移动通信网的定位技术。
摄像模块114用于拍摄照片或者视频。拍摄的照片或者视频可以存储至存储器102内,并可通过射频模块110发送。
音频模块116向用户提供音频接口,其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。音频电路从外设接口108处接收声音数据,将声音数据转换为电信息,将电信息传输至扬声器。扬声器将电信息转换为人耳能听到的声波。音频电路还从麦克风处接收电信息,将电信号转换为声音数据,并将声音数据传输至外设接口108中以进行进一步的处理。音频数据可以从存储器102处或者通过射频模块110获取。此外,音频数据也可以存储至存储器102中或者通过射频模块110进行发送。在一些实例中,音频模块116还可包括一个耳机播孔,用于向耳机或者其他设备提供音频接口。
触控屏幕118在用户终端100与用户之间同时提供一个输出及输入界面。具体地,触控屏幕118向用户显示视频输出,这些视频输出的内容可包括文字、图形、视频、及其任意组合。一些输出结果是对应于一些用户界面对象。触控屏幕118还接收用户的输入,例如用户的点击、滑动等手势操作,以便用户界面对象对这些用户的输入做出响应。检测用户输入的技术可以是基于电阻式、电容式或者其他任意可能的触控检测技术。触控屏幕118显示单元的具体实例包括但并不限于液晶显示器或发光聚合物显示器。
按键模块120同样提供用户向用户终端100进行输入的接口,用户可以通过按下不同的按键以使用户终端100执行不同的功能。
本发明实施例中的动态界面的实现方法可运行在如图2所示的用户终端100中,使界面具有粒子动态效果,增加界面的真实感和趣味性。
第一实施例
图3为本发明第一实施例提供的动态界面的实现方法的流程图。如图3所示,本实施例的动态界面的实现方法包括以下步骤:
步骤S11:生成界面元素以及对应的动画效果,所述界面元素包括背景、背景中的物体以及与所述物体对应的粒子图像。
在此步骤中,可以根据不同的应用场景生成对应的界面元素,例如根据可以根据天气(刮风、下雨等)生成与天气相关界面元素,也可以根据具体的风景(例如小河流水、风吹动的垂柳等)生成与风景相关的界面元素。所述界面元素可以帮助整个动态界面在视觉上达到模拟显示真实场景的目的。
所述动画效果包括不同的背景或背景中的物体的动画效果,动画效果例如可以包括背景的移动方向和移动速度等,背景中的物体的透明度以及消隐的时间等。
步骤S12:创建粒子发射器,设置粒子发射器的属性。
所述粒子发射器的属性可以包括:所述粒子发射器的发射位置、发射范围、发射形状以及发射模式,等等。其中,发射模式例如可以包括粒子重叠模式、递增渲染模式(additive render mode)等等。
其中,发射位置指的是粒子发射器在界面控件坐标系中的坐标。发射范围指的是从粒子发射方向偏移的弧度。发射形状例如可以包括点、线、矩形、立方体、球体等。
步骤S13:生成一个或多个粒子源,定义粒子源的粒子参数,所述粒子参数包括粒子的内容,将所述粒子图像作为所述粒子的内容。
所述粒子的参数可以包括:粒子的出生率(birth rate)、粒子的生命周期(life time)、粒子的生命时间变化范围(lifetime range)、粒子的颜色(color)、粒子的内容(content)、粒子的名字(name)、粒子的速度(velocity)、粒子的速度范围(velocity range)、粒子的发射角度(emission range)、粒子的尺寸变化范围(scale speed)、轴向加速度以及粒子的旋转速度(spin),等等。其中,步骤S11生成的粒子图像可以作为所述粒子的内容。
其中,粒子的出生率指的是每秒发射的粒子数量,一个火焰或者瀑布你最少需要几百个粒子。粒子的生命周期指的是一个粒子几秒后消失。粒子的生命时间变化范围指的是粒子的生命周期的变化区间,可以使生命周期产生少许变化,粒子系统会随机在这个区间中取一个生命周期值(lifetime-lifetimeRange,lifetime+lifetimeRange)。粒子的颜色指的是粒子内容的颜色。粒子的内容指的是用于粒子的内容,一般是一个CGImage,可以把它赋值给粒子图像。粒子的速度指的是粒子每秒移动的像素数以及方向。粒子的速度变化范围指的是粒子的速度的变化区间,lifetime range相似。粒子的发射角度指的是一个粒子发射的角度范围(弧度制)。如果粒子发射角度是45度,也就是说生成范围会在正负45度范围内。粒子的尺寸变化范围指的是每秒修改粒子大小的百分比。
步骤S14:将所述一个或多个粒子源添加至所述粒子发射器中。
步骤S15:实现背景以及背景中的物体对应的动画效果,并利用所述粒子发射器显示所述物体的动态粒子效果。
本发明实施例提供的动态界面的实现方法可以应用在各种界面控件中,例如系统应用或第三方应用中的背景、挂件或皮肤,等等。
下面将以iOS(iphone Operation System,由苹果公司开发的手持设备操作系统)开发平台为例,对本实施例提出的动态界面实现方法进行具体说明。在iOS5.0系统中,可以利用粒子系统结合核心动画(Core Animation)技术,实现本实施例提出的动态界面实现方法。
可以利用iOS5.0系统框架Quartz Core提供的UIKit粒子系统的API(Application Programming Interface,应用程序编程接口),其包括两个类:CAEmitterLayer、CAEmitterCell。CAEmitterLayer定义了粒子系统的粒子发射器,包含发射器的属性,如粒子发射器的发射位置、发射范围、发射形状以及发射模式等。CAEmitterCell定义了粒子系统的粒子源,包含粒子的出生率、粒子的生命周期、粒子的生命时间变化范围、粒子的颜色、粒子的内容、粒子的名字、粒子的速度、粒子的速度范围、粒子的发射角度、粒子的尺寸变化范围、轴向加速度以及粒子的旋转速度等。
首先,可以创建一个自定义UIView类,这个类将有CAEmitterLayer作为它的层。可以先生成一个CAEmitterLayer的实例,设置里面的参数,来定义一个粒子发射器。然后生成一个或者多个CAEmitterCell实例,设置里面粒子所需的一些参数,将CAEmitterCell实例作为参数设置给CAEmitterLayer emitterCells属性。然后将CAEmitterLayer实例加在需要显示粒子效果的UIView中,就可以显示出粒子效果了。结合Core Animation技术,可以动态的模拟场景中的某些元素,比如风车转动,雷电闪动,实现一个真实的天气场景。
本发明实施例提供的动态界面的实现方法可以应用在挂件中。所述挂件可以是指位于用户终端操作系统桌面上的一个小窗口(例如天气、日历等窗口),和应用程序的图标(桌面快捷方式)一样显示在系统桌面上。一般来说,挂件的面积比应用程序图标要大,最大可以占满整个系统桌面,而且挂件的内容可以是动态的、可变的。挂件可以由终端操作系统的用户利用操作系统的删除和移动命令进行删除和移动。另外,挂件也可以指第三方应用中的小窗口(例如个人控件中的天气挂件),显示在第三方应用的页面上,其面积最大可以占满整个页面,而且挂件的内容也可以是动态的、可变的。
请参照图4,图4为本发明实施例提供的动态界面的实现方法的一种具体应用的效果图。在该示例中,动态界面的实现方法应用在个人空间的天气挂件上,挂件的详情页会根据用户当前所在地获取当前的实时天气,并且根据实时天气还原真实的天气效果,例如晴天,在页面底部云朵会匀速移动,等等。
请参照图5,图5为本发明实施例提供的动态界面的实现方法的另一种具体应用的效果图。在该示例中,动态界面的实现方法应用在个人空间的装扮中例如,雷阵雨时,将在装扮上有直观的闪电以及下雨的特效。用户可以通过自定义或选择与他人不同的界面元素来对应用的界面(例如个人空间)进行装饰、使其更具个性化,这些界面元素包括用户的头像、界面的皮肤、壁纸等,都可以统称为装扮(cover)。
本发明实施例提供的动态界面的实现方法,可以使界面具有粒子动态效果,能够高仿真的还原现实生活中的物体运动的轨迹与特效,增加了界面的真实感和趣味性。
第二实施例
图6为本发明第二实施例提供的动态界面的实现方法的流程图。如图6所示,本实施例的动态界面的实现方法包括以下步骤:
步骤S21,根据不同的天气设计界面元素以及对应的动画效果,所述界面元素包括背景、背景中的物体、与天气相关的粒子图像。
与天气相关的粒子图片可以包括雨滴图像、云朵图像、雪片图像等等。所述动画效果可以包括不同的天气所对应的背景或背景中的物体的动画效果。
在此步骤中,可以将常见的天气按照UI(User Interface,用户界面)的视觉设计,开发出不同的天气组件,提供给需要显示动态天气的界面模块来使用,比如个人空间的装扮(cover)模块等。
步骤S22,获取当前的位置信息,并根据当前位置信息向服务器发送实时天气信息获取请求。
用户终端可以利用定位模块(例如图2中的定位模块112)获取当前的位置。定位模块包括但不限于全球卫星定位系统(GPS)、基于无线局域网或者移动通信网的定位技术。
步骤S23,接收服务器返回的实时天气信息,将获取的实时天气信息与原有的天气信息进行比较,当天气信息发生改变时,获取与新的天气信息对应的界面元素及动画效果,更新界面的背景以及背景中的物体、并实现背景以及背景中的物体的动画效果。
更新天气时,服务器会把当前的天气类型(比如阴、晴、雨、雾等)、温度、地理信息和时间等参数发送给用户终端。用户终端会根据天气类型这个参数去更新不同的天气,比如当前cover显示的天气是阴天,如果此时服务器下发的本地天气是雨天,那么cover就会把当前天气切换成雨天。
例如在图5所示的雷雨天气这个场景中,包含的界面元素有:背景,闪电,和雨滴。背景按照预先设计好的动画效果从右到左缓慢移动。闪电也可以按照预先设计的动画效果实现透明度渐隐,通过计时器可以实现在一段时间间隔内,播放闪电这个动画,能达到现实中闪电的效果。
雨滴用的是粒子效果,可以通过步骤S24至步骤S27来实现。
步骤S24:创建粒子发射器,设置粒子发射器的属性。
步骤S25:生成粒子源,定义粒子源的粒子参数,将粒子的内容赋值给给与天气相关的粒子图像。
步骤S26:将所述粒子源添加至所述粒子发射器中。
步骤S27:利用所述粒子发射器显示所述物体的动态粒子效果。
在雷雨天气这个场景中,可以将粒子的内容赋值给雨滴图像,即可实现模拟下雨的动态界面。
本发明实施例提供的动态界面的实现方法,可以使界面具有粒子动态效果,能够高仿真的还原现实生活中的物体运动的轨迹与特效,增加了界面的真实感和趣味性。
第三实施例
图7为本发明第三实施例提供的动态界面的实现装置的结构示意图。如图7所示,本实施例的动态界面的实现装置30可以运行于用户终端,装置30包括:
界面元素生成模块31,用于生成界面元素以及对应的动画效果,所述界面元素包括背景、背景中的物体以及与所述物体对应的粒子图像。
粒子发射器创建模块32,用于创建粒子发射器,设置粒子发射器的属性;
粒子源生成模块33,用于生成一个或多个粒子源,定义粒子源的粒子参数,所述粒子参数包括粒子的内容,将所述粒子图像作为所述粒子的内容;
粒子源添加模块34,用于将所述一个或多个粒子源添加至所述粒子发射器中;以及
动态效果实现模块35,用于实现背景以及背景中的物体对应的动画效果,并利用所述粒子发射器显示所述物体的动态粒子效果。
其中,所述粒子发射器的属性可以包括:所述粒子发射器的发射位置、发射范围、发射形状以及发射模式,等等。
所述粒子参数可以包括:粒子的参数包括:粒子的出生率、粒子的生命周期、粒子的生命时间变化范围、粒子的颜色、粒子的内容、粒子的名字、粒子的速度、粒子的速度范围、粒子的发射角度、粒子的尺寸变化范围、轴向加速度以及粒子的旋转速度,等等。
所述界面包括系统应用或第三方应用中的背景、挂件或皮肤。
以上各模块可以是由软件代码实现,此时,上述的各模块可存储于用户终端的存储器内。以上各模块同样可以由硬件例如集成电路芯片实现。
需要说明的是,本发明实施例的用户终端的各功能模块的功能可根据上述方法实施例中的方法具体实现,其具体实现过程可以参照上述方法实施例的相关描述,在此不赘述。
本发明实施例提供的动态界面的实现装置,可以使界面具有粒子动态效果,能够高仿真的还原现实生活中的物体运动的轨迹与特效,增加了界面的真实感和趣味性。
第四实施例
图8为本发明第四实施例提供的动态界面的实现装置的结构示意图。如图8所示,本实施例的动态界面的实现装置40可用于实现第二实施例中的方法,其包括:
界面元素生成模块41,根据不同的天气设计界面元素以及对应的动画效果,所述界面元素包括背景、背景中的物体、与天气相关的粒子图像。
天气信息获取模块42,用于获取当前的位置信息,并根据当前位置信息向服务器发送实时天气信息获取请求。
界面更新模块43,用于接收服务器返回的实时天气信息,将获取的实时天气信息与原有的天气信息进行比较,当天气信息发生改变时,获取与新的天气信息对应的界面元素及动画效果,更新界面的背景以及背景中的物体、并实现背景以及背景中的物体的动画效果。
粒子发射器创建模块44,用于创建粒子发射器,设置粒子发射器的属性;
粒子源生成模块45,用于生成一个或多个粒子源,定义粒子源的粒子参数,将粒子的内容赋值给与天气相关的粒子图像;
粒子源添加模块46,用于将所述一个或多个粒子源添加至所述粒子发射器中。
动态效果实现模块47,用于利用所述粒子发射器显示所述物体的动态粒子效果。
以上各模块可以是由软件代码实现,此时,上述的各模块可存储于用户终端的存储器内。以上各模块同样可以由硬件例如集成电路芯片实现。
需要说明的是,本发明实施例的用户终端的各功能模块的功能可根据上述方法实施例中的方法具体实现,其具体实现过程可以参照上述方法实施例的相关描述,在此不赘述。
本发明实施例提供的动态界面的实现装置,可以使界面具有粒子动态效果,能够高仿真的还原现实生活中的物体运动的轨迹与特效,增加了界面的真实感和趣味性。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者装置中还存在另外的相同要素。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上的限制,虽然本发明已以较佳实施例揭露如上,然而并非用以限定本发明,任何熟悉本专业的技术人员,在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容做出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案内容,依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰,均仍属于本发明技术方案的范围内。

Claims (10)

1.一种动态界面的实现方法,其特征在于,包括:
生成界面元素以及对应的动画效果,所述界面元素包括背景、背景中的物体以及与所述物体对应的粒子图像;
创建粒子发射器,设置粒子发射器的属性;
生成一个或多个粒子源,定义粒子源的粒子参数,所述粒子参数包括粒子的内容,将所述粒子图像作为所述粒子的内容,并将所述一个或多个粒子源添加至所述粒子发射器中;以及
实现背景以及背景中的物体对应的动画效果,并利用所述粒子发射器显示所述物体的动态粒子效果。
2.根据权利要求1所述的方法,其特征在于,所述粒子发射器的属性包括:所述粒子发射器的发射位置、发射范围、发射形状以及发射模式中的一种或几种。
3.根据权利要求1所述的方法,其特征在于,所述粒子参数还包括:粒子的参数包括:粒子的出生率、粒子的生命周期、粒子的生命时间变化范围、粒子的颜色、粒子的名字、粒子的速度、粒子的速度范围、粒子的发射角度、粒子的尺寸变化范围、轴向加速度以及粒子的旋转速度中的一种或几种。
4.根据权利要求1所述的方法,其特征在于,根据不同的天气生成界面元素以及对应的动画效果。
5.根据权利要求4所述的方法,其特征在于,所述创建粒子发射器,设置粒子发射器的属性的步骤前,包括:
获取当前的位置信息,并根据当前位置信息向服务器发送实时天气信息获取请求;
接收服务器返回的实时天气信息,将获取的实时天气信息与原有的天气信息进行比较,当天气信息发生改变时,获取与新的天气信息对应的界面元素及动画效果;以及
更新界面的背景以及背景中的物体、并实现背景以及背景中的物体的动画效果。
6.一种动态界面的实现装置,运行于用户终端,其特征在于,包括:
界面元素生成模块,用于生成界面元素以及对应的动画效果,所述界面元素包括背景、背景中的物体以及与所述物体对应的粒子图像;
粒子发射器创建模块,用于创建粒子发射器,设置粒子发射器的属性;
粒子源生成模块,用于生成一个或多个粒子源,定义粒子源的粒子参数,所述粒子参数包括粒子的内容,将所述粒子图像作为所述粒子的内容;
粒子源添加模块,用于将所述一个或多个粒子源添加至所述粒子发射器中;以及
动态效果实现模块,用于实现背景以及背景中的物体对应的动画效果,并利用所述粒子发射器显示所述物体的动态粒子效果。
7.根据权利要求6所述的装置,其特征在于,所述粒子发射器的属性包括:所述粒子发射器的发射位置、发射范围、发射形状以及发射模式中的一种或几种。
8.根据权利要求6所述的装置,其特征在于,所述粒子参数还包括:粒子的参数包括:粒子的出生率、粒子的生命周期、粒子的生命时间变化范围、粒子的颜色、粒子的名字、粒子的速度、粒子的速度范围、粒子的发射角度、粒子的尺寸变化范围、轴向加速度以及粒子的旋转速度中的一种或几种。
9.根据权利要求6所述的装置,其特征在于,所述界面元素生成模块还用于根据不同的天气生成界面元素以及对应的动画效果。
10.根据权利要求9所述的装置,其特征在于,所述装置还包括:
天气信息获取模块,用于获取当前的位置信息,并根据当前位置信息向服务器发送实时天气信息获取请求;以及
界面更新模块,用于接收服务器返回的实时天气信息,将获取的实时天气信息与原有的天气信息进行比较,当天气信息发生改变时,获取与新的天气信息对应的界面元素及动画效果,更新界面的背景以及背景中的物体、并实现背景以及背景中的物体的动画效果。
CN201410050879.0A 2014-02-14 2014-02-14 动态界面的实现方法及装置 Active CN104850389B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410050879.0A CN104850389B (zh) 2014-02-14 2014-02-14 动态界面的实现方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410050879.0A CN104850389B (zh) 2014-02-14 2014-02-14 动态界面的实现方法及装置

Publications (2)

Publication Number Publication Date
CN104850389A true CN104850389A (zh) 2015-08-19
CN104850389B CN104850389B (zh) 2020-09-29

Family

ID=53850055

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410050879.0A Active CN104850389B (zh) 2014-02-14 2014-02-14 动态界面的实现方法及装置

Country Status (1)

Country Link
CN (1) CN104850389B (zh)

Cited By (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105678830A (zh) * 2015-12-31 2016-06-15 广州多益网络科技有限公司 2d游戏的动画实现方法和系统
CN106097420A (zh) * 2016-06-07 2016-11-09 腾讯科技(深圳)有限公司 一种信息处理方法、装置和设备
CN106110658A (zh) * 2016-07-22 2016-11-16 网易(杭州)网络有限公司 一种在游戏中使用的模拟方法和装置
CN106503188A (zh) * 2016-10-25 2017-03-15 天脉聚源(北京)传媒科技有限公司 一种粒子效果的生成方法及装置
CN106658141A (zh) * 2016-11-29 2017-05-10 维沃移动通信有限公司 一种视频处理方法及移动终端
CN106888320A (zh) * 2017-01-22 2017-06-23 维沃移动通信有限公司 一种以动画形式显示天气信息的方法及移动终端
CN106971413A (zh) * 2017-03-13 2017-07-21 武汉斗鱼网络科技有限公司 动画信息展示方法及装置
CN107145274A (zh) * 2017-05-05 2017-09-08 北京百度网讯科技有限公司 用于终端设备的天气信息展示方法和装置
CN107277633A (zh) * 2017-06-30 2017-10-20 武汉斗鱼网络科技有限公司 一种展示直播间礼物效果的方法及装置
CN110012334A (zh) * 2018-01-04 2019-07-12 武汉斗鱼网络科技有限公司 一种动画播放方法、装置及电子设备
CN110007983A (zh) * 2019-03-29 2019-07-12 网易传媒科技(北京)有限公司 粒子喷射动画的实现方法、介质、装置和计算设备
CN110033503A (zh) * 2019-04-18 2019-07-19 腾讯科技(深圳)有限公司 动画显示方法、装置、计算机设备及存储介质
CN110191293A (zh) * 2019-04-18 2019-08-30 视联动力信息技术股份有限公司 信息呈现方法和装置
CN110389759A (zh) * 2018-04-17 2019-10-29 北京搜狗科技发展有限公司 一种目标界面生成方法及装置
CN110415326A (zh) * 2019-07-18 2019-11-05 成都品果科技有限公司 一种粒子效果的实现方法及装置
CN110502305A (zh) * 2019-08-26 2019-11-26 沈阳美行科技有限公司 一种动态界面的实现方法、装置及相关设备
CN110930484A (zh) * 2019-11-21 2020-03-27 腾讯科技(深圳)有限公司 动画配置方法和装置、存储介质及电子装置
CN111338532A (zh) * 2020-02-28 2020-06-26 珠海豹趣科技有限公司 一种形状特效的显示方法、装置及计算机可读存储介质
CN111796888A (zh) * 2019-04-02 2020-10-20 正谓有限公司 显示器上的可视化用户界面元素之间的动态转换
CN112612569A (zh) * 2020-12-29 2021-04-06 杭州趣链科技有限公司 页面动画显示方法、装置、设备及存储介质
CN113262468A (zh) * 2021-05-28 2021-08-17 上海米哈游璃月科技有限公司 一种技能渲染方法、装置、电子设备及存储介质
EP3889750A1 (en) * 2020-03-31 2021-10-06 Beijing Xiaomi Mobile Software Co., Ltd. Method, apparatus and storage medium for displaying weather elements

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100194763A1 (en) * 2004-04-16 2010-08-05 Apple Inc. User Interface for Controlling Animation of an Object
CN102033860A (zh) * 2010-12-15 2011-04-27 东莞宇龙通信科技有限公司 一种天气应用图标显示的方法及终端
CN102411470A (zh) * 2011-07-20 2012-04-11 中兴通讯股份有限公司 动态墙纸生成方法及装置
CN103472502A (zh) * 2013-09-18 2013-12-25 中山大学 动态展示区域空气质量和气象场的方法
CN103544730A (zh) * 2013-10-18 2014-01-29 厦门美图网科技有限公司 一种基于粒子系统的图片处理方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100194763A1 (en) * 2004-04-16 2010-08-05 Apple Inc. User Interface for Controlling Animation of an Object
CN102033860A (zh) * 2010-12-15 2011-04-27 东莞宇龙通信科技有限公司 一种天气应用图标显示的方法及终端
CN102411470A (zh) * 2011-07-20 2012-04-11 中兴通讯股份有限公司 动态墙纸生成方法及装置
CN103472502A (zh) * 2013-09-18 2013-12-25 中山大学 动态展示区域空气质量和气象场的方法
CN103544730A (zh) * 2013-10-18 2014-01-29 厦门美图网科技有限公司 一种基于粒子系统的图片处理方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
唐慧强 等: "基于Google Earth的城市实时天气可视化系统", 《计算机工程与设计》 *
曹阳勇: "真实感通用粒子系统的实时渲染研究与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 *

Cited By (28)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105678830A (zh) * 2015-12-31 2016-06-15 广州多益网络科技有限公司 2d游戏的动画实现方法和系统
CN106097420A (zh) * 2016-06-07 2016-11-09 腾讯科技(深圳)有限公司 一种信息处理方法、装置和设备
CN106110658B (zh) * 2016-07-22 2019-07-02 网易(杭州)网络有限公司 一种在游戏中使用的模拟方法和装置
CN106110658A (zh) * 2016-07-22 2016-11-16 网易(杭州)网络有限公司 一种在游戏中使用的模拟方法和装置
CN106503188A (zh) * 2016-10-25 2017-03-15 天脉聚源(北京)传媒科技有限公司 一种粒子效果的生成方法及装置
CN106658141A (zh) * 2016-11-29 2017-05-10 维沃移动通信有限公司 一种视频处理方法及移动终端
CN106658141B (zh) * 2016-11-29 2019-10-15 维沃移动通信有限公司 一种视频处理方法及移动终端
CN106888320A (zh) * 2017-01-22 2017-06-23 维沃移动通信有限公司 一种以动画形式显示天气信息的方法及移动终端
CN106971413A (zh) * 2017-03-13 2017-07-21 武汉斗鱼网络科技有限公司 动画信息展示方法及装置
CN107145274A (zh) * 2017-05-05 2017-09-08 北京百度网讯科技有限公司 用于终端设备的天气信息展示方法和装置
CN107277633A (zh) * 2017-06-30 2017-10-20 武汉斗鱼网络科技有限公司 一种展示直播间礼物效果的方法及装置
CN107277633B (zh) * 2017-06-30 2019-11-15 武汉斗鱼网络科技有限公司 一种展示直播间礼物效果的方法及装置
CN110012334A (zh) * 2018-01-04 2019-07-12 武汉斗鱼网络科技有限公司 一种动画播放方法、装置及电子设备
CN110389759A (zh) * 2018-04-17 2019-10-29 北京搜狗科技发展有限公司 一种目标界面生成方法及装置
CN110007983A (zh) * 2019-03-29 2019-07-12 网易传媒科技(北京)有限公司 粒子喷射动画的实现方法、介质、装置和计算设备
CN111796888A (zh) * 2019-04-02 2020-10-20 正谓有限公司 显示器上的可视化用户界面元素之间的动态转换
CN110033503A (zh) * 2019-04-18 2019-07-19 腾讯科技(深圳)有限公司 动画显示方法、装置、计算机设备及存储介质
CN110191293A (zh) * 2019-04-18 2019-08-30 视联动力信息技术股份有限公司 信息呈现方法和装置
CN110033503B (zh) * 2019-04-18 2022-12-13 腾讯科技(上海)有限公司 动画显示方法、装置、计算机设备及存储介质
CN110415326A (zh) * 2019-07-18 2019-11-05 成都品果科技有限公司 一种粒子效果的实现方法及装置
CN110502305A (zh) * 2019-08-26 2019-11-26 沈阳美行科技有限公司 一种动态界面的实现方法、装置及相关设备
CN110930484A (zh) * 2019-11-21 2020-03-27 腾讯科技(深圳)有限公司 动画配置方法和装置、存储介质及电子装置
CN111338532A (zh) * 2020-02-28 2020-06-26 珠海豹趣科技有限公司 一种形状特效的显示方法、装置及计算机可读存储介质
EP3889750A1 (en) * 2020-03-31 2021-10-06 Beijing Xiaomi Mobile Software Co., Ltd. Method, apparatus and storage medium for displaying weather elements
CN112612569A (zh) * 2020-12-29 2021-04-06 杭州趣链科技有限公司 页面动画显示方法、装置、设备及存储介质
CN112612569B (zh) * 2020-12-29 2022-09-30 杭州趣链科技有限公司 页面动画显示方法、装置、设备及存储介质
CN113262468A (zh) * 2021-05-28 2021-08-17 上海米哈游璃月科技有限公司 一种技能渲染方法、装置、电子设备及存储介质
CN113262468B (zh) * 2021-05-28 2023-10-27 上海米哈游璃月科技有限公司 一种技能渲染方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN104850389B (zh) 2020-09-29

Similar Documents

Publication Publication Date Title
CN104850389A (zh) 动态界面的实现方法及装置
CN110149442B (zh) 一种熄屏显示的控制方法及终端设备
US8589815B2 (en) Control of timing for animations in dynamic icons
CN104090700B (zh) 应用图标管理方法及装置
CN110582018B (zh) 一种视频文件处理的方法、相关装置及设备
US10972360B2 (en) Dynamic design of a lighting configuration
CN106462325A (zh) 控制显示器的方法和提供该方法的电子设备
CN105260301A (zh) 用户界面的视效比对测试装置及其实现方法
CN111611031A (zh) 一种图形绘制方法和电子设备
CN104243846A (zh) 一种用于图像拼接的方法及装置
US9524701B2 (en) Display apparatus and method for processing image thereof
CN107770618A (zh) 一种图像处理方法、装置及存储介质
CN104731808A (zh) 一种浏览器加载网页的方法及装置
CN102385482B (zh) 用于增强壁纸显示的方法和装置
CN104239317A (zh) 在浏览器中实现图片编辑的方法及装置
CN105323066A (zh) 身份验证方法及装置
CN105630787A (zh) 基于动态可移植网络图形的动画实现方法及装置
CN109753892A (zh) 人脸皱纹的生成方法、装置、计算机存储介质和终端
CN110517346B (zh) 虚拟环境界面的展示方法、装置、计算机设备及存储介质
CN104216760A (zh) 动态壁纸与系统桌面进行交互的方法及装置
CN104219372B (zh) 调整移动终端背光亮度的方法及装置
CN109976600B (zh) 地图配色方法及智能终端
KR20150079387A (ko) 카메라 광 데이터로 가상 환경을 조명하는 방법
CN106325648A (zh) 图标的设置方法及移动终端
CN103677865A (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
GR01 Patent grant
GR01 Patent grant