Android 扭蛋机抽奖

最新推荐文章于 2025-07-30 11:48:06 发布
最新推荐文章于 2025-07-30 11:48:06 发布
阅读量153 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28934205/article/details/148424550

在这里插入图片描述


import android.animation.ValueAnimator
import android.app.Activity
import android.content.Context
import android.content.Intent
import android.os.Handler
import android.os.Looper
import android.view.ViewGroup
import android.view.animation.LinearInterpolator
import android.widget.FrameLayout
import android.widget.ImageView
import android.widget.Toast
import androidx.core.animation.doOnEnd
import androidx.core.math.MathUtils
import com.sound.candy.riddle.box.stmh.R
import com.sound.candy.riddle.box.stmh.databinding.ActivityWhiteSongkBinding
import com.sound.candy.riddle.box.stmh.spf.SPFWhite
import com.sound.candy.riddle.box.stmh.utils.gone
import com.sound.candy.riddle.box.stmh.utils.hide
import com.sound.candy.riddle.box.stmh.utils.show
import kotlin.math.abs
import kotlin.math.cos
import kotlin.math.sin
import kotlin.math.sqrt
import kotlin.random.Random

class WhiteSongKActivity : WhiteBaseActivity<ActivityWhiteSongkBinding>() {
    override fun provideViewBinding(): ActivityWhiteSongkBinding {
        return ActivityWhiteSongkBinding.inflate(layoutInflater)
    }

    companion object {
        @JvmStatic
        fun start(context: Context, autoFinish: Boolean = false) {
            val starter = Intent(context, WhiteSongKActivity::class.java)
            context.startActivity(starter)
            if (autoFinish && context is Activity) {
                context.finish()
            }
        }
    }

    override fun initUI() {
        binding.ivBack.setOnClickListener { finish() }
        binding.ivStart.setOnClickListener {
            binding.ivGasha.hide()
            binding.layout.gone()
            startAnimation()
        }
    }

    override fun initData() {}

    // 扭蛋资源列表
    private val gashaList = listOf(
        R.mipmap.gasha_01,
        R.mipmap.gasha_02,
        R.mipmap.gasha_03,
        R.mipmap.gasha_04,
        R.mipmap.gasha_05,
        R.mipmap.gasha_06,
        R.mipmap.gasha_07,
        R.mipmap.gasha_08,
        R.mipmap.gasha_09,
        R.mipmap.gasha_10
    )

    fun startAnimation() {
        binding.ivStart.isEnabled = false
        val container = binding.container
        val gashapons = mutableListOf<Gashapon>()
        container.removeAllViews()

        for (i in 0 until 10) {
            val gashapon = Gashapon(this).apply {
                setImageResource(gashaList[i])
                layoutParams = FrameLayout.LayoutParams(120, 120).apply {
                    leftMargin = Random.nextInt(0, container.width - 120)
                    topMargin = Random.nextInt(0, container.height - 120)
                }
                xVelocity = Random.nextDouble(-10.0, 10.0)
                yVelocity = Random.nextDouble(-10.0, 10.0)
                rotationSpeed = Random.nextFloat() * 4f - 2f
                rotation = Random.nextFloat() * 360 // 初始随机旋转角度
            }
            container.addView(gashapon)
            gashapons.add(gashapon)
        }

        startGashaponAnimation(container, gashapons)
    }

