Unity3D实现UI擦除效果

已于 2025-04-30 11:24:57 修改
阅读量1.2k 收藏 6
点赞数 4
分类专栏： Unity工具 文章标签： unity 游戏引擎 c++ c# github ui visual studio
于 2023-11-10 18:15:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42603590/article/details/134337405
版权
本文介绍了如何在Unity中使用Texture和Shader实现UI的擦除效果，包括原理、步骤和贝塞尔平滑技术的应用，提供了详细代码示例和设置说明。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

系列文章目录

unity工具

文章目录

👉前言

不定时更新unity工具开发技巧,觉得有用记得一键三连哦

使用Unity3D实现UI的擦拭效果、刮刮卡功能的效果实现方式比较多，比如说用Shader、Texture渲染都是可以的,本篇文章就是使用Texture

提示：以下是本篇文章正文内容，下面案例可供参考

一、👉Texture实现擦除

👉1-1. 效果如下

在这里插入图片描述

👉1-2.实现原理

  • [ 1 ] 取得遮罩图的像素数据。
  • [ 2 ]在鼠标滑动的时候，将屏幕坐标转换到遮罩在父节点下的坐标。
  • [ 3 ] 以鼠标点击的点为中心，生成需要擦除的区域大小，通过与记录的遮罩数据进行对比，替换擦除的区域的像素值。
  • [ 4 ] 计算每一个像素的alpha值，设置为0，
了解本专栏 订阅专栏 解锁全文 超级会员免费看
【Unity3D小功能】Unity3D中实现UI擦除效果、刮刮卡功能
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
04-25 5536
使用Unity3D实现UI的擦拭效果、刮刮卡功能的效果实现方式比较多，比如说用Shader、Texture渲染都是可以的。本篇文章就使用Texture渲染来实现擦除的效果，效果图如下：接下来就来看一下如何实现吧。
Unity Shader实现PPT 30多种切换效果
yhx956058885的博客
06-18 4152
原github工程
Unity RenderTexture实现 刮彩票、橡皮擦、擦除效果（3D物体）
木之子南
05-29 9323
一、实现效果： 类似刮刮乐的擦除效果 支持多笔擦除（一次擦不干净） 二、所用技术点： RenderTexture Shader 三、实现原理： 一个相机单独渲染笔刷轨迹，映射到，修改原图中对应笔刷路径uv的像素点的alpha值实现透明或者半透明 1. ...
Unity UI擦除效果
新人
04-23 518
最粗暴的方法，原理就是跟着鼠标的位置，以鼠标为圆心把圆内的像素点清除，遮罩变成透明了，里面的图片就显示出来了。
通过一个小Trick实现shader的像素识别/统计操作
dongfushu7972的博客
11-18 389
2018/12/14日补充:后来发现compute shader里用AppendStructuredBuffer可以解决这类问题，请看这里:https://www.cnblogs.com/hont/p/10122129.html 1.简介 在日常开发中会遇到诸如判断某张图的某颜色像素百分比占多少的问题，由于gpu运算并行的原因并不能对其进行累加操作。网上一些针对此类问题 的做...
Unity 图片 涂抹/擦除/刮刮乐 效果展示 包含 Sprite, Image, Mesh的涂抹效果
极客七
02-01 1546
Unity 2D图片 涂抹/擦除/刮刮乐 效果展示 包含 Sprite, Image, Mesh的涂抹效果。progressText: 显示百分比的文本。maskImg: 需要擦除的图片。brush: 笔刷样式。
Unityt涂抹擦除功能
MMMeKey博客园
12-12 1966
为了实现项目需求，需要实现可擦除显示和擦粗隐藏的功能。这里就是先了一个demo。可判定擦除完成度。 可用作刮刮乐，化妆功能涂面膜，卸妆之类的项目中。
unity实现擦玻璃效果
weixin_47819574的博客
06-19 593
unity实现擦玻璃效果
Unity插件 实现 刮刮卡/刮刮乐 效果
01-11
总结来说，这款Unity插件为开发者提供了一种高效、灵活的方式来实现刮刮卡效果，无论是在2D还是3D场景中，都能够轻松地创建出吸引人的互动元素。通过利用它的自定义功能、填充模式和进度识别，开发者可以创造出独特...
unity 签名留言，手写签名
01-04
综上所述，实现“unity 签名留言，手写签名”项目涉及到了Unity 3D的多个核心概念，包括用户交互、图形渲染、UI设计、脚本编程以及资源管理等。通过这个项目，开发者不仅可以提升Unity技能，也能深入理解游戏开发中...
Unity 画图效果
11-18
Unity 通过Rendertexture做的笔刷效果 画图效果
unity Sleepless Footsteps 1.2脚印效果
09-06
Sleepless Footsteps是一种可以轻松应用于预制件的脚本和技术。该技术适用于人形机器人，但如果您在足迹平面上应用不同的纹理，也可以很容易地应用于动物。 一个简单而逼真的足迹效果，可以很容易地应用于所有移动的播放器和NPC，对性能的影响最小。
Paint in 3D 1.11.5 unity模型涂鸦，贴图，喷漆绘图插件
11-25
unity插件，支持模型涂鸦， 模型贴图，模型喷漆，强大的3D模型绘图插件 unity资源商店: https://assetstore.unity.com/packages/tools/painting/paint-in-3d-26286 官网：http://carloswilkes.com/#PaintIn3D
unity类似刮奖效果的实现.zip
12-15
自己选择一张图片，拖到unity中的，在图片上，鼠标点击哪里，或者滑动到哪里，鼠标附近的图片中的一小块区域都消失了，实现了类似于刮奖的效果。
擦除效果
mumu42的博客
10-28 714
canvas画矩形、消除已绑定的事件
【Unity】刮刮乐效果（擦除图片像素值）
萧然
12-05 4963
实现类似刮刮乐效果，擦除图片指定像素值（修改图片Alfa通道） 参考Unity刮刮乐工程源码的实现原理，对实现方式有一些调整 这里RawImage需要保持原图大小，不能缩放，不然坐标计算会有偏差 using System; using System.Collections; using System.Collections.Generic; using UnityEngine; u...
Unity 刮刮卡拖动UI，随便擦除，转着圈擦，360度
abcd5711664321的博客
02-17 3082
Unity菜鸟开发纪要——UI擦除
qq_36460731的博客
04-08 1246
UI做刮刮卡的效果又是一搜一堆，代码都是复制粘贴那种，只能自己捣鼓一下。使用RenderTexure的是一种，不使用的比较少，但是原理没怎么说。这次使用的原理就是：开始的时候，取得遮罩图的像素数据，在鼠标滑动的时候，将屏幕坐标转换到遮罩在父节点下的坐标，然后以该点作为中心，生成需要擦除的区域大小，然后通过与刚开始记录的遮罩数据进行比较，替换需要擦除的区域的像素值，同时计算每一点像素的alpha值，...
UGUI实现擦除效果（不用shader）
最新发布
xzj183的博客
06-12 763
然而，这些局部坐标是相对于 RectTransform 的中心点的，即 (0, 0) 代表 RectTransform 的中心。1. localPoint.x / rectTransform.rect.width 将 localPoint.x 从 [-width/2, width/2] 范围转换为 [-0.5, 0.5] 范围。(1). 局部坐标 localPoint.x 和 localPoint.y 在范围 [-width/2, width/2] 和 [-height/2, height/2]。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

心疼你的一切

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值