【游戏客户端】实现刮刮乐效果

2024-04-07 07:37:10

【游戏客户端】实现刮刮乐效果

之前的博客中，我和大家分享了如何做：

商业化的充值活动：【商业化充值活动博客】
抽卡系统：【抽奖，抽卡系统博客】
装备系统：【装备系统博客】
红点系统：【红点系统博客】
商店&拍卖系统：【商店&拍卖系统】
UI环绕特效：【UI环绕特效】

你永远猜不到策划会提什么需求，今天要给大家分享比较好玩的刮刮卡效果实现的思路

(一) 利用RenderTexture实现刮卡图层

之前我们曾经使用过RenderTexture类实现屏幕的截图，而这次实现刮卡的效果同样需要用到这个类（这也太好用了吧）

首先我们需要一个UI图片控件，这个图片展示我们的挂卡层纹理（如下图的灰色“挂卡区”）

然后创建一个RenderTexture的实例，然后把我们的UI图片控件绘制一遍让画布记录下来，记录下来之后，我们的UI图片控件就可以被释放了。此时展示在屏幕上的，虽然没什么变化，但其实已经不再是原来的UI控件，而是替换成RenderTexture的实例了

(二) 利用DrawNode创建一个“橡皮擦”

DrawNode可以绘制几何图形，矩形，三角形，圆形任君选择。而我们实现橡皮擦的逻辑就是，让DrawNode在RenderTexture实例上绘制，然后遮盖住原先的像素点，从而实现让刮奖层“消失”的效果

而我们的刮奖过程实际是让画布变透明，所以我们需要这个橡皮擦是透明的，而且在橡皮擦和RenderTexture画布进行颜色混合绘制时候，只显示我们的橡皮擦颜色，因此就要用到我们的混合函数glBlendFunc(GL.ONE, GL.ZERO)了，混合函数知识openGL博客有提到大家可以跳转去看

【openGL2021版】粒子系统（全）

(三) 利用Layout相应触摸事件

RenderTexture并不能响应触摸事件，因此我们需要一个layout来相应刮卡的事件。可以构建一个长宽和画布相等的layout，然后利用onTouchBegin，onTouchMove来监听好移动事件，当触摸点进行移动时，我们就根据触摸点的位置重新设置drawNode的位置，然后让画布和橡皮擦进行混合绘制，这样就能实现刮刮卡的效果了

好啦今天就到这里

点赞，关注！！！

【游戏客户端】实现刮刮乐效果相关推荐

Android 撕衣服（刮刮乐游戏）
项目简单介绍: 该项目为撕衣服,相似刮刮乐游戏具体介绍: 用户启动项目后.载入一张图片,当用户点击图片的时候,点击的一片区域就会消失.从而显示出在这张图片以下的图片这个小游戏相似与刮奖一样,刮开涂 ...
【Android界面实现】使用Canvas对象实现“刮刮乐”效果
在淘宝.京东等电商举办活动的时候,经常可以看到在移动客户端推出的各种刮奖活动,而这种活动也受到了很多人的喜爱.从客户端的体验来说,这种效果应该是通过网页来实现的,那么,我们使用Android的自带控件 ...
【你问我答】unity实现一个刮刮乐效果
文章目录一.前言二.原理三.实操 1.安装环境 2. 渲染纹理RenderTexture 3.写脚本:ScratchUI.cs 4.ShaderGraph 5. UI制作 6.材质球 7.挂脚本 ...
刮刮乐html5效果擦除,利用HTML5的画布Canvas实现刮刮卡效果
先给大家展示效果: 你玩过刮刮卡么?一不小心可以中奖的那种.今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果. ...
iOS 仿支付宝刮刮乐效果
支付宝里有个刮刮乐中奖, 和大街小巷里的类似彩票刮刮乐的效果一样. 实现思路, 其实很简单的三步: 展示刮出来的效果的view: 即刮开后刮刮乐效果展示-显示的文字Label 设置遮挡在外面的Imag ...
菜鸟做HTML5小游戏 - 刮刮乐
继上篇翻翻乐之后,又来刮刮乐.还是先上效果图: 开始demo的世界: 1.css去绘制界面效果.(源码提供) 2.原理:要实现刮刮卡内容的出现,我用div做了背景层去显示刮出的内容结果[重点].中间C ...
iOS-仿支付宝刮刮乐效果
概述仿支付宝刮刮乐效果, 可以按照自己需求更改展示刮出来的效果的view(即刮开后刮刮乐效果展示) 详细代码下载:http://www.demodashi.com/demo/10673.html ...
【Unity】刮刮乐效果（擦除图片像素值）
实现类似刮刮乐效果,擦除图片指定像素值(修改图片Alfa通道) 参考Unity刮刮乐工程源码的实现原理,对实现方式有一些调整这里RawImage需要保持原图大小,不能缩放,不然坐标计算会有偏差 us ...
android 实现刮刮乐刮奖效果
在做电商类产品时,经常会有一些活动需求,如抽奖,抽奖的一种方式就是刮刮乐,这次的内容是利用重写View的方式实现刮刮乐的效果. 思路:利用Bitmap做刮奖区的蒙版,利用paint将手指触摸过的区域置 ...

最新文章

热门文章