俄罗斯方块小游戏的H5和Android版
发布日期:2022-03-03 10:44:10 浏览次数:7 分类:技术文章

本文共 2257 字,大约阅读时间需要 7 分钟。

运行界面截图

部分代码截图

var Audio = {        BA: gm("#Background-AudioPlayer")[0],        SA: gm("#Score-AudioPlayer")[0],        GA: gm("#GameOver-AudioPlayer")[0]    };	    function Game() {        this.scoreEle = gm("#scores");        this.timer = null;        this.map = null;        this.block = null;        var that = this;        this.init = function () {            var content = "Welcome to tetris!";            gm("#greeting").html(content);        };        this.start = function () {            gm("#info").hide();            that.scoreEle.val(0);            that.map = new Map(12, 15);            that.map.init();            that.block = new Block(that.map.cols, that.map.rows, that.map.blockArray);            that.block.newBlock();            that.timer = window.setInterval(that.block.GoDown, 1000);        };        this.pause = function () {            window.clearInterval(that.timer);            that.timer = null;            Audio.BA.pause();            gm("document").keydown = null;            var content = "

Game pause!

"; gm("#info").html(content).show(); }; this.resume = function () { gm("#info").hide(); that.timer = window.setInterval(that.block.GoDown, 1000); Audio.BA.play(); }; this.addScore = function (value) { that.scoreEle.val(parseInt(that.scoreEle.val()) + value); }; this.finish = function finish() { window.clearInterval(that.timer); gm("document").keydown = null; that.scoreEle.val(0); Audio.BA.pause(); Audio.GA.play(); window.alert("Game over!"); window.location.reload(); return; }; }

 

内嵌自制Jquery

this.gm = function (selector) {        if (window == this) return new gm(selector);        var doms, domWrapper = [];        if (tagReg.test(selector)) {            doms = document.createElement(selector.match(tagReg)[1]);            domWrapper.push(doms);        } else{            doms = document.querySelectorAll(selector);            for (var i = 0; i < doms.length; i++) {                domWrapper.push(doms.item(i));            }        }        return this.setArray(domWrapper);    }

 

H5版直达:

 

Android版下载:

 

参考

忘记源头在哪里了...有空找找看

转载地址:https://blog.csdn.net/yangjiegang8/article/details/104883794 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Vue2全家桶搭建简单的桌面和移动端分离的购物商城
下一篇:自制Influxdb可视化管理工具

发表评论

最新留言

关注你微信了!
[***.104.42.241]2024年04月03日 01时33分05秒