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

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

2022-05-31 406
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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实现
游客bmjnbwc6z3aum
目录
相关文章
疯狂的猿
|
8天前
|
移动开发 HTML5
响应式精品资源导航源码html5
一款响应式精品网站推荐导航源码，可以自己修改代码替换图标图片和指向网址。背景图支持自动替换，背景图可以在images中修改,本地双击html即可查看效果
疯狂的猿
15 1
响应式精品资源导航源码html5
疯狂的猿
|
26天前
|
移动开发 HTML5
云洗衣机HTML5源码 朋友圈在线洗衣服
夏天如约而至，不知道屏幕面前的你是否还在为脏衣服过多而烦恼？ 没错是洗衣机，washing machine 直接把衣服丢进去，按下开关即可！ 搭建教程：源码为html直接进空间访问即可！
疯狂的猿
41 3
云洗衣机HTML5源码 朋友圈在线洗衣服
疯狂的猿
|
28天前
很有范的简约极客导航html源码
这个是一个静态的HTML导航页面，响应式支持4个尺寸，任何内容都可以修改。
疯狂的猿
31 2
很有范的简约极客导航html源码
疯狂的猿
|
9天前
|
搜索推荐
2024微信个人名片在线生成HTML源码
微信个人名片卡片在线生成，这是一款微信个人名片生成网站源码，无第三方接口，本地直接生成可长期使用。 主要用于生成用户个性化的名片页面，包括头像、姓名、联系方式、个人介绍等信息。 在本地浏览器打开即可,源码是html的，也可上传到服务器上。
疯狂的猿
9 0
2024微信个人名片在线生成HTML源码
疯狂的猿
|
17天前
|
移动开发 HTML5
蓝色炫酷碎粒子HTML5导航源码
蓝色炫酷碎粒子HTML5导航源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面
疯狂的猿
28 1
疯狂的猿
|
19天前
Force Yc 第九引导公告页HTML源码
源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面
疯狂的猿
37 3
疯狂的猿
|
18天前
一款好看的导航网HTML源码(全静态页面带特效)
一款好看的导航网源码(全静态页面带特效)，页面自适应，单页源码没有后台，需要的下载。
疯狂的猿
27 1
疯狂的猿
|
18天前
个人博客新引导主页html源码
个人博客新引导主页html源码，随机背景，字体颜色变换，记事本打开自己动手修改一下就可以啦。
疯狂的猿
13 1
疯狂的猿
|
18天前
|
数据安全/隐私保护
自定义密码访问单页HTML源码
自定义密码访问单页HTML源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面
疯狂的猿
27 1
疯狂的猿
|
20天前
在线将多张图片拼接起来图工具HTML源码
在线将多张图片拼接成一张图片，多图合一并导出下载。无需本地安装软件。 下载时，使用日期时间作为文件名，规避图片文件名相同造成的覆盖问题；也能省去一部覆盖确认操作 多语言支持
疯狂的猿
22 0
在线将多张图片拼接起来图工具HTML源码

热门文章

最新文章

  • 1
    weex-html5 组件进阶
  • 2
    特殊字符（HTML语言对照表）
  • 3
    http://www.kindsoft.net/docs/qna.html
  • 4
    HTML <form> 标签的 accept-charset 属性
  • 5
    《HTML5 2D游戏编程核心技术》——第1章，第1.8节练习
  • 6
    一步步用HTML5动手写个图片上传预览组件
  • 7
    HTML5的Histroy API
  • 8
    HDU ACM 1088 Write a simple HTML Browser
  • 9
    使用Kotlin做一个简单的HTML构造器
  • 10
    WebGL实现HTML5的3D贪吃蛇游戏
  • 1
    【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的？
    67
  • 2
    【Web 前端】如何找到所有 HTML select 标签的选中项？
    84
  • 3
    如何实时准确地从HTML5视频中截取当前播放画面
    357
  • 4
    Vue中如何以HTML形式显示内容并动态生成HTML代码
    240
  • 5
    web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
    55
  • 6
    高大上HTML5引导页源码 动态效果更好看
    57
  • 7
    【专栏：HTML与CSS前端技术趋势篇】HTML与CSS在PWA（Progressive Web Apps）中的应用
    87
  • 8
    【专栏：HTML与CSS前端技术趋势篇】前端框架（React/Vue/Angular）与HTML/CSS的结合使用
    86
  • 9
    【专栏：HTML 与 CSS 前端技术趋势篇】Web 性能优化：CSS 与 HTML 的未来趋势
    77
  • 10
    【专栏：HTML与CSS前端技术趋势篇】渐进式增强与优雅降级在前端开发中的实践
    91

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • 场景实践 -新手玩转云计算制作一个浪漫的表白网页
  • 【科技少年】Python绘画编程第一课

    • 相关电子书

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

    • 相关实验场景

    更多
  • 在PAI ArtLab一键实现欧洲杯粉丝专属贴纸制作
  • 2048小游戏
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • HTML及前端框架
    • 下一篇
    基于LNMP搭建WordPress