AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

HTML实现怀旧小游戏，超级玛丽、飞机大战…等十余款【完整源码分享】

2022-05-31 438
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： HTML实现怀旧小游戏，超级玛丽、飞机大战…等十余款【完整源码分享】

HTML怀旧小游戏


介绍


超级玛丽、飞机大战、赛车、俄罗斯方块、飞翔的鸟、王校长热狗飞机大战、植物大战僵尸、冒险岛、塔块游戏、五子棋、贪吃蛇


怀旧小游戏，简单HTML实现，可下载修改代码调整难度，增加关卡，优化画面等等，学习代码也有欢乐~玩起来！


软件架构

html、JavaScript、css


使用说明


点击HTML文件运行即可


游戏操作指南

w a s d 或者 ↑ ↓ ← → 或者 移动鼠标


游戏展示


超级玛丽


image.png


飞机大战


image.png


赛车


image.png


俄罗斯方块


image.png


飞翔的鸟


image.png


王校长热狗飞机大战


image.png


植物大战僵尸


image.png


冒险岛


image.png


塔块游戏


image.png


五子棋


image.png


贪吃蛇

image.png


image.png

文章标签：
JavaScript
前端开发
关键词：
HTML源码
HTML小游戏
HTML小游戏源码
HTML源码分享
HTML实现
游客bmjnbwc6z3aum
目录
相关文章
疯狂的猿
|
17天前
在线检测显示屏坏点html工具源码
在线检测显示屏坏点html工具源码
疯狂的猿
50 20
疯狂的猿
|
6天前
|
JavaScript
jQuery+HTML5实现的微信大转盘抽奖源码
这是一款基于jQuery+HTML5实现的微信大转盘抽奖效果源码，是一款可配置奖品抽奖的jQuery大转盘抽奖代码，可实现点击按钮转轮旋转实现抽奖功能，效果逼真自然，代码里面有详细的注释，可以修改文字或者二次开发都可以
疯狂的猿
24 11
疯狂的猿
|
15天前
HTML在线扫雷游戏网页源码
HTML在线扫雷游戏网页源码是一款基于HTML+CSS+JavaScript开发的在线扫雷小游戏单页源码，为用户提供了一个无需安装即可在浏览器中直接玩的扫雷游戏。该游戏的源码不仅包含了完整的游戏逻辑，还具备丰富的界面设计和用户交互功能，使得玩家能够轻松上手并享受扫雷带来的乐趣。
疯狂的猿
53 22
疯狂的猿
|
18天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
疯狂的猿
89 24
疯狂的猿
|
6天前
|
移动开发 HTML5
HTML5实现的手机验证抽奖领券效果源码
这是一款基于HTML5实现的手机验证抽奖领券效果源码。在输入框输入手机号码即可点击下方的按钮来进行抽奖游戏，中奖后还会弹出提示信息，是一款比较经典的抽奖游戏源码
疯狂的猿
22 9
疯狂的猿
|
1月前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿，其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
疯狂的猿
83 2
疯狂的猿
|
2月前
|
移动开发 JavaScript HTML5
HTML5实现2025雪花飘新年倒计时源码
2025年即将到来，此源码页为单html纯代码，新年倒计时，背景雪花飘落效果，倒计时时间日期在JS/app.js文件第21行代码自行修改即可！
疯狂的猿
279 7
疯狂的猿
|
2月前
斗地主单机游戏HTML源码
斗地主单机游戏HTML源码，可以作为课程设计项目参考，喜欢的朋友可以拿去
疯狂的猿
52 5
疯狂的猿
|
2月前
|
前端开发
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
疯狂的猿
31 0
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
疯狂的猿
|
2月前
|
移动开发 前端开发 HTML5
HTML5 Canvas制作的粒子十秒倒计时源码
一段基于HTML5 Canvas制作的粒子爆炸，十秒数字倒计时，全屏倒计时动画效果，给人一种非常大气的视觉感
疯狂的猿
41 0
HTML5 Canvas制作的粒子十秒倒计时源码

热门文章

最新文章

  • 1
    HTML5特性速记图
  • 2
    TouchPoint.js – 可视化展示 HTML 原型点击效果
  • 3
    Manifesto – HTML5 离线应用程序缓存校验工具
  • 4
    Angular 怎样绑定 Html
  • 5
    Firefox 的 HTML 注释 Bug
  • 6
    利用HTML5 的Datalist 元素实现输入提示
  • 7
    如何设计优秀的 HTML API
  • 8
    10个和 Flash 一样的 HTML5 应用演示
  • 9
    如何开发一个简单的HTML5 Canvas 小游戏
  • 10
    HTML5的data-* 要注意的问题
  • 1
    html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
    154
  • 2
    HTML5 Canvas 提供丰富的绘图API，支持绘制图形、文本、渐变和图像，助力游戏开发
    91
  • 3
    好看的html网站维护源码
    299
  • 4
    html+echars图表加日期检索
    71
  • 5
    html+echars的统计报表
    81
  • 6
    【CSDN创作优化1】个人简介优化 html font属性
    73
  • 7
    一种pug与html相互转换的工具
    124
  • 8
    android TextView HTML 的效果
    51
  • 9
    BeautifulSoup 是一个 Python 库，用于从 HTML 和 XML 文件中提取数据
    173
  • 10
    HTML5/CSS3粒子效果进度条代码
    83

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • 场景实践 -新手玩转云计算制作一个浪漫的表白网页

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • 在PAI ArtLab一键实现欧洲杯粉丝专属贴纸制作
  • 2048小游戏
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • HTML及前端框架
    • 下一篇
    DataWorks智能交互式数据开发与分析之旅