几年前写的小东西 主要是H5画布的操作，还有个C语言基于WIN SDK开发的版本 找不到代码了 找到了再分享

<!DOCTYPE html>

<script src="game/jquery190.js"></script>

<body id="box" style="background: #000000;TEXT-ALIGN: center;margin-top: 0px;">

    <div style="margin:0 auto;">

        <canvas  id="map" width="360" height="580"></canvas>

    </div>

    <audio src="game/back.wav" loop="loop" autoplay="autoplay">

    </audio>

    <audio id ="kill" src="game/kill.wav">

    </audio>

    <script>

        // JQ CODE start

        $(function() {

            // JQ按键处理

            $("#box").keyup(function(e) {

                game.OnKeyUp(e.keyCode);

            });

        });

         // JQ CODE end

        // 实体类==============================

        var Ball = function(src, x, y, w, h) {

            this.imger = new Image();

            this.number = 0;

            this.x = 0;

            this.y = 0;

            this.w = 0;

            this.h = 0;

            // Y轴移动增量

            this.moveYSet       = 1;

            // 键值

            this.keyVal         = 0;

            // 层格编号

            this.layerNumber    = 0;

            this.MoveY = function() {

                if (this.y >= 580) {

                   this.y = 0;

                }

                this.y += this.moveYSet;

            }

        };

        var Map = function() {

            this.img = null;

            this.w = 900;

            this.h = 580;

        };

        // 层格

        var Layer = function() {

            // 设置球球状态

            this.isSetBall  = 0;

            this.x          = 0;

            this.y          = 0;

            // 球球实体

            this.ball       = null;

            this.number     = 0;

        };

        var Game = function() {

            // 球球实数组

            this.ballHandle = new Array();

            // 球球总数

            this.ballCount  = 27;

            // 地图实体

            this.maper      = new Map();

            this.ctx        = null;

            // 层格

            this.layer      = new Array();

            this.layerCount = 7;

            this.killPlayer = null;

            // A-Z键码表

            this.keyVals    = [0,65, 66,67,68,69,70,71,72,73,74,

                               75,76,77,78,79,80,81,82,83,84,85,86,

                               87,88,89,90];

            this.OnKeyUp = function(keyVal) {

                 for (i = 1; i < this.layerCount; i++)

                 {

                     if (this.layer[i].ball.keyVal==keyVal){

                         this.layer[i].isSetBall = 0;

                         /*

                             * 播放击中声音,命中率高的时候声音会不同步，考虑做到woker里

                             */

                         this.killPlayer.play();

                         return false;

                     }

                 }

            }

            // test

            this.GetIndexSechm = function(){

               var k = UtilManage.FrandomBy(1,26);

               for (i = 1; i < this.layerCount; i++){

                   if (this.layer[i].ball.number == k){

                       this.GetIndexSechm();

                   }

               }

               return k;

            }

            this.Start = function()

            {

                this.ctx.drawImage(this.maper.img, 0, 0, 900, 580);

                for (i = 1; i < this.layerCount; i++)

                {

                    if (this.layer[i].isSetBall==0)

                    {

                            this.layer[i].ball              =   this.ballHandle[UtilManage.FrandomBy(1,26)];

                            this.layer[i].ball.y            =   0;

                            this.layer[i].isSetBall         =   1;

                            this.layer[i].ball.layerNumber  =   this.layer[i].number;

                    }

                }

                for (i = 1; i < this.layerCount; i++)

                {

                    this.layer[i].ball.x = this.layer[i].x;

                    this.ctx.drawImage( this.layer[i].ball.imger,

                                        this.layer[i].ball.x,

                                        this.layer[i].ball.y,

                                        60,

                                        60);

                     this.layer[i].ball.MoveY();

                }

            }

        };

        // 工具管理器

        UtilManage = {

                    FrandomBy:function(under, over) {

                    switch (arguments.length) {

                        case 1:

                            return parseInt(Math.random() * under + 1);

                        case 2:

                            return parseInt(Math.random() * (over - under + 1) + under);

                        default:

                            return 0;

                    }

                }

        };

        // 游戏管理器

        var GameManage = {

            Run: function() {

                GameManage.InitResource();

            },

            // 初始化游戏数据

            InitResource: function() {

                game = new Game();

                // 坐标校正

                var ballXofs = 0;

                for (i = 1; i < game.layerCount; i++)

                {

                    game.layer[i]   =   new Layer();

                    game.layer[i].number++ ;

                    // 设置层格X坐标

                    game.layer[i].x =   ballXofs + 2;

                    ballXofs        += (60);

                }

                for (i = 1; i < game.ballCount; i++) {

                    game.ballHandle[i]              = new Ball();

                    game.ballHandle[i].number       = i;

                    game.ballHandle[i].keyVal       = game.keyVals[i];

                    game.ballHandle[i].imger        = new Image();

                    game.ballHandle[i].imger.src    = "game/" + i + ".png";

                }

                game.maper.img      = new Image();

                game.maper.img.src  = "game/bg.jpg";

                game.killPlayer     =  document.getElementById("kill");

                game.ctx            = (document.getElementById("map")).getContext("2d");

                setInterval("game.Start()", 50);

            }

        };

        GameManage.Run();

    </script>

