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

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

2022-05-31 431
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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
目录
相关文章
it999977
|
1月前
|
移动开发 编解码 前端开发
摸鱼必备-80款在线HTML小游戏
本文推荐了80款精彩的HTML5在线小游戏，涵盖益智、冒险、射击、体育等多种类型，适合各年龄段玩家。无需下载安装，随时随地畅玩。地址：[https://game.share888.top/](https://game.share888.top/)
it999977
201 7
摸鱼必备-80款在线HTML小游戏
疯狂的猿
|
18天前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿，其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
疯狂的猿
60 2
疯狂的猿
|
1月前
|
移动开发 JavaScript HTML5
HTML5实现2025雪花飘新年倒计时源码
2025年即将到来，此源码页为单html纯代码，新年倒计时，背景雪花飘落效果，倒计时时间日期在JS/app.js文件第21行代码自行修改即可！
疯狂的猿
124 7
疯狂的猿
|
1月前
斗地主单机游戏HTML源码
斗地主单机游戏HTML源码，可以作为课程设计项目参考，喜欢的朋友可以拿去
疯狂的猿
41 5
疯狂的猿
|
1月前
|
前端开发
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
疯狂的猿
24 0
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
疯狂的猿
|
1月前
|
移动开发 前端开发 HTML5
HTML5 Canvas制作的粒子十秒倒计时源码
一段基于HTML5 Canvas制作的粒子爆炸，十秒数字倒计时，全屏倒计时动画效果，给人一种非常大气的视觉感
疯狂的猿
34 0
HTML5 Canvas制作的粒子十秒倒计时源码
疯狂的猿
|
1月前
渐淡背景导航页HTML源码
每五秒进行淡进淡出切换背景图，适合作为个人引导页，喜欢的朋友拿去吧。
疯狂的猿
32 2
温轻舟
|
1月前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看！用HTML+CSS+JS打造企业级官网-源码直接可用，文章代码仅用于学习，禁止用于商业
温轻舟
142 1
疯狂的猿
|
1月前
|
移动开发 HTML5
HTML5熊猫弹跳手机小游戏源码
一款html5手机端小游戏源码，熊猫跳跃小游戏源码下载。熊猫脚底有弹簧，长按变化力度跳跃，计分游戏，html5手机熊猫也疯狂小游戏源代码。
疯狂的猿
49 5
疯狂的猿
|
1月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码，在公路上开车网页小游戏源代码。
疯狂的猿
62 0
html5+three.js公路开车小游戏源码

热门文章

最新文章

  • 1
    Python 爬虫必备杀器，xpath 解析 HTML
  • 2
    html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
  • 3
    如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计，再到HTML结构搭建与CSS样式设计，最后实现具体页面并进行优化提升，全面覆盖了网站开发的关键步骤
  • 4
    HTML（HyperText Markup Language，超文本标记语言）
  • 5
    太便利了 ！通义灵码方便生成html页面
  • 6
    HTML5 新的 Input 类型2
  • 7
    HTML（HyperText Markup Language）和XML（Extensible Markup Language）
  • 8
    HTML5 元素2
  • 9
    高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
  • 10
    HTML与CSS在Web组件化中的核心作用及前端技术趋势
  • 1
    【HTML】——VSCode 基本使用入门和常见操作
    16
  • 2
    前端基础之HTML
    11
  • 3
    将html_table2结果转化为tibble的最佳实践
    31
  • 4
    利用 html_table 函数轻松获取网页中的表格数据
    29
  • 5
    HTML（HyperText Markup Language，超文本标记语言）
    60
  • 6
    HTML（HyperText Markup Language）和XML（Extensible Markup Language）
    45
  • 7
    html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
    60
  • 8
    html5 canvas五彩碎纸屑飘落动画特效
    34
  • 9
    HTML5 3D地球仪可按经纬坐标定位特效
    30
  • 10
    HTML5实现人机对战的国际象棋AI版
    29

    • 相关课程

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

    • 相关电子书

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

    • 相关实验场景

    更多
  • 在PAI ArtLab一键实现欧洲杯粉丝专属贴纸制作
  • 2048小游戏
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • HTML及前端框架
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)