    private fun startGashaponAnimation(container: FrameLayout, gashapons: List<Gashapon>) {
        val animator = ValueAnimator.ofFloat(0f, 1f).apply {
            duration = 8000
            interpolator = LinearInterpolator()
            repeatCount = ValueAnimator.INFINITE
            addUpdateListener { animation ->
                for (gashapon in gashapons) {
                    gashapon.x += gashapon.xVelocity.toFloat()
                    gashapon.y += gashapon.yVelocity.toFloat()
                    // 更新旋转角度
                    gashapon.rotation += gashapon.rotationSpeed

                    limitSpeed(gashapon)
                    checkCircularBoundaryCollision(gashapon, container)
                    checkGashaponCollisions(gashapons)
                }
            }
            start()
        }

        Handler(Looper.getMainLooper()).postDelayed({
            animator.cancel()
            // 找到 Y 坐标最大的扭蛋（即最下方）
            val selectedGashapon = gashapons.maxByOrNull { it.y } ?: return@postDelayed
            explodeGashapon(selectedGashapon)
            var prizeIndex = 0
            for ((index, gashapon) in gashapons.withIndex()) {
                if (gashapon === selectedGashapon) {
                    prizeIndex = index
                    break
                }
            }
            binding.ivGasha.show()
            binding.ivGasha.setImageResource(gashaList[prizeIndex])
            SPFWhite.songK = gashaList[prizeIndex]
            Toast.makeText(this, "恭喜抽中", Toast.LENGTH_SHORT).show()
            binding.ivStart.isEnabled = true
        }, 8000)
    }

    val maxSpeed = 8.0
    fun limitSpeed(g: Gashapon) {
        val speed = sqrt(g.xVelocity * g.xVelocity + g.yVelocity * g.yVelocity)
        if (speed > maxSpeed) {
            val scale = maxSpeed / speed
            g.xVelocity *= scale
            g.yVelocity *= scale
        }
    }

    // 爆炸动画方法
    private fun explodeGashapon(gashapon: Gashapon) {
        val explosionAnimator = android.animation.ValueAnimator.ofFloat(1f, 3f).apply {
            duration = 300
            addUpdateListener { animation ->
                val scale = animation.animatedValue as Float
                gashapon.scaleX = scale
                gashapon.scaleY = scale
                gashapon.alpha = 1 - scale / 3 // 淡出
            }

            doOnEnd {
                // 动画结束后移除扭蛋（可选）
                (gashapon.parent as? ViewGroup)?.removeView(gashapon)
            }
        }

        explosionAnimator.start()
    }

    // 检测与圆形边界的碰撞并反弹
    private fun checkCircularBoundaryCollision(gashapon: Gashapon, container: FrameLayout) {
        val centerX = container.width / 2f
        val centerY = container.height / 2f
        val radius = minOf(container.width, container.height) / 2f - 60 // 减去扭蛋的一半宽高

        val dx = gashapon.x + 60 - centerX
        val dy = gashapon.y + 60 - centerY
        val distance = sqrt(dx * dx + dy * dy)

        if (distance > radius) {
            // 计算入射角度和反射角度
            val angle = Math.atan2(dy.toDouble(), dx.toDouble())
            val normalX = cos(angle)
            val normalY = sin(angle)

            // 计算速度投影到法线方向的分量
            val dotProduct = gashapon.xVelocity * normalX + gashapon.yVelocity * normalY

            // 反射速度公式
            gashapon.xVelocity -= 2 * dotProduct * normalX
            gashapon.yVelocity -= 2 * dotProduct * normalY

            // 将扭蛋拉回边界内
            gashapon.x = (centerX + radius * normalX - 60).toFloat()
            gashapon.y = (centerY + radius * normalY - 60).toFloat()
        }
    }

