HTML5 创建原来只能用于桌面平台上的复杂应用程

作者: 前端  发布:2019-09-26

2011年最经典的15个 HTML5游戏

2011/05/21 · HTML5 · HTML5

在过去的一年内,Web 技术有着非常大的变革性的创新,取得长足的进步,特别是 HTML5 技术更为 Web 带来新鲜的血液。这将直接改变 Flash 控制着Web 游戏的局面。越来越多的开发人员开始使用 HTML5 来开发一些交互性非常强、效果非常出众的应用和游戏。

  1. Chain Reaction

  2. Biolab Disaster

  3. Bubble Trouble

  4. Runfield

  5. Sand Trap

  6. Torus

  7. Space War

  8. Google Pacman

  9. Angry Birds (仅可运行于Chrome浏览器)

9159.com 1

  10. RGB Invaders

9159.com 2

  11. Canvas Rider

9159.com 3

  12. Blinkwang

9159.com 4

  13. CoverFire

9159.com 5

  14. HTML5 Helicopter

9159.com 6

  15. Blobby Volley

9159.com 7

  原文:True Logic    译文:oschina

9159.com, 

赞 1 收藏 评论

9159.com 8

  HTML5 众多强大特性让我们不需要多么高深技术就能创建好玩的网页游戏,同时证明了开放的 Web 技术能与任何其他在游戏开发中使用的技术竞争。正如标题所说,这篇文章推荐的几款很棒 HTML5 游戏开发工具能够帮助你开发出优秀的,好玩的游戏。

  HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。借助尖端功能,技术和 API,HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步,你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。

  HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。借助尖端功能,技术和 API,HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步,你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。

您可能感兴趣的相关文章

  • 年度盛宴:最经典的10款 HTML5 游戏
  • 35款非常优秀的基于 HTML5 网页游戏
  • 8个惊艳的 HTML5 和 JavaScript 特效
  • 20个惊艳的 HTML5 Canvas 应用试验
  • 29款基于 HTML5 Canvas 的网页游戏

 

  这篇文章挑选了 Web 开发人员不能错过的10个 HTML5 开发教程,能够帮助你快速掌握 HTML5 高级开发技巧。

  这篇文章挑选了适合中级开发者的10个 HTML5 进阶教程,带你深入学习 HTML5 技术在 Web 开发中的实际应用。

GameMaker 

GameMaker 既适合入门级的新手,也同样适合经验丰富的游戏开发人员,帮助他们创建跨平台的游戏。

GameMaker 除了使比普通开发模式快 80% 以外,开发人员还可以创建功能全面的原型,在短短几个小时内或者一个星期内,创建一个完整的游戏。

9159.com 9

您可能感兴趣的相关文章

  • Web 前端开发人员必读精华文章推荐
  • 小伙伴们惊呆了!8个超炫的 Web 效果
  • 2013年最受欢迎的10篇前端开发博文
  • 35个让人惊讶的 CSS3 动画效果演示
  • 10套精美的免费网站后台管理系统模板

 

1. Create a drawing app with HTML5 Canvas and JavaScript

这是一个很酷的教程,教你如何使用 Canvas 来创建自己的绘图应用程序。

9159.com 10

 

2. How to Make an HTML5 iPhone App

另一个有用的教程将介绍如何构建一个 HTML5 iPhone 应用程序,一个俄罗斯方块游戏。

9159.com 11

 

3. Building a custom HTML5 video player with CSS3 and jQuery

了解如何构建自己的定制的 HTML5 视频播放器,并包装播放器作为一个 jQuery 插件。

9159.com 12

 

4. HTML5 Apps: Positioning with Geolocation

学习和掌握 HTML5 的地理定位功能,并应用到你的下一个 HTML5 应用程序中。

9159.com 13

 

5. Fullscreen Slideshow with HTML5 Audio and jQuery

这是迄今为止,我见过在网上最酷的教程之一。学习如何创建一个全屏的照片幻灯片效果。

9159.com 14

 

6. Create a page flip effect with HTML5 canvas

学习如何使用 HTML5 的画布和 JavaScript 创建一个非常酷的“Flash 页面翻转”效果。

9159.com 15

 

7. Toying with the HTML5 File System API

看看这个教程,学习如何使用和实现文件系统 API,该 API 允许 Web 应用程序访问私有本地系统文件。

9159.com 16

 

8. Creating a Mobile-First Responsive Web Design

并学习如何设计移动优先的响应式网页设计,以及如何优化性能和灵活性,实现更佳的使用体验。

9159.com 17

 

9. Typographic effects in Canvas

Canvas 元素是 HTML5 最热门的功能之一。这个教程中,您将学习如何创建精美的排版​​效果。

9159.com 18

 

10. HTML’s New Template Tag

本教程将向大家介绍如何使用前沿的 HTML5 模板标签技术,你准备好了吗?

9159.com 19

 

您可能感兴趣的相关文章

  • 35款非常优秀的基于 HTML5 网页游戏
  • 8个惊艳的 HTML5 和 JavaScript 特效
  • 20个惊艳的 HTML5 Canvas 应用试验
  • 10套精美的免费网站后台管理系统模板
  • 29款基于 HTML5 Canvas 的网页游戏

 

本文链接:Web 开发人员不能错过的10个 HTML5 开发教程

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文出处【

作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。借助尖端功能,技术和 API,...

您可能感兴趣的相关文章

  • 35个让人惊讶的 CSS3 动画效果演示
  • 8个惊艳的 HTML5 和 JavaScript 特效
  • 20个惊艳的 HTML5 Canvas 应用试验
  • 10套精美的免费网站后台管理系统模板
  • 29款基于 HTML5 Canvas 的网页游戏

 

1. HTML5 game tutorial 

学会使用 HTML5 Canvas 做一个基本贪吃蛇游戏,以及如何使用 jQuery 实现键盘控制游戏。

9159.com 20

 

2. Bouncing a Ball Around with HTML5 and JavaScript

Canvas 元素是 HTML5 标准中最强大的元素之一。在这个教程中,您将学习如何通过一个有趣的例子来使用它。

9159.com 21

 

3. Coding An HTML 5 Layout From Scratch

了解如何使用“优雅降级”和“渐进增强”技术来实现一个梦幻般的,跨浏览器的 HTML5 & CSS3 的网站。

9159.com 22

 

4. Create an HTML5 Canvas Tile Swapping Puzzle

了解如何使用 HTML5 Canvas 和 JavaScript 来创作一个充满活力的瓷砖交换游戏。

9159.com 23

 

5. Create a Minimal Coming Soon Page using HTML5 and CSS3

按照本教程中的步骤以简约的风格和淡雅的色调使用 HTML5 和 CSS3 创建一个预告页面。

9159.com 24

 

6. Create An Elegant Website With HTML 5 And CSS3

学习如何建立一个具有专业水准的博客或作品集网站,以展示你的作品。

9159.com 25

 

7. Create Your Portfolio Gallery Using HTML5 Canvas

建立一个照片库,并通过 HTML5 的画布和 CSS3 过渡增强效果。如果您的网站有图片库,你一定要了解如何创建这个漂亮的悬停效果。

9159.com 26

 

8. Creating a Minimal Blog Design Using HTML5, CSS3 and jQuery

9159.com 27

 

9. How to create water Ripple effect using HTML5 canvas

看看这个教程,学习如何在图像上点击的时候创造出一些漂亮的水滴。

9159.com 28

 

10. Rethinking Forms in HTML5

HTML5 表单也是重要内容,了解如何用更少的代码创建更多的可用的表单。

9159.com 29

 

您可能感兴趣的相关文章

  • 35款非常优秀的基于 HTML5 网页游戏
  • 让人爱不释手的Web应用程序图标素材
  • 10套精美的免费网站后台管理系统模板
  • 期待已久的2012年度 jQuery 插件揭晓
  • 10大流行的 Metro UI Bootstrap 主题

 

本文链接:在 Web 开发中应用 HTML5 技术的10个实例教程

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文来自【梦想天空(

作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。借助尖端功能,技术和 API,...

Construct 2 

功能强大的 HTML5 游戏开发工具,借助可视化开发界面,开发者无需编写任何代码就可以创建游戏。拥有强大的事件系统,灵活的行为以及很炫的视觉效果。

9159.com 30

Cocos2d-html5

Cocos2d-html5 是一个开源的网页 2D 游戏开发框架,基于 MIT 协议发布,是 Cocos2d-x 项目的 HTML5 版本。

9159.com 31

 

您可能感兴趣的相关文章

  • 2012年最佳 Web 前端开发工具和框架
  • 分享21款丰富多彩的 HTML5 网页游戏
  • 推荐10款优秀的 HTML5 在线设计工具
  • 45个激发灵感的 HTML5 网站设计作品
  • 29款基于 HTML 5 Canvas 的网页游戏

 

本文来源:前端工具推荐:几款很棒的 HTML5 游戏开发工具

文章来源:梦想天空 ◆ 关注Web前端开发技术 ◆ 分享网页设计资源

Web 技术能与任何其他在游戏开发中使用的技术竞...

本文由9159.com发布于前端,转载请注明出处:HTML5 创建原来只能用于桌面平台上的复杂应用程

关键词:

上一篇:没有了
下一篇:没有了