[Phaser] 小游戏——小球成长

最新推荐文章于 2023-05-05 12:18:53 发布

VIP文章 Thomas Ho

最新推荐文章于 2023-05-05 12:18:53 发布

阅读量355

点赞数 1

分类专栏： phaser 文章标签： html5 前端

本文链接：https://blog.csdn.net/qq632305424/article/details/105797051

版权

一起来写一个小球成长的游戏吧

let’s go!

需求：

小球在画布内不规则运动，不会发生碰撞，只会重叠在一起

有和小球相同数量的按钮

每个小球都有自己都编号并且和相应编号的按钮绑定

长按按钮，相应的小球会变大

松开按钮，小球停止变大

如果正在变大的小球和其他任何一个小球相碰，两个小球的大小缩小一半并且停止变大

每个球只能变大一次

0. 先把简单的框架搭起来

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>growing circle</title>
    <style>
        * {
    
            margin: 0;
            padding: 0;
        }
    </style>
</head>

<body>
    <div id="game"></div>

    <script src="./phaser.min.js"></script>
    <script>
        let game
        let gameOptions = {
    
            ballSpeed: 300, // 小球运动速度
            balls: 8, // 小球总数
            ballRadius: 50, // 小球半径
            growRate: 1 // 增长速率
        }

        class PlayGame extends Phaser.Scene {
    
            constructor() {
    
                super('PlayGame')
            }
            preload() {
    
                this.load.image('ball', 'ball.png')
                this.load.image('button', 'button.png')
            }
            create() {
    
                
            }
            update() {
    
                
            }
        }

        let gameConfig = {
    
            type: Phaser.AUTO,
            scale: {
    
                mode: Phaser.Scale.WIDTH_CONTROLS_HEIGHT,

最低0.47元/天解锁文章

Thomas Ho

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
[Phaser] 小游戏——小球成长

一起来写一个小球成长的游戏吧let’s go!需求：小球在画布内不规则运动，不会发生碰撞，只会重叠在一起有和小球相同数量的按钮每个小球都有自己都编号并且和相应编号的按钮绑定长按按钮，相应的小球会变大松开按钮，小球停止变大如果正在变大的小球和其他任何一个小球相碰，两个小球的大小缩小一半并且停止变大每个球只能变大一次0. 先把简单的框架搭起来<!DOCTYPE ht...
复制链接

扫一扫