H5游戏框架phaser实例二（附上传到服务器的教程）

最新推荐文章于 2024-11-06 07:19:02 发布

马马也

最新推荐文章于 2024-11-06 07:19:02 发布

阅读量755

点赞数

分类专栏：服务器游戏开发 Phaser

本文链接：https://blog.youkuaiyun.com/machi1/article/details/99847152

版权

由于最近有事，先贴出来游戏地址，之后会补发教程：http://139.9.200.70:8080/myGame/index.html（由于域名还在备案过程中，现在只能通过ip访问）

先贴出源码：

<!doctype html>
<html>
    <head>
        <meta charset = "utf-8">
        <title>Phaser游戏实例</title>
        <!--引入phaser-->
        <script src = "js/phaser.min.js" type = "text/javascript"></script>
    </head>
    <body>
        <!--游戏代码-->
        <script type = "text/javascript">
            //创建游戏对象
            var game = new Phaser.Game(800, 600, Phaser.CANVAS, '');
            //游戏的场景集合
			game.states = {};
            //对游戏进行适配
			game.states.boot = {
                preload: function(){
                    game.load.image('preloader', 'assets/preloader.gif');
                },
                create: function(){
                    game.state.start('load');
                }
			};

            //进行加载的场景
            game.states.load = {
                preload: function(){
                    //创建加载条
                    var preloader = game.add.sprite(game.width/2-420/2, game.height/2-19/2, 'preloader');
                    preloader.scale.setTo(2, 2);
                    //preloader.anchor.set(0.5);
                    //加载资源
                    //将星星加载到游戏引擎中
                    game.load.image('star', 'assets/star.png');
                    game.load.image('sky', 'assets/sky.png');
                    game.load.image('ground', 'assets/platform.png');
                    //加载一个动画，坐标是每一个的，记得运算
                    game.load.spritesheet('dude', 'assets/dude.png', 32, 48);
                    game.load.spritesheet('baddie', 'assets/baddie.png', 32, 32);
                    game.load.image('diamond', 'assets/diamond.png');
                    game.load.image('firstaid', 'assets/firstaid.png');
                    game.load.spritesheet('replaybutton', 'assets/replaybutton.png', 80, 30);
                    game.load.spritesheet('sharebutton', 'assets/sharebutton.png', 80, 30);
                    game.load.spritesheet('startbutton', 'assets/startbutton.png', 100, 40);
                    game.load.image('heart', 'assets/heart.png');
                },
                create: function(){
                    game.state.start('start');
                }
            };

            //开始场景
            game.states.start = {
                create: function(){
                    game.add.image(0, 0, 'sky');
                    game.add.button(game.width/2-50, game.height/2-20, 'startbutton', this.startClick, this, 1, 1, 0);
                },
                startClick: function(){
                    game.state.start('play');
                }
            };

            //游戏进行场景
            //组名
            var stars;
            var platforms;
            var player;
            var score = 0;
            var scoreText;
            var monsters;
            //代表方向键的输入

最低0.47元/天解锁文章