本发明专利技术公开了一种在2D游戏中实现3D表现的方法及装置，该方法包括以下步骤：在2D游戏场景中设置3D渲染区域，在所述3D渲染区域显示多个2D图片，将所述多个2D图片渲染成相邻图片的两侧边缘顺次连接在一起的折叠册页的3D表现形式；响应触屏上的滑动手势时，将所述折叠册页向由所述滑动手势确定的方向展开，并依据所述滑动手势的状态和各2D图片在所述折叠册页中的排布顺序及图片的尺寸，实时地确定各2D图片的展开位置和展开角度，并将各2D图片渲染成与其展开位置和展开角度实时对应的3D表现形式。本发明专利技术可在2D游戏场景中实现真切、新颖的3D效果展示，提升玩家体验。
【技术实现步骤摘要】
本专利技术涉及一种在2D游戏中实现3D表现的方法及装置。
技术介绍
在手机游戏中，需要在界面中展示同类型的多张图片，并提供线索可以估算浏览进度与图片总量，保证便捷良好的浏览体验。一般传统的做法是:单纯平面效果展示，图片平铺，采用多页点击切换浏览或者多屏滑动浏览(常见上下滑动型、左右滑动型)，并伴有数字显示页码总量或滑动进度条。对于在手机游戏中查看多张相同规格图片的交互设计，现有的一种技术方案采用以下处理方式:1、规划好一页可以平铺显示该规格图片的数量(假设为N);2、图片总数< =N则一页完全显示；3、图片总数〉N则多页显示，支持点击或滑动进行翻页。如图1所示，以某手机游戏的卡牌图片展示功能为例，处理方式如下:1、设定每页显示8张卡牌，卡牌平铺于每一页；2、此种类卡牌的数量〈=8则一页完全显示；3、此种类卡牌的数量>8，则点击下一页按钮，翻页显示下一页的图片；4、界面以“书”为意象拟物，模拟书的翻页视觉效果，给予2D视图的3D表现。这种处理方式在手游中对浏览同规格图片的交互设计，实现了透视、堆叠的3D视觉效果，满足了用户查看图片的基本需求。但是，这种方案有以下几个缺点:1、当图片数量非常少，不足一页，则无法展示翻页视觉效果;而图片数量非常多的时候，需要不断地点击按钮实现翻页，每次的点击操作和翻页视觉表现，都打断了流畅的浏览体验。2、此种技术方案表现对图片的大小有所限制，如果图片太大，每页所容纳图片小于3张，则势必造成不断地点击翻页。3、该方案对于图片总数量的表现，一般需要文字显示当前所在页面和页面总数量，很难用界面视觉隐喻表现进行潜意识信息传达。对于在手机游戏中查看多张相同规格图片的交互设计，另一种常用的技术方案采用以下处理方式:1、将所有图片规则排列，排列X行横向发展，或排列Y列纵向发展；2、响应用户手势操作，将图片流以固定方向显示在屏幕规定区域，滑动查看多屏内容。如图2a至图2b所示，以某手机游戏的物品图片展示功能为例，处理方式如下:1、所有菱形图片以两行交错排列横向延伸，图片流多至N屏，如图2a所示；2、左右滑动显示所有的图片，切换进入界面时伴有菱形图片旋转的动效，营造立体效果，如图2b所示。该技术方案在手游中对浏览同规格图片的交互设计，实现了翻转的3D视觉效果，满足了用户查看图片的基本需求。但是，这种方案亦有以下不足之处:展示效果比较常规，3D视觉表现相对较弱，滑动过程中仍然是平面显示效果。
技术实现思路
本专利技术的主要目的在于克服现有技术的不足，提供一种在2D游戏中实现3D表现的方法，在2D游戏场景中实现真切、新颖的3D效果展示，提升玩家体验。为实现上述目的，本专利技术采用以下技术方案:一种在2D游戏中实现3D表现的方法，包括以下步骤:在2D游戏场景中设置3D渲染区域，在所述3D渲染区域显示多个2D图片，将所述多个2D图片渲染成相邻图片的两侧边缘顺次连接在一起的折叠册页的3D表现形式；响应触屏上的滑动手势时，将所述折叠册页向由所述滑动手势确定的方向展开，并依据所述滑动手势的状态和各2D图片在所述折叠册页中的排布顺序及图片的尺寸，实时地确定各2D图片的展开位置和展开角度，并将各2D图片渲染成与其展开位置和展开角度实时对应的3D表现形式。进一步地:所述滑动手势的状态包括所述滑动手势行进的方向、距离、速度、加速度以及按压触屏的力度中的一种或多种。响应触屏上的滑动手势时，所述折叠册页所显示的折叠厚度随着所述滑动手势的进行而相应地减小，藉此表现尚未展开角度的剩余图片的数量。所述方法还包括:对2D游戏场景进行分层，其中将2D游戏场景中所述折叠册页所在的区域设置为采用3D渲染策略的3D渲染层，其对应所述3D渲染区域，并将2D游戏场景中的背景区域设置为采用2D渲染策略的2D渲染层，其中所述3D渲染层覆盖在所述2D渲染层之上。对所述2D渲染层采用正交投影方式进行投影，对所述3D渲染层采用透视投影方式进行投影，将所述3D渲染层的投影画面覆盖在所述2D渲染层的投影画面上，实现所述2D渲染层和所述3D渲染层的场景叠加。所述2D渲染层和所述3D渲染层的场景叠加包括:绘制2D渲染层到颜色缓冲区，将2D渲染层的所有像素深度设为最大深度而形成为所述2D游戏场景的背景；绘制3D渲染层到颜色缓冲区，将3D渲染层的所有像素深度设为小于所述最大深度，使得3D渲染层投影生成的画面覆盖背景所在2D渲染层的相应区域，产生2D画面上的3D视觉效果。一种在2D游戏中实现3D表现的装置，包括:3D渲染区域设置模块，其在2D游戏场景中设置3D渲染区域，在所述3D渲染区域显示多个2D图片，将所述多个2D图片渲染成相邻图片的两侧边缘顺次连接在一起的折叠册页的3D表现形式；滑动手势响应模块，其响应触屏上的滑动手势时，将所述折叠册页向由所述滑动手势确定的方向展开，并依据所述滑动手势的状态和各2D图片在所述折叠册页中的排布顺序及图片的尺寸，实时地确定各2D图片的展开位置和展开角度，并将各2D图片渲染成与其展开位置和展开角度实时对应的3D表现形式。所述装置还包括游戏场景分层模块，其对2D游戏场景进行分层，将2D游戏场景中所述折叠册页所在的区域设置为采用3D渲染策略的3D渲染层，其对应所述3D渲染区域，并将2D游戏场景中的背景区域设置为采用2D渲染策略的2D渲染层，其中所述3D渲染层覆盖在所述2D渲染层之上。所述装置还包括游戏场景叠加模块，其对所述2D渲染层采用正交投影方式进行投影，对所述3D渲染层采用透视投影方式进行投影，将所述3D渲染层的投影画面覆盖在所述2D渲染层的投影画面上，实现所述2D渲染层和所述3D渲染层的场景叠加。所述游戏场景叠加模块包括:背景生成模块，其绘制2D渲染层到颜色缓冲区，将2D渲染层的所有像素深度设为最大深度而形成为所述2D游戏场景的背景；前景覆盖模块，其绘制3D渲染层到颜色缓冲区，将3D渲染层的所有像素深度设为小于所述最大深度，使得3D渲染层投影生成的画面覆盖背景所在2D渲染层的相应区域，产生2D画面上的3D视觉效果。本专利技术的有益效果:本专利技术提出一种在2D游戏中实现3D表现的方法，在2D游戏场景中设置3D渲染区域，在3D渲染区域显示多个2D图片，将这些图片渲染成相邻图片的两侧边缘顺次连接在一起的折叠册页的3D表现形式；当响应触屏上的滑动手势时，本专利技术所采用的3D表现为，使折叠册页向由滑动手势确定的方向展开，并依据滑动手势的状态和各2D图片的尺寸及其在折叠册页中的排布顺序，实时地确定各2D图片的展开位置和展开角度，进而按照对应的展开位置和展开角度对各2D图片进行3D渲染。与现有技术相比，本专利技术以类似于中国古代奏折为视觉意象进行3D表现的整体设计，2D图片分布于每个奏折折面，依据折面的展开角度进行透视表现。由此，本专利技术避免了图片展示时过于规则化的排布展示，减少了玩家浏览图片时的视觉疲劳感，让界面充满趣味，让玩家更加有情景代入感;而且，在玩家进行滑动拖拽等页面操作时，本专利技术能够进行更为真当前第1页1 2 3 本文档来自技高网...
【技术保护点】
一种在2D游戏中实现3D表现的方法，其特征在于，包括以下步骤：在2D游戏场景中设置3D渲染区域，在所述3D渲染区域显示多个2D图片，将所述多个2D图片渲染成相邻图片的两侧边缘顺次连接在一起的折叠册页的3D表现形式；响应触屏上的滑动手势时，将所述折叠册页向由所述滑动手势确定的方向展开，并依据所述滑动手势的状态和各2D图片在所述折叠册页中的排布顺序及图片的尺寸，实时地确定各2D图片的展开位置和展开角度，并将各2D图片渲染成与其展开位置和展开角度实时对应的3D表现形式。
【技术特征摘要】
【专利技术属性】
技术研发人员：于靖，谢志军，周克利，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：浙江;33
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。