    private fun checkGashaponCollisions(gashapons: List<Gashapon>) {
        val minVelocityThreshold = 0.5 // 最小速度阈值，防止低速抖动

        for (i in gashapons.indices) {
            for (j in i + 1 until gashapons.size) {
                val g1 = gashapons[i]
                val g2 = gashapons[j]

                val dx = g1.x - g2.x
                val dy = g1.y - g2.y
                val distance = sqrt(dx * dx + dy * dy)

                if (distance < 120) { // 假设直径为100
                    // 计算单位法线向量（从 g2 指向 g1）
                    val nx = dx / distance
                    val ny = dy / distance

                    // 计算两球中心之间的重叠距离
                    val overlap = 120 - distance

                    // 将两个扭蛋分开，各移动一半重叠距离
                    val separationX = nx * overlap / 2
                    val separationY = ny * overlap / 2

                    g1.x += separationX.toFloat()
                    g1.y += separationY.toFloat()
                    g2.x -= separationX.toFloat()
                    g2.y -= separationY.toFloat()

                    // 计算相对速度在法线方向上的投影
                    val dvx = g1.xVelocity - g2.xVelocity
                    val dvy = g1.yVelocity - g2.yVelocity
                    val dotProduct = dvx * nx + dvy * ny

                    // 如果两者正在接近，则进行反弹
                    if (dotProduct < 0) {
                        val restitution = 0.7 // 弹性系数（0~1）

                        // 应用冲量，交换速度（带弹性）
                        val impulse = -(1 + restitution) * dotProduct / 2

                        g1.xVelocity += impulse * nx
                        g1.yVelocity += impulse * ny
                        g2.xVelocity -= impulse * nx
                        g2.yVelocity -= impulse * ny

                        // 如果速度太小，冻结轻微震动
                        if (abs(g1.xVelocity) < minVelocityThreshold) g1.xVelocity = 0.0
                        if (abs(g1.yVelocity) < minVelocityThreshold) g1.yVelocity = 0.0
                        if (abs(g2.xVelocity) < minVelocityThreshold) g2.xVelocity = 0.0
                        if (abs(g2.yVelocity) < minVelocityThreshold) g2.yVelocity = 0.0
                    }
                }
            }
        }
    }

}

// 自定义扭蛋类，包含速度属性
class Gashapon(context: Context) : androidx.appcompat.widget.AppCompatImageView(context) {
    var xVelocity: Double = 0.0
    var yVelocity: Double = 0.0
    var rotationSpeed: Float = Random.nextFloat() * 4f - 2f // 随机旋转速度（-2 ~ +2）
}


<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFC5CA">

    <View
        android:layout_width="@dimen/dp_375"
        android:layout_height="@dimen/dp_665"
        android:background="@mipmap/bg_white"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:ignore="MissingConstraints" />

    <RelativeLayout
        android:id="@+id/relativeLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/dp_30"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:id="@+id/iv_back"
            android:layout_width="@dimen/dp_50"
            android:layout_height="@dimen/dp_50"
            android:padding="@dimen/dp_13"
            android:src="@drawable/icon_arrow_left" />

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="小助手"
            android:textColor="@color/white"
            android:textSize="@dimen/sp_22"
            android:textStyle="bold" />
    </RelativeLayout>

    <TextView
        android:layout_width="@dimen/dp_300"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginTop="@dimen/dp_120"
        android:background="@mipmap/tv_mhndj"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


    <RelativeLayout
        android:id="@+id/rl_gasha"
        android:layout_width="@dimen/dp_375"
        android:layout_height="@dimen/dp_361"
        android:layout_marginTop="@dimen/dp_220"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <LinearLayout
            android:id="@+id/layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:orientation="vertical">

            <LinearLayout
                android:id="@+id/layout1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/dp_15">

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_01" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/layout2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/dp_m_7">

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_02" />

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_03" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/layout3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/dp_m_7">

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_03" />

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_04" />

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_05" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/layout4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/dp_m_7">

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_06" />

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_07" />

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_08" />

                <View
                    android:layout_width="@dimen/dp_60"
                    android:layout_height="@dimen/dp_60"
                    android:background="@mipmap/gasha_09" />
            </LinearLayout>
        </LinearLayout>


        <FrameLayout
            android:id="@+id/container"
            android:layout_width="@dimen/dp_300"
            android:layout_height="@dimen/dp_300"
            android:layout_alignParentTop="true"
            android:layout_centerInParent="true"
            android:clipChildren="true"
            android:clipToPadding="true" />

        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@mipmap/bg_ndj" />

        <ImageView
            android:id="@+id/iv_gasha"
            android:layout_width="@dimen/dp_70"
            android:layout_height="@dimen/dp_70"
            android:layout_alignParentBottom="true"
            android:layout_centerInParent="true"
            android:layout_marginBottom="@dimen/dp_50" />
    </RelativeLayout>

    <ImageView
        android:id="@+id/iv_start"
        android:layout_width="@dimen/dp_214"
        android:layout_height="@dimen/dp_74"
        android:background="@mipmap/btn_kscj"
        app:layout_constraintBottom_toBottomOf="@+id/rl_gasha"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/rl_gasha" />

</androidx.constraintlayout.widget.ConstraintLayout>
技术人员的狂欢 | 看雪2020第四届安全开发者峰会顺利落幕
CSDN快讯
10-26 3335
在5G新基建的浪潮下，网络攻击手段不断升级，攻击范围也扩大到各个领域，新时代的网络安全将面临更复杂严峻的挑战。 10月23日，看雪2020第四届安全开发者峰会（看雪2020 SDC）顺应时代的变化，聚焦全新的网络安全挑战，以“新安全，新未来”为主题，在上海浦东喜来登由由大酒店为大家带来一场技术的饕餮盛宴。 新基建时代，网络安全相关的前沿技术已覆盖到更多领域，包括IoT安全、移动安全、漏洞挖掘、病毒分析、AI安全、工控安全、软件保护等，本次峰会上，看雪就邀请多位重量级嘉宾为广大安全爱好者带来紧抓.
兑吧开发规范《源Java手册》
海客森
12-31 3463
1. 规范: 语法规范 1.1. 命名规范 【推荐】业务属性：对象、方法命名，要使用携带业务属性的名词，比如AdvertVO；反例DeleteVO；除非单纯对该对象操作，而对象具备了名词意义，比如AdvertVO中包含方法，getAccountByVO(AdvertVO advertVO) 【强制】代码中的命名严禁使用拼音与英文混合的方式，更不允许直接使用中文的方式 说明: 正确的英文拼写和语法可以让阅读者易于理解，避免歧义。注意，即使是纯拼音命名方式也要避免采用。 正例: alibaba / taba
android模拟抽奖机摇奖动画
03-16
本实例是模拟彩票抽奖小球转动的效果，自传的同时随机公转，效果还不错，马上移植到项目上，如果你还需要一个抽奖（中奖）结果，那么只需要弹框提示一下（本实例无弹框提示，动画功能都出来了，弹框还难吗），废话不多说直接上demo
canvas实现扭蛋机动画效果
ShinDebonair
01-26 2602
布局 扭蛋机的布局比较简单，只需要在基础背景上添加一些元素就可以，最主要的是canvas标签，其他都无所谓： <div class="bg"> <span id="message">点击抽奖</span> <div class="lotterybg"> <canvas id="myCanvas" width="285px" height="170px"></canvas> <img
小程序制作扭蛋机
weixin_45659267的博客
09-24 3783
效果如下: 1.wxml 当然我这里没有用wx:for遍历 <!-- 扭蛋机 --> <view class="egg"> <image class="egg_ji" src="{{imgUrl}}small_program/game/game_luck_draw_nd.png" mode="widthFix"></im...
jQuery实现移动端扭蛋机抽奖
tanqingfu1的博客
11-06 1851
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="apple-touch-fullscreen" content="YES" /> <meta name="format-detection" content="telephone=no" /> <meta name="apple-mobile-web-app-capable" content="yes.
前端搞一个扭蛋抽奖小动画？
qq_45219069的博客
10-26 5662
最近新增一个抽奖小模块，就是扭蛋机的形式，产品给了参考网页，奈何不好扒下来用，只得自己动手干了，不多bb，先看效果吧！ 效果图： 动画分析 由上面gif可看出，整个动画分为四个部分 扭蛋随机（也不算随机吧）在固定盒子内跳动 中奖扭蛋下落 中奖扭蛋移动到中心，并且逐渐放大 中奖扭蛋做出扭开姿势，缓慢打开 整个过程分析好了，貌似还不难，那就一步一步来实现 实现步骤一，盒子内随机跳动 在实现跳动前，先要做的一步是，尽可能把蛋摆放的随机，自然一点，怎么做？当然是定位啦。 我比较懒，于是计算了大概边界位置（我将
猜猜盲盒里面有什么！没错！是韭菜！
<sdffdsfsdfdfs>sfsfsfsdfsdffds</sdfsDS>Fsd
10-06 736
黑客技术点击右侧关注，了解黑客的世界！Java开发进阶点击右侧关注，掌握进阶之路！Python开发点击右侧关注，探讨技术话题！作者丨半佛仙人来源丨仙人JUMP（xrtia...
uniapp开发扭蛋机
03-08
扭蛋机是一种模拟抽奖的游戏设备，玩家可以通过投入一定数量的游戏币或者付费购买扭蛋，然后随机获取一个或多个奖品。UniApp可以用来开发扭蛋机应用，实现用户在手机上进行扭蛋抽奖的功能。 在UniApp中，你可以使用...
Android模拟摇奖动画教程及实现效果展示
在开发Android应用时，模拟抽奖机摇奖动画是一个常见的功能，尤其是在游戏或营销活动中。该功能可以增强用户体验，使活动更加生动有趣。接下来，我将详细解释本实例中涉及的关键知识点。 首先，标题中提到的...
Android-广播详解
2401_87366139的博客
07-26 1000
分类：标准广播是一个完全异步执行的广播，几乎同时的接收器会收到这个广播，效率比较高，无法截断；有序广播是同步执行，同一时刻只有一个接受器才能接受到消息，优先级高的接收器先接受到，同时也可以进行截断。
Android中ViewStub和View有什么区别?
qq_45906596的博客
07-26 959
答：merge 需要作为根布局，而 ViewStub 必须指定单一父容器进行替换（完整含有Linerout等布局的xml文件）。答：View.GONE 的视图仍会创建对象并参与 measure/layout，而 ViewStub 完全跳过这些步骤。示例：电商APP商品详情页中，规格选择弹窗用 ViewStub 加载，而立即显示的图片画廊用普通 View。：请解释 ViewStub 和普通 View 的区别及其使用场景。内存占用：ViewStub 自身仅 4KB，远小于普通 View。ViewStub 在。
安卓学习记录1——持续更新ing
m0_47584501的博客
07-26 1184
安卓学习记录，杂谈！
迅为RK3588开发板安卓GPIO调用-APP运行测试
mucheni的博客
07-29 159
将网盘上的安卓工程文件复制到 Windows 电脑上。确保工程路径中使用英文字符，不包含中文。接着，启动 Android Studio，点击“Open”按钮选择应用工程文件夹，然后点击“OK”。由于下载 Gradle 和各种 Jar 包可能需要一段时间，Android Studio 加载工程可能会耗时较长甚至编译失败。
【php中ssti模板注入讲解】
My笔记的博客
07-28 894
本文分析了PHP中Smarty和Twig模板的安全机制及SSTI漏洞利用方法。首先介绍了两种模板通过白名单机制限制函数执行的安全措施，然后详细剖析了针对Smarty模板的SSTI漏洞利用过程，包括版本探测、payload构造和命令执行。文章通过一个实际案例展示了如何通过二次注入触发SSTI漏洞，并最终实现远程代码执行（RCE）。案例中演示了绕过SQL注入过滤、构造16进制payload以及通过GET参数执行系统命令的全过程，为模板安全研究和渗透测试提供了实用参考。
攻防世界-引导-Web_php_unserialize
weixin_51334173的博客
07-28 248
出现一段源代码，分段分析。
【Android】弹窗关联自定义布局
阿华的博客
07-30 787
DialogFragment，LayoutInflater加载自定义XML布局，getActivity().getLayoutInflater()，inflate()，builder.setView(view)
【Android】自定义弹窗位置更改
最新发布
阿华的博客
07-30 922
在Android中创建底部弹出菜单Dialog。首先通过XML定义底部菜单的界面结构，然后创建BottomMenuDialog类继承DialogFragment，在onCreateDialog方法中构建AlertDialog，设置窗口属性：去除默认边距、设置宽高、去除背景不透明效果，最后底部显示对话框。通过FragmentManager显示对话框，实现了从底部弹出的菜单效果，解决了默认Dialog居中显示的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

魑魅魍魉9527

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

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

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

打赏作者

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

抵扣说明：

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

余额充值