美文网首页
javascript扫雷, canvas界面

javascript扫雷, canvas界面

作者: 刘翾 | 来源:发表于2017-11-09 08:58 被阅读24次

巩固一下之前学的知识. 看如下的效果图.

功能描述: 基本游戏需求以及排行榜记录保存.

主界面:


这里写图片描述

游戏界面:


这里写图片描述

游戏记录保存:

为了方便演示, 结束时提示保存记录, 正常输了的话提示重新开始游戏.


这里写图片描述

排行榜:

这里写图片描述
这里写图片描述

代码和教程都在github上:
https://github.com/TheKiteRunners/Web-Sweep

相关文章

  • javascript扫雷, canvas界面

    巩固一下之前学的知识. 看如下的效果图. 功能描述: 基本游戏需求以及排行榜记录保存. 主界面: 游戏界面: 游戏...

  • 两分钟教你用C++修改"扫雷"游戏的设置,有

    C++ 6.0 修改"扫雷"游戏的设置,可以对扫雷游戏的界面进行设置,设置 黑白界面和彩色界面,可修改扫雷游戏英雄...

  • Canvas

    Canvas绘图- JavaScript 来绘制图像 使用 JavaScript 来绘制图像canvas 元素本身...

  • canvas浅尝

    简单了解canvas 1.什么是canvas HTML5 的 canvas 元素使用 JavaScript 在网页...

  • canvas学习一

    一、什么是canvas? canvas 是 HTML5 的标签元素,使用 JavaScript 在canvas里绘...

  • 2017-07-06

    Canvas和SVG Canvas 通过Javascript 来绘制 2D 图形。Canvas 是逐像素进行渲染的...

  • canvas学习总结(一)

    一、认识canvas 1、什么是canvas canvas是html5的标签,可以用Javascript在html...

  • HTML5 Canvas

    canvas元素用于网页上绘制图形。 什么事Canvas? HTML5的canvas元素使用JavaScript在...

  • canvas学习

    标签: cancas canvas是什么? HTML5 的 canvas 元素使用 JavaScript 在网页上...

  • 前端知识梳理-1/Canvas

    HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成....

网友评论

      本文标题:javascript扫雷, canvas界面

      本文链接:https://www.haomeiwen.com/subject/jfcumxtx.html