“刮刮彩票”是一款网络游戏里面的一个小游戏。如图所示：每次游戏玩家会拿到一张彩票，上面会有 9 个数字，分别为数字 1 到数字 9，数字各不重复，并以 3×3 的“九宫格”形式排布在彩票上。在游戏开始时能看见一个位置上的数字，其他位置上的数字均不可见。你可以选择三个位置的数字刮开，这样玩家就能看见四个位置上的数字了。最后玩家再从 3 横、3 竖、2 斜共 8 个方向中挑选一个方
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m
原创
2021-07-28 15:47:15
172阅读
# Android刮刮卡实现指南
## 简介
在这篇文章中，我将向你介绍如何实现Android刮刮卡功能。刮刮卡是一种常见的互动效果，用户可以通过刮除涂层来揭示下方的内容。我们将使用Android平台的Canvas绘图功能来实现这一效果。
## 实现流程
下面是实现刮刮卡功能的主要步骤。你可以按照这个流程进行开发。
| 步骤 | 说明 |
| --- | --- |
| 1 | 创建布局文件
刮刮卡同大转盘一样，刮刮卡也是备受用户欢迎的一种抽奖活动。页面布局我们将使用wScratchPad来实现刮刮卡的功能，wScratchPad是jQuery上的一个插件，他能模拟出刮的行为，使你“檫去”一层覆盖物，这种覆盖物既可以是一张图片，也可以说是某种颜色图层。wScratchPah的用法如下代码所示： 首先需要实现页面的布局，这里定义一个封面，封面用背景色填充，然后定义一个刮涂区和一个文字区，
转载
2023-10-27 19:06:27
116阅读
刮刮卡类：package com.reyo.view;import android.content.Context;import android.graphics.Bitmap;import android.graphics.aphics.Pai
原创
2023-04-06 21:06:39
159阅读
Android项目刮刮奖详解（三）前言上一期我们已经是完成了刮刮卡的基本功能，本期就是给我们的项目增加个功能以及美化一番目标增加功能 用户刮卡刮到一定程度的时候，清除遮盖层在遮盖层放张图片，增加用户体验增加一个刮完奖回调监听实现1.自动消除效果我们首先来了解一下bitmap的getPixels方法getPixels(@ColorInt int[] pixels, int offset, int s
转载
2023-09-19 17:17:08
41阅读
可以实现刮刮卡效果。可以自定义背景图、涂层图。刮开后会有block回调来处理事件。详见.h文件。github: https://github.com/rainbownight/HYScratchCardViewExample
原创
2014-05-26 18:14:22
1424阅读
效果：
使用说明：
1使用ScratchImageView XML
<com.cooltechworks.views.ScratchImageView
android:id="@+id/sample_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
andr
转载
2021-06-11 11:25:04
78阅读
公司国庆搞了个集卡、抽奖小活动。抽奖需要刮刮卡的效果，感觉 css 是实现不了。看我使用 canvas 如何实现刮刮卡效果。废话不多说，线上效果 jsrun-测试地址 、 lilnong.top-测试地址 实现方案都有什么 clearRect 这是我第一个找到的 API，作用是清除一个矩形区域内的内
转载
2020-10-14 17:41:00
354阅读
2评论
思想：将一个View设计成多层，内层（包含中奖信息）和外层（用于刮奖），外层的图层用Canvas与一个Bitmap关联，用这个关联的Bitmap来处理手势的滑动。类似于刮奖的动作。使用paint.setXfermode 来进行消除手势滑动区域package com.jackie.guaguale;import android.content.Context;import android.graph
转载
2017-07-08 19:07:00
68阅读
2评论
思想：将一个View设计成多层，内层（包括中奖信息）和外层（用于刮奖），外层的图层用Canvas与一个Bitmap关联，用这个关联的Bitmap来处理手势的滑动，
原创
2022-12-05 15:25:23
116阅读
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><style>.ggk { width: 200px; height: 100px; border: 1px solid #000; margin: 0 auto;
原创
2023-02-01 09:48:46
132阅读
Unity3D - 性能优化之Draw Call
Unity（或者说基本所有图形引擎）生成一帧画面的处理过程大致可以这样简化描述：引擎首先经过简单的可见性测试，确定摄像机可以看到的物体，然后把这些物体的顶点（包括本地位置、法线、UV等），索引（顶点如何组成三角形），变换（就是物体的位置、旋转、缩放、以及摄像机位置等），相关光源，纹理，渲染方式（由材质/Shader决定）等数据准备好，然后通知图形A
转载请标明出处：://blog..net/lmj6
转载
2017-07-08 17:39:00
103阅读
2评论
刮刮卡 canvas { position:absolute; cursor:pointer; } #score { height:30px; width:100px; display:blo
转载
2022-09-15 13:58:40
75阅读
canvas完美实现刮刮卡的方法 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="red"; ctx.fillRect(20,20,75,50); ctx.globalComp
转载
2021-02-10 22:06:00
97阅读
2评论
前言：在电商中，常用到一些劵和红包之类，往往是通过刮刮卡效果实现，本文来自Hensn_授权本公众号独家发布,
Hensen_的csdn博客链接为：http://blog.csdn.net/qq_30379689，点击阅读原文，可查看其原文。话不多说，我们一起来涨知识。首先看下刮刮卡效果效果图：实现原理：下层图片：我们的红包的图片上层图片：有两部分 一
原创
2021-05-23 06:53:38
344阅读
