首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS实现小游戏

最近有朋友找我用JS帮忙仿做一个的小游戏程序,但他给的源代码较麻烦,而且没有注释,理解起来很无力,我就以自己的想法自己做了这个小游戏,主要是应用JS对DOM和数组的操作。...程序思路:如图:将游戏区域的CSS设置为相对定位、溢出隐藏;两“游戏板”上分别排布着24方格,黑色每行随机产生一个,“游戏板”向下滚动并交替显示,将每个操作板的黑位置存入数组,每次点击时将数组pop...DOCTYPE html> <div id="boardb"...JS部分:  这里分函数介绍: 全局变量初始化 var loc=600;//黑落地失败判定 var count=0;//初始化击中黑总数 var locArr=[];//初始化游戏板上黑位置的...if(anowtop==595){ //这里数目为595而不是600是因为在这一帧删除后,下一帧正好600px,刚好使两游戏板衔接完好。

2.9K80
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于HTML5打造的一款白板小游戏

    背景简介 白板这个游戏相信大家都玩过,这个是基于HTML5打造的简单小游戏,在PC端和移动端都能够运行,适应多种平台,今天我们使用原生JS搭配JQuery构建这个小游戏--白板。...一、思路分析 整体页面是一个大的矩形,长宽比例大概是3:2,然后游戏开始,不断有白板降落,然后一行是4个板,一黑色板块,其余三是白色板块,通过板块的点击事件绑定,然后判定是什么颜色,只要是白色的,游戏结束...值判断是否可以点击 var tar = event.target; // 获得到点击的源事件 if (tar.className == 'i') { // 判断点击的是否为有颜色的...// 计数++ } else { alert('游戏结束,得分:' + num); // 如果点到了白色的...clickStart(); 大致效果如图所示: 这个是使用到HbuilderX中的内置浏览器的界面,游戏结束效果如上图所示; 三、总结 本文我们使用到原生js打造了简单触屏游戏------白板

    1.1K10

    Cocos2d-x-Lua 开发一个简单的游戏(记数字步进白色块状)

    大家好,又见面了,我是全栈君 Cocos2d-x-Lua 开发一个简单的游戏(记数字步进白色块状) 本篇博客来给大家介绍怎样使用Lua这门语言来开发一个简单的小游戏—记数字。...游戏的流程是这种:在界面上生成5个数1~5字并显示在随机的位置上,点击第一个数字,其它数字会显示成数字消失,玩家能够通过记住数字的显示的位置点击按顺序消除,直到消除完,游戏成功。...位置(0,0)宽:900,高:640 glview = GLView::createWithRect("记数字", Rect(0,0,900,640)); director->setOpenGLView...height / 2 ) ) --加入到表 self:addChild(txt) --创建一个精灵,代表背景 bg = cc.Sprite:create() --颜色...卡片类定义好之后,我们就要实现我们想要的效果了,定义我们的入口 》》》main.lua --[[ 记数字小游戏 2014/6/22 main.lua ]] -- 引入card.lua文件

    52310
    领券