几年前写的小东西 主要是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. httpclient response 重定向

    HTTPClient请求后,重定向后,获取重定向的URL. 方法一:重定向后获取URL import org.apache.http.HttpEntity; import org.apache.htt ...

  2. Mantis 缺陷管理系统配置与安装[Z]

    什么是Mantis MantisBT is a free popular web-based bugtracking system (feature list). It is written in t ...

  3. Serializable接口的背后

    序列化是什么? 序列化就是将一个对象的状态(各个属性量)保存起来,然后在适当的时候再获得.序列化分为两大部分:序列化和反序列化. 序列化是这个过程的第一部分,将数据分解成字节流,以便存储在文件中或在网 ...

  4. WIN7/8系统下程序接收不到WM_COPYDATA 消息的原因和解决

    在WIN7/win8,如果发送消息的程序用户权限低于和接收消息的程序,则消 息无法传递.发送程序必须等于或者等于接收程序的权限.如发送与接收 是同一个用户,或者发送是管理员帐户,接收是是普通用户,这样 ...

  5. 网站linux.linuxidc.com有很多好资料

    免费下载地址在 http://linux.linuxidc.com/ 用户名与密码都是www.linuxidc.com 有一些介绍:www.linuxidc.com/download

  6. 怎样在Eclipse中使用debug模式调试程序

    最基本的操作是: 1, 首先在一个java文件中设断点,然后运行,当程序走到断点处就会转到debug视图下, 2, F5键与F6键均为单步调试,F5是step into,也就是进入本行代码中执行,F6 ...

  7. php多维数组按用户自定义顺序排序uasort()

    多维数组如果需要按照某个字段值进行排序,可以尝试array_multisort().但有一个前提,这个字段值的排序是要一定规律的,如字符升序a-z,或者数字降序等等. 现有多维数组如下: $arr = ...

  8. python3 模拟登录网站

    最近学习python,因经常登录公积金网站查看公积金缴存还款情况,so网上找了写脚本,修改了一下,方便获取网页中的数据. 使用谷歌浏览器F12查看登录请求内容 1.request header需要参数 ...

  9. 函数 setjmp, longjmp, sigsetjmp, siglongjmp

    一,相关函数接口 1,setjmp,longjmp,sigsetjmp,siglongjmp   #include <setjmp.h> int setjmp(jmp_buf env); ...

  10. MFC CArchive实现保存到二进制文件

    先看一下效果图 BOOL Save2File() { BOOL bOpenFileDialog = FALSE; ---------------------------------- ① BOOL b ...