中秋月饼吃吃吃，萌兔上蹿下跳吞个不停

Android

2024-01-11 10:34:59

中秋玩乐新招数：Compose小游戏让你尽享月饼盛宴

中秋佳节 到来，除了赏月、吃月饼，还能做什么？不妨来一场趣味十足的小游戏：超人兔子“上蹿下跳”疯狂吃月饼 ，看看你到底能吃多少个！

Jetpack Compose出手，轻松实现游戏

这款小游戏基于Jetpack Compose 框架开发，仅需几行代码即可实现。Compose是谷歌官方推荐的现代化安卓UI开发框架，以其简洁易用、可组合性强等优点深受开发者喜爱。

游戏的主体是一个包含Canvas 的Compose布局，Canvas负责绘制所有游戏元素，包括超人兔子、月饼和障碍物。

化身超人兔子，吃月饼躲障碍

玩家通过键盘或触摸屏控制超人兔子的移动。按下键盘上的向上箭头键或触摸屏幕上的向上箭头区域，超人兔子会向上跳跃；按下键盘上的向下箭头键或触摸屏幕上的向下箭头区域，超人兔子会向下跳跃。

月饼随机出现在不同位置和时间，超人兔子需要吃掉尽可能多的月饼才能获得更高的分数。不过，小心了！障碍物也会随机出现，超人兔子需要躲避这些障碍物才能避免死亡。

特色鲜明，乐趣无穷

这款小游戏非常适合在中秋节期间游玩，不仅可以打发时间，还能增添节日气氛。

操作简单： 适合各个年龄段的玩家。
画面精美： Q萌的超人兔子形象，美味的月饼，生动的背景。
音乐欢快： 烘托出浓浓的节日氛围。

代码示例：让超人兔子动起来

import androidx.compose.foundation.Canvas
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.geometry.Offset
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.Path
import androidx.compose.ui.graphics.drawscope.Stroke
import androidx.compose.ui.input.pointer.PointerEventType
import androidx.compose.ui.input.pointer.onPointerEvent
import androidx.compose.ui.input.pointer.pointerInput
import androidx.compose.ui.unit.dp

@Composable
fun BunnyGame() {
    var bunnyPosition by remember { mutableStateOf(Offset.Zero) }
    var mooncakesEaten by remember { mutableStateOf(0) }

    Canvas(modifier = Modifier
        .fillMaxSize()
        .pointerInput(Unit) {
            detectTapGestures(
                onPress = { offset ->
                    bunnyPosition = bunnyPosition.copy(y = bunnyPosition.y - 100.dp.toPx())
                }
            )
        }) {
        drawCircle(
            color = Color.White,
            radius = 50.dp.toPx(),
            center = bunnyPosition
        )

        for (i in 0..10) {
            drawMooncake(
                color = Color.Yellow,
                radius = 25.dp.toPx(),
                center = Offset(
                    x = random().nextFloat() * size.width,
                    y = random().nextFloat() * size.height
                )
            )
        }
    }
}

private fun CanvasScope.drawMooncake(color: Color, radius: Float, center: Offset) {
    val path = Path().apply {
        addArc(
            oval = Size(radius * 2, radius * 2).toRect(center - Offset(radius, radius)),
            startAngleDegrees = -90f,
            sweepAngleDegrees = 180f
        )
        lineTo(center.x, center.y + radius)
        close()
    }

    drawPath(
        path = path,
        color = color,
        style = Stroke(width = 5.dp.toPx())
    )
}