CN113190151A - 基于cocos2d-x的实现翻页效果的方法及装置 - Google Patents
基于cocos2d-x的实现翻页效果的方法及装置 Download PDFInfo
- Publication number
- CN113190151A CN113190151A CN202110429745.XA CN202110429745A CN113190151A CN 113190151 A CN113190151 A CN 113190151A CN 202110429745 A CN202110429745 A CN 202110429745A CN 113190151 A CN113190151 A CN 113190151A
- Authority
- CN
- China
- Prior art keywords
- page
- grid
- picture
- sprite
- page turning
- 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
Images
Classifications
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
- Image Generation (AREA)
Abstract
本发明提供的基于cocos2d‑x的实现翻页效果的方法及装置,通过拍照的方式,将需要进行翻页的页面的图片作为网格精灵的渲染图片,并设置网格精灵;翻页开始时,隐藏页面上的所有的普通精灵结点,通过所设置的网格精灵进行替代;翻页完成后,显示所隐藏的普通精灵结点,并将网格精灵隐藏,实现翻页效果,能够在翻页过程中能够更随意的改变图片形状且翻页的效果更为立体,用户体验好。
Description
技术领域
本发明涉及计算机技术领域,特别涉及基于cocos2d-x的实现翻页效果的方法及装置。
背景技术
目前的翻页效果是利用orbitCamera(轨迹动画)来实现的,每个精灵结点都有一个摄像机,由于摄像机的角度不同,所呈现出的精灵的渲染图形也不同,通过旋转摄像机的角度,来改变精灵的渲染位置,达到改变精灵形状的效果,使精灵从水平方向旋转到垂直方向,以实现翻页效果。
而现有技术中精灵形状无法自由变形,只能固定缩放,而且翻页效果不够立体,导致用户体验差。
发明内容
(一)要解决的技术问题
为了解决现有技术的上述问题,本发明提供一种基于cocos2d-x的实现翻页效果的方法及装置,能够在翻页过程中能够更随意的改变图片形状且翻页的效果更为立体,用户体验好。
(二)技术方案
为了达到上述目的,本发明采用的一种技术方案为:
基于cocos2d-x的实现翻页效果的方法,包括步骤:
S1、通过拍照的方式,将需要进行翻页的页面的图片作为网格精灵的渲染图片,并设置网格精灵;
S2、翻页开始时,隐藏页面上的所有的普通精灵结点,通过所设置的网格精灵进行替代;
S3、翻页完成后,显示所隐藏的普通精灵结点,并将网格精灵隐藏,实现翻页效果。
为了达到上述目的,本发明采用的另一种技术方案为:
基于cocos2d-x的实现翻页效果的装置,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现以下步骤:
S1、通过拍照的方式,将需要进行翻页的页面的图片作为网格精灵的渲染图片,并设置网格精灵;
S2、翻页开始时,隐藏页面上的所有的普通精灵结点,通过所设置的网格精灵进行替代;
S3、翻页完成后,显示所隐藏的普通精灵结点,并将网格精灵隐藏,实现翻页效果。
(三)有益效果
本发明的有益效果在于:通过拍照的方式,将需要进行翻页的页面的图片作为网格精灵的渲染图片,并设置网格精灵;翻页开始时,隐藏页面上的所有的普通精灵结点,通过所设置的网格精灵进行替代;翻页完成后,显示所隐藏的普通精灵结点,并将网格精灵隐藏,实现翻页效果,能够在翻页过程中能够更随意的改变图片形状且翻页的效果更为立体,用户体验好。
附图说明
图1为本发明实施例的基于cocos2d-x的实现翻页效果的方法流程图;
图2为本发明实施例的基于cocos2d-x的实现翻页效果的装置的整体结构示意图。
【附图标记说明】
1:基于cocos2d-x的实现翻页效果的装置;
2:存储器;
3:处理器。
具体实施方式
为了更好的解释本发明,以便于理解,下面结合附图,通过具体实施方式,对本发明作详细描述。
实施例一
请参照图1,基于cocos2d-x的实现翻页效果的方法,包括步骤:
S1、通过拍照的方式,将需要进行翻页的页面的图片作为网格精灵的渲染图片,并设置网格精灵;
步骤S1具体为:
通过拍照的方式,将需要翻页的页面的图片的截图保存下来的图片作为网格精灵的渲染图片,选取页面上一个图标结点,设置该结点为网格精灵。
S2、翻页开始时,隐藏页面上的所有的普通精灵结点,通过所设置的网格精灵进行替代;
步骤S2还包括:
根据滑动的距离与完成翻页需要滑动的距离之间的比例,设置网格精灵的纹理坐标,改变图片形状,完成翻页。
所述的根据滑动的距离与完成翻页需要滑动的距离之间的比例,设置网格精灵的纹理坐标,改变图片形状,完成翻页具体为:
在翻页时,设置网格精灵的纹理坐标,使图片由矩形形变为梯形,并且梯形的高逐渐变小,直到翻页进度达到一半的时候,梯形的高度为0,图片形变为一条直线,随后梯形的高度逐渐变大,图形逐渐展开,直到翻页完成,又形变回矩形。
S3、翻页完成后,显示所隐藏的普通精灵结点,并将网格精灵隐藏,实现翻页效果。
具体地,普通精灵结点包括页面结点和图标结点,网格精灵(polySprite)的形变无法级联到其子节点,需要翻页的书本页面上有页面结点和中间的图标结点,图标结点加载在页面结点上,是页面结点的子结点,如果只把页面结点设为网格精灵(polySprite),则发生形变时不会级联到图标结点,图标结点不会发生形变,此时的翻页效果较差,为了实现更好的翻页效果,只能把图标结点也设为网格精灵(polySprite),这时已有两个网格精灵(polySprite),如若页面上有更多的结点,为了实现翻页效果,也必须把他们全都设为网格精灵(polySprite),由于网格精灵(polySprite)发生形变时的设置纹理坐标操作计算量较大,数量越多,计算量就会成倍的增长,这容易造成性能较差的机子发生卡顿,故网格精灵(polySprite)的数量不宜设置太多,综合考虑,采取拍照的方式,将需要进行翻页的页面截图保存下来的图片作为网格精灵(polySprite)的渲染图片,只设置一个网格精灵(polySprite),对它进行操作来实现翻页效果,在翻页开始时隐藏页面上的所有结点,因为已有设置的网格精灵(polySprite)用来代替,在翻页完成以后,再将之前隐藏的结点显示出来,将操作的网格精灵(polySprite)隐藏起来。
实施例二
请参照图2,基于cocos2d-x的实现翻页效果的装置1,包括存储器2、处理器3及存储在存储器2上并可在处理器3上运行的计算机程序,所述处理器3执行所述程序时实现实施例一中的各个步骤。
以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等同变换,或直接或间接运用在相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (8)
1.基于cocos2d-x的实现翻页效果的方法,其特征在于,包括步骤:
S1、通过拍照的方式,将需要进行翻页的页面的图片作为网格精灵的渲染图片,并设置网格精灵;
S2、翻页开始时,隐藏页面上的所有的普通精灵结点,通过所设置的网格精灵进行替代;
S3、翻页完成后,显示所隐藏的普通精灵结点,并将网格精灵隐藏,实现翻页效果。
2.根据权利要求1所述的基于cocos2d-x的实现翻页效果的方法,其特征在于,步骤S1具体为:
通过拍照的方式,将需要翻页的页面的图片的截图保存下来的图片作为网格精灵的渲染图片,选取页面上一个图标结点,设置该结点为网格精灵。
3.根据权利要求1所述的基于cocos2d-x的实现翻页效果的方法,其特征在于,步骤S2还包括:
根据滑动的距离与完成翻页需要滑动的距离之间的比例,设置网格精灵的纹理坐标,改变图片形状,完成翻页。
4.根据权利要求3所述的基于cocos2d-x的实现翻页效果的方法,其特征在于,所述的根据滑动的距离与完成翻页需要滑动的距离之间的比例,设置网格精灵的纹理坐标,改变图片形状,完成翻页具体为:
在翻页时,设置网格精灵的纹理坐标,使图片由矩形形变为梯形,并且梯形的高逐渐变小,直到翻页进度达到一半的时候,梯形的高度为0,图片形变为一条直线,随后梯形的高度逐渐变大,图形逐渐展开,直到翻页完成,又形变回矩形。
5.基于cocos2d-x的实现翻页效果的装置,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现以下步骤:
S1、通过拍照的方式,将需要进行翻页的页面的图片作为网格精灵的渲染图片,并设置网格精灵;
S2、翻页开始时,隐藏页面上的所有的普通精灵结点,通过所设置的网格精灵进行替代;
S3、翻页完成后,显示所隐藏的普通精灵结点,并将网格精灵隐藏,实现翻页效果。
6.根据权利要求5所述的基于cocos2d-x的实现翻页效果的装置,其特征在于,步骤S1具体为:
通过拍照的方式,将需要翻页的页面的图片的截图保存下来的图片作为网格精灵的渲染图片,选取页面上一个图标结点,设置该结点为网格精灵。
7.根据权利要求5所述的基于cocos2d-x的实现翻页效果的装置,其特征在于,步骤S2还包括:
根据滑动的距离与完成翻页需要滑动的距离之间的比例,设置网格精灵的纹理坐标,改变图片形状,完成翻页。
8.根据权利要求7所述的基于cocos2d-x的实现翻页效果的装置,其特征在于,所述的根据滑动的距离与完成翻页需要滑动的距离之间的比例,设置网格精灵的纹理坐标,改变图片形状,完成翻页具体为:
在翻页时,设置网格精灵的纹理坐标,使图片由矩形形变为梯形,并且梯形的高逐渐变小,直到翻页进度达到一半的时候,梯形的高度为0,图片形变为一条直线,随后梯形的高度逐渐变大,图形逐渐展开,直到翻页完成,又形变回矩形。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110429745.XA CN113190151B (zh) | 2021-04-21 | 2021-04-21 | 基于cocos2d-x的实现翻页效果的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110429745.XA CN113190151B (zh) | 2021-04-21 | 2021-04-21 | 基于cocos2d-x的实现翻页效果的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113190151A true CN113190151A (zh) | 2021-07-30 |
CN113190151B CN113190151B (zh) | 2023-04-18 |
Family
ID=76977864
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110429745.XA Active CN113190151B (zh) | 2021-04-21 | 2021-04-21 | 基于cocos2d-x的实现翻页效果的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113190151B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102221980A (zh) * | 2011-07-29 | 2011-10-19 | 深圳芯智汇科技有限公司 | 电子书模拟翻页效果实现方法及系统 |
CN102572391A (zh) * | 2011-12-09 | 2012-07-11 | 深圳市万兴软件有限公司 | 一种摄像头视频帧的精灵化方法和装置 |
KR20170097388A (ko) * | 2016-02-18 | 2017-08-28 | 한국기술교육대학교 산학협력단 | 아두이노 및 크로스 플랫폼을 이용한 스마트 홈 시스템 |
CN111108475A (zh) * | 2019-12-27 | 2020-05-05 | 威创集团股份有限公司 | 一种cocos2dx嵌入cef实现透明网页的方法 |
-
2021
- 2021-04-21 CN CN202110429745.XA patent/CN113190151B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102221980A (zh) * | 2011-07-29 | 2011-10-19 | 深圳芯智汇科技有限公司 | 电子书模拟翻页效果实现方法及系统 |
CN102572391A (zh) * | 2011-12-09 | 2012-07-11 | 深圳市万兴软件有限公司 | 一种摄像头视频帧的精灵化方法和装置 |
KR20170097388A (ko) * | 2016-02-18 | 2017-08-28 | 한국기술교육대학교 산학협력단 | 아두이노 및 크로스 플랫폼을 이용한 스마트 홈 시스템 |
CN111108475A (zh) * | 2019-12-27 | 2020-05-05 | 威创集团股份有限公司 | 一种cocos2dx嵌入cef实现透明网页的方法 |
Non-Patent Citations (2)
Title |
---|
GOICHUNHYE11: "《cocos2d-x 实现翻书效果》", 《HTTPS://BLOG.CSDN.NET/GOICHUNHYE11/ARTICLE/DETAILS/50825126/》 * |
吴田星: "《基于cocos2d-x游戏引擎的游戏的设计与实现》", 《广西计算机学会2016年学术年会》 * |
Also Published As
Publication number | Publication date |
---|---|
CN113190151B (zh) | 2023-04-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104616342B (zh) | 序列帧与全景的相互转换方法 | |
JP5616223B2 (ja) | デジタル画像をキャプチャするためのシステム及び方法 | |
CN110251936A (zh) | 游戏中虚拟摄像机的控制方法、设备及存储介质 | |
CN112118358B (zh) | 拍摄画面的显示方法、终端及存储介质 | |
CN107357501B (zh) | 桌面壁纸的更新方法、装置以及终端 | |
CN102147926A (zh) | 3d图标的处理方法、装置及移动终端 | |
CN105574914A (zh) | 3d动态场景的制作装置及其制作方法 | |
CN112862199A (zh) | 清洁设备的清洁路径获取方法、装置及存储介质 | |
CN112995533A (zh) | 视频制作方法及装置 | |
CN103761253A (zh) | 漫画显示系统和漫画显示方法 | |
CN106933454B (zh) | 显示方法和系统 | |
CN110019866A (zh) | 动态图片播放方法、装置及存储介质 | |
CN113190151B (zh) | 基于cocos2d-x的实现翻页效果的方法及装置 | |
CN105678829B (zh) | 一种二维与三维结合的数字楼盘展示方法 | |
CN111210486B (zh) | 一种用于实现流光效果的方法和装置 | |
CN110221738A (zh) | 一种图片处理的方法及设备 | |
CN106909263A (zh) | 三维图像的交互展示方法及系统 | |
CN108597010A (zh) | 三维巡航渲染方法及装置 | |
WO2023173828A1 (zh) | 场景元素处理方法、装置、设备和介质 | |
CN104615398A (zh) | 一种立方体显示方法及装置 | |
CN111198684A (zh) | 数据处理、图形引擎建立的方法、装置、设备和介质 | |
CN114430466A (zh) | 素材展示方法、装置、电子设备、存储介质及程序产品 | |
CN110276817B (zh) | 一种制作图片的方法、装置及电子设备 | |
JP2010271935A (ja) | 三次元表示への遷移を明示する表示切替装置及び方法 | |
CN107169917B (zh) | 矢量图形处理器不通过ddr完成图形图像实时绘制的装置 |
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 |