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

分享21个丰富多彩的 HTML5 小游戏

2011-05-06 1014
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性。HTML5 的优势之一在于能够实现跨平台游戏编码移植，现在已经有很多公司在移动设备上使用 HTML5 技术。随着 HTML5 跨平台支持的不断增强和智能手机的迅速普，HTML5 技术有着非常好的发展前景，甚至有人预言 HTML5 将引燃移动平台游戏开发技术的新革命。

　　作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性。HTML5 的优势之一在于能够实现跨平台游戏编码移植，现在已经有很多公司在移动设备上使用 HTML5 技术。随着 HTML5 跨平台支持的不断增强和智能手机的迅速普，HTML5 技术有着非常好的发展前景，甚至有人预言 HTML5 将引燃移动平台游戏开发技术的新革命。今天，本文收集了21个非常棒的 HTML5 小游戏与大家分享。

A torus style game

canvas-2.jpg

Bert’s Breakdown

canvas-6.jpg

Pacman

canvas-5.jpg

Asteroids

canvas-3.jpg

Sinuous

canvas-4.jpg

Super Mario Kart

canvas-1.jpg

TWITCH

canvas-7.jpg

JS Wars

canvas-8.jpg

Chain Reaction

canvas-9.jpg

Same Game

canvas-10.jpg

Coverfire

canvas-11.jpg

JQuery Racing

canvas-12.jpg

Thrust

canvas-13.jpg

Tetris

canvas-14.jpg

3D Tetris – Cubeout

canvas-15.jpg

Galatic Plunder

canvas-16.jpg

Lines

canvas-17.jpg

RGB Invaders

canvas-18.jpg

Agent 008 Ball

canvas-19.jpg

JSLander

canvas-20.jpg

Rainbow Blocks

canvas-21.jpg

你可能还喜欢



（编译来源：梦想天空  原文来自：Showcase of Games Developed Using HTML5 Canvas）

文章标签：
HTML5
移动开发
JavaScript
Web App开发
前端开发
关键词：
HTML小游戏
秋天风景
目录
相关文章
疯狂的猿
|
14天前
|
移动开发 HTML5
自适应手机端青蛙吃蚊子小游戏html源码
HTML5青蛙吃蚊子游戏源码分享,音乐可以改的，自己在目录替换一下音乐就可以了训练手速和眼力的时候到了!
疯狂的猿
23 0
自适应手机端青蛙吃蚊子小游戏html源码
疯狂的猿
|
3月前
|
JavaScript
欢乐打地鼠小游戏html源码
这是一款简单的js欢乐打地鼠游戏，挺好玩的，老鼠出来用鼠标点击锤它，击中老鼠获得一积分。
疯狂的猿
53 2
Coding枫叶
|
4月前
|
移动开发 JavaScript 前端开发
HTML5作业(二)-----扑克牌拖放小游戏
该实验旨在理解元素拖放、CSS定位和DOM操作，任务是创建一个扑克牌拖放游戏。用户需将A框内13张随机扑克牌（背面朝上）按顺序拖至B框，最多存5张。当B框内形成顺子时游戏结束，显示拖动次数。实验提供HTML结构及部分JavaScript代码，包括创建和乱序扑克牌、处理拖放事件等。
Coding枫叶
28 0
Coding枫叶
|
4月前
|
移动开发 JavaScript 前端开发
HTML5作业(六)-----贪吃蛇小游戏设计与实现
这是一个JavaScript实现的贪吃蛇小游戏，目标是训练编程能力和熟悉DOM事件。玩家使用上下左右键控制蛇移动，吃食物得分，每次得分后蛇身体变长，游戏速度可调节。当蛇碰到墙壁或自身时，游戏结束。代码包括HTML结构、CSS样式和JavaScript逻辑，实现了游戏画面、分数显示、蛇的移动和碰撞检测等功能。
Coding枫叶
40 0
懒鱼七忆
|
4月前
|
JavaScript
用html，js和layui写一个简单的点击打怪小游戏
用html，js和layui写一个简单的点击打怪小游戏
懒鱼七忆
53 0
懒鱼七忆
|
4月前
|
移动开发 JavaScript 前端开发
用Html和js和layui写一个简单猜拳小游戏
用Html和js和layui写一个简单猜拳小游戏
懒鱼七忆
76 0
极客李华
|
4月前
|
算法 JavaScript Java
html+css+js实现打砖块小游戏
html+css+js实现打砖块小游戏
极客李华
104 0
极客李华
|
4月前
|
前端开发 算法 Java
html+css+js实现点球球小游戏
html+css+js实现点球球小游戏
极客李华
43 0
syst1_m
|
10月前
|
移动开发 JavaScript 前端开发
HTML5兔子吃月饼手机小游戏
HTML5兔子吃月饼手机小游戏
syst1_m
48 0
艺述论
|
移动开发 前端开发 Android开发
第22/90步《前端篇》第4章 编写一个简单的HTML5小游戏：移植及优化 第13课
今天学习《前端篇》第4章移植及优化的第13课，移植文本与图像。
艺述论
112 0

热门文章

最新文章

  • 1
    weex-html5 组件进阶
  • 2
    基于HTML5和SVG的手机菜单动画
  • 3
    【实战HTML5与CSS3】用HTML5和CSS3制作页面（上）
  • 4
    html2canvas 简单使用
  • 5
    html查看器android
  • 6
    基于HTML5的WebGL结合Box2DJS物理应用
  • 7
    HTML5全局属性和事件
  • 8
    Ajax、Comet、HTML 5 Web Sockets技术比较分析
  • 9
    企业网站html框架
  • 10
    特殊字符（HTML语言对照表）
  • 1
    【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的？
    60
  • 2
    【Web 前端】如何找到所有 HTML select 标签的选中项？
    75
  • 3
    如何实时准确地从HTML5视频中截取当前播放画面
    300
  • 4
    Vue中如何以HTML形式显示内容并动态生成HTML代码
    212
  • 5
    web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
    50
  • 6
    高大上HTML5引导页源码 动态效果更好看
    52
  • 7
    【专栏：HTML与CSS前端技术趋势篇】HTML与CSS在PWA（Progressive Web Apps）中的应用
    80
  • 8
    【专栏：HTML与CSS前端技术趋势篇】前端框架（React/Vue/Angular）与HTML/CSS的结合使用
    77
  • 9
    【专栏：HTML 与 CSS 前端技术趋势篇】Web 性能优化：CSS 与 HTML 的未来趋势
    70
  • 10
    【专栏：HTML与CSS前端技术趋势篇】渐进式增强与优雅降级在前端开发中的实践
    87

    • 相关课程

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

    • 相关电子书

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

    • 相关实验场景

    更多
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • HTML及前端框架
    • 下一篇
    DDNS