</body>

</html>

几年前无聊小游戏之作_WEB版本打泡泡的更多相关文章

  1. 带你使用h5开发移动端小游戏

    带你使用h5开发移动端小游戏 在JY1.x版本中,你要做一个pc端的小游戏,会非常的简单,包括说,你要在低版本的浏览器IE8中,也不会出现明显的卡顿现象,你只需要关心游戏的逻辑就行了,比较适合逻辑较为 ...

  2. 一、微信小游戏开发 --- 初次在微信开发者工具里跑Egret小游戏项目

    尝试下Egret的小游戏开发,学习,学习,干IT,不学习,就得落后啊... 相关教程: Egret微信小游戏教程 微信公众平台-微信小游戏教程 微信公众平台-微信小游戏接入指南 开发版本: Egret ...

  3. 无聊的周末用Java写个扫雷小游戏

    周末无聊,用Java写了一个扫雷程序,说起来,这个应该是在学校的时候,写会比较好玩,毕竟自己实现一个小游戏,还是比较好玩的.说实话,扫雷程序里面核心的东西,只有点击的时候,去触发更新数据这一步. Sw ...

  4. C/C++,彩色图像小游戏。

    这里声明,这个游戏是由本人,在大一暑假自作的第二个小游戏,转载请注明原帖地址,谢谢! 所有图片都是我一个人用ps搞出来的,比较简单.........毕竟不是学图像制作的,请体谅!另外,图片 不放出来了 ...

  5. Egret白鹭H5小游戏开发入门（一）

    前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js. ...

  6. Swift实战之2048小游戏

    上周在图书馆借了一本Swift语言实战入门,入个门玩一玩^_^正好这本书的后面有一个2048小游戏的实例,笔者跟着实战了一把. 差不多一周的时间,到今天,游戏的基本功能已基本实现,细节我已不打算继续完 ...

  7. 恶趣味小游戏 I'm hungry

    之前学算法的时候无聊做了个游戏放松放松,现在传到了github以免电脑坏了就永远丢失了... github地址:https://github.com/BenDanChen/IamHungry I am ...

  8. 通通的最后一篇博客（附自制html5平面射击小游戏一枚）

    这是我最后一篇博客了,由于本人的人生规划吧,以后应该也写不出什么好的技术文章了,到现在在博客园写了2年, 今天一看,我也有了120个粉丝,好几万的浏览量,感谢大家的支持啊~~ 半年没有写博客了,由于半 ...

  9. 12岁的少年教你用Python做小游戏

    首页 资讯 文章 频道 资源 小组 相亲 登录 注册       首页 最新文章 经典回顾 开发 设计 IT技术 职场 业界 极客 创业 访谈 在国外 - 导航条 - 首页 最新文章 经典回顾 开发 ...

随机推荐

  1. 从头开始－01.C语言环境测试

    在Mac下编写C程序需要以下几步: 编写代码 a>编译:把C语言编译成0和1 b>工具:clang编译器 c>指令:cc -c 文件名.c      编译成功会生成一个. o目标文件 ...

  2. 将类数组对象(array-like object)转化为数组对象(Array object)

    用法:Array.prototype.slice.call(array-like object) // 创建一个类数组对象 var alo = {0:"a", 1:"b& ...

  3. <原>ASP.NET 学习笔记之HTML helper中参数何时会是路由参数，何时又会是query string？

    HTML helper中参数何时会是路由参数,何时又会是query string?   @Html.ActionLink("Edit", "Edit", new ...

  4. Response.Redirec方法传递汉字出现乱码

    解决方法: //传参数时Response.Redirect("a.aspx?name"+Server.UrlEncode("我的名字")); //接收参数时 S ...

  5. 文件和文件夹权限-Win7公共盘中出现大量临时文件

    公司中有一个文件服务器,给不同部门和员工设置了不同的权限,最近有员工(没有修改权限,有读取及执行,读取,写入)反映在公共盘上修改文件的时候会产生大量的临时文件,添加上修改权限之后就可以了,然后被同事问 ...

  6. Fast InvSqrt()（平方根倒数速算法）

    浮点数的平方根倒数常用于计算正规化矢量.3D图形程序需要使用正规化矢量来实现光照和投影效果,因此每秒都需要做上百万次平方根倒数运算,而在处理坐标转换与光源的专用硬件设备出现前,这些计算都由软件完成,计 ...

  7. cocos2dx中包含svn

    因为不想从svn上载下整个工程,就只把Classes和Resources载下来了,在打安卓包时出现WindowsError: [Error 5] : 'D:\\CocosProject\\(Proje ...

  8. leetcode Sudoku Solver python

    #the define of Sudoku is on this link : http://sudoku.com.au/TheRules.aspx Write a program to solve ...

  9. JQuery easyui （4）Tooltip （提示组件） 组件

    ps:先来一波美图 Tooltip的加载方式: 1,class加载 <a href="#" title="tooltip">hello word&l ...

  10. ASP.NET MVC3使用Unity2.0实现依赖注入（转载和扩展）

    http://note.youdao.com/share/?id=53252d0f897e0e109aadd296a1682354&type=note