Unity中实现刮奖效果

需要一个Shader和一个CS脚本：

// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'Shader "Custom/Transparent Colored Eraser"
{
Properties
{
_MainTex ("Base (RGB), Alpha (A)", 2D) = "white" {}
_RendTex ("Base (RGB), Alpha (A)", 2D) = "white" {}
}SubShader
{
LOD 200Tags
{
"Queue" = "Transparent"
"IgnoreProjector" = "True"
"RenderType" = "Transparent"
}Pass
{
Cull Off
Lighting Off
ZWrite Off
Fog { Mode Off }
Offset -1, -1
ColorMask RGB
AlphaTest Greater .01
Blend SrcAlpha OneMinusSrcAlpha
ColorMaterial AmbientAndDiffuseCGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"sampler2D _MainTex;
float4 _MainTex_ST;
sampler2D _RendTex;struct appdata_t
{
float4 vertex : POSITION;
half4 color : COLOR;
float2 texcoord : TEXCOORD0;
};struct v2f
{
float4 vertex : POSITION;
half4 color : COLOR;
float2 texcoord : TEXCOORD0;
};v2f vert (appdata_t v)
{
v2f o;
o.vertex = UnityObjectToClipPos(v.vertex);
o.color = v.color;
o.texcoord = v.texcoord;
return o;
}half4 frag (v2f IN) : COLOR
{
// Sample the texture
half4 col = tex2D(_MainTex, IN.texcoord) * IN.color;
half4 rnd = tex2D(_RendTex, IN.texcoord) * IN.color;
col.a =  rnd.a;
return col;
}
ENDCG
}
}
}

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;public class UIEraserTexture : MonoBehaviour, IPointerDownHandler, IPointerUpHandler
{public RawImage image;public int brushScale = 4;Texture2D texRender;RectTransform mRectTransform;Canvas canvas;void Awake(){mRectTransform = GetComponent<RectTransform>();canvas = GameObject.Find("Canvas").GetComponent<Canvas>();}void Start(){texRender = new Texture2D(image.mainTexture.width, image.mainTexture.height, TextureFormat.ARGB32, true);Reset();}bool isMove = false;public void OnPointerDown(PointerEventData data){//Debug.Log("OnPointerDown..." + data.position);start = ConvertSceneToUI(data.position);isMove = true;}public void OnPointerUp(PointerEventData data){isMove = false;//Debug.Log("OnPointerUp..." + data.position);OnMouseMove(data.position);start = Vector2.zero;}void Update(){if (isMove){OnMouseMove(Input.mousePosition);}}Vector2 start = Vector2.zero;Vector2 end = Vector2.zero;Vector2 ConvertSceneToUI(Vector3 posi){Vector2 postion;if (RectTransformUtility.ScreenPointToLocalPointInRectangle(mRectTransform, posi, canvas.worldCamera, out postion)){return postion;}return Vector2.zero;}void OnMouseMove(Vector2 position){end = ConvertSceneToUI(position);Draw(new Rect(end.x + texRender.width / 2, end.y + texRender.height / 2, brushScale, brushScale));if (start.Equals(Vector2.zero)){return;}Rect disract = new Rect((start + end).x / 2 + texRender.width / 2, (start + end).y / 2 + texRender.height / 2, Mathf.Abs(end.x - start.x), Mathf.Abs(end.y - start.y));for (int x = (int)disract.xMin; x < (int)disract.xMax; x++){for (int y = (int)disract.yMin; y < (int)disract.yMax; y++){Draw(new Rect(x, y, brushScale, brushScale));}}start = end;}void Reset(){for (int i = 0; i < texRender.width; i++){for (int j = 0; j < texRender.height; j++){Color color = texRender.GetPixel(i, j);color.a = 1;texRender.SetPixel(i, j, color);}}texRender.Apply();image.material.SetTexture("_RendTex", texRender);}void Draw(Rect rect){for (int x = (int)rect.xMin; x < (int)rect.xMax; x++){for (int y = (int)rect.yMin; y < (int)rect.yMax; y++){if (x < 0 || x > texRender.width || y < 0 || y > texRender.height){return;}Color color = texRender.GetPixel(x, y);color.a = 0;texRender.SetPixel(x, y, color);}}texRender.Apply();image.material.SetTexture("_RendTex", texRender);}
}

Unity中实现刮奖效果相关推荐

canvas刮奖效果
上次写刮奖效果都一年前了,那时候还是百度找的源码给改的,自己其实也是迷迷糊糊的,这次因为让妹子写,然后想着自己也重新整理下. <!DOCTYPE html> <html> &l ...
HTML5实现刮奖效果
原文:HTML5实现刮奖效果要实现刮奖效果,最重要的是要找到一种方法:当刮开上层的涂层是就能看到下层的结果.而HTML5的canvas API中有一个属性globalCompositeOperati ...
刮刮奖效果的简单实现
刮刮奖效果的简单实现无意中看到个刮刮奖的效果,觉得很有意思.就想自己也做一个,怎样用html5及javascript实现呢,回忆以前做报表的时候,用过html5 canvas元素.心里就有思路了. ...
html5刮奖效果,HTML5 Canvas实战之刮奖效果
近年来由于移动设备对HTML5的较好支持,经常有活动用刮奖的效果,最近也在看H5方面的内容,就自己实现了一个,现分享出来跟大家交流. 1.效果 2.原理原理很简单,就是在刮奖区添加两个canvas, ...
Android刮奖效果
背景知识使用Xfermode中的PorterDuffXfermode实现我们的刮奖效果 PorterDuffXfermode 这是一个非常强大的转换模式,使用它,可以使用图像合成的16条Porter ...
入门canvas - 通过刮奖效果来学习
一 .前言一直在做PC端的前端开发,从互联网到行业软件.最近发现移动端已经成为前端必备技能了,真是不能停止学习.HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下, ...
简单入门canvas - 通过刮奖效果来学习
一 .前言一直在做PC端的前端开发,从互联网到行业软件.最近发现移动端已经成为前端必备技能了,真是不能停止学习.HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下, ...
android实现一个橡皮檫效果的自定义View,实现刮奖效果
最近学习自定义View然后做了这么个东西,感觉挺有趣. 简单的就不写了就是一个Activity然后在其中使用,就像TextView一样,只需要设置宽高就行了wrap_content和match_par ...
html5刮奖效果,HTML5+Canvas实战之刮奖效果
项目描述 HTML5+Canvas实战之刮奖效果,实现网页上刮奖,可以用作验证码: 可以在移动设备上和PC端网页(浏览器要支持canvas)上运行 ##使用说明 var lottery = new L ...

Unity中实现刮奖效果

Unity中实现刮奖效果相关推荐

最新文章

热门文章