原生Java脚本语言编写帆布版的连连看游戏

本文实例为大家分享了Java脚本语言编写帆布版的连连看游戏的具体实现代码，供大家参考，具体内容如下

效果图：

实现代码：

！DOCTYPE html html head meta charset=' UTF-8 ' title/title style # box {/* border : 1px solid # D1D 1；*/overflow:隐藏；相对位置：填充-底部： 60px} # BG {底色： rgba(254，195，89，2);} #我的画布{位置：绝对；top : 36pxleft : 0；} # toolsbar { width : 100%；绝对位置：bottom : 10pxleft : 0；飞越：隐藏；}按钮{ outline:无；border:无；宽度： 100像素；高度： 32px背景-颜色： # d 80049color : # ffffborder-半径： 5px右边距： 10px光标：指针；} #时间轴{ height: 26px宽度： 568像素；填充-底部： 10px背景： URL(图片/time _ slot-HD。巴布亚新几内亚)不重复；飞越：隐藏；} #时间线跨度{显示：块；宽度： 100%;高度： 100%;显示： flex飞越：隐藏；} #时间线跨度：before，#时间线跨度： before { display : block内容： " "；高度： 26px背景： URL(图片/时间_栏-高清。巴布亚新几内亚)无重复；} #时间线跨度：在{ width: 12px} #时间线跨度：在{/*宽度： 100%之后；*/背景-位置：右上方；-web套件-flex : 1；/*页边距-top :-26px；*/}/style/head body div id=' box ' div id=' timeline ' span/span/div id=' toolsbar ' button class=' resort '重列(3)/按钮按钮类='提示'提示(3)/button button class='boom '炸弹(3)/button button class=' parse ' style=' background-color : # 00aa 79；'暂停/button button class=' restart ' style=' margin-left : 50px；背景-颜色' : # 00aa 79'重新开始/button/div画布id=' BG ' width=' 818 ' height=' 474 px '/画布画布画布id=' my canvas ' width=' 818 ' height=' 474 px '/画布/div/body/html脚本类型=' text/JavaScript ' src=' http 3360././public/js/jquery-1。11 .2 .量滴js/窗户。_矩阵=新矩阵（矩阵，36);窗户。Draw=new Draw({ id : ' my canvas '，step : 42，matrix : _Matrix.matrix，dir : 'images/'，speed : 300 })；定义变量控制器=新控件({ step : 42，col : 19，row : 11，id : 'bg '，time : 90000，draw : draw，_Matrix : _Matrix，times : 3 })；$('#mycanvas ').打开('点击')，函数(e){ var x=e.offsetX，y=e . offset var _ x=math . floor((x-1)/43)，_ y=math。楼层((y-1)/43)；controller.click(_x，_ y)；});$('.度假村')。on('click '，function(){ var count=parsent($(this)).文本()。匹配(/\ d/)[0])；if(count){ count-；$(这个)。文本('重列("计数"));}控制器。度假村()；});var tiped=false，tips$('。提示')。on('click '，function(){ var count=parsent($(this)).文本()。匹配(/\ d/)[0])；if(count){ count-；$(这个)。文本('提示("计数"));}控制器。gettips()；});$('.轰')。on('click '，function(){ var count=parsent($(this)).文本()。匹配(/\ d/)[0])；if(count){ count-；$(这个)。文本('炸弹("计数"));}控制器。boom()；});$('.重启")。on('click ')，function(){ controller。restart()；});$('.解析')。on('click ')，function(){ var bool=$(this).text()=='暂停；$(这个)。文字(布尔？继续' : '暂停)控制器。parse()；});controller.watch(函数（百分比){ $(' #时间轴跨度').宽度（百分比"%");});});/script源码下载：连连看游戏

关于Java脚本语言编写游戏的开发实例还有很多，具体大家可以参考专题《javascript经典小游戏汇总》 进行学习，希望对大家的学习有所帮助。