HTML5技术

难以置信的HTML 5和JS实验

字号+ 作者: 来源:51cto    2014-11-17 18:29 我要评论( )

今天,本文与大家分享其中9个很棒的例子,HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。为了有更好的效果,建议在Chrome浏览器中浏览。

 

Google的Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。

今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。

Untangle

HTML Canvas and Javascript Experiement - Untangle

拖动蓝点,让所有线都不相交,看看你多久能解开? :)

Z Type

HTML Canvas and Javascript Experiement - Z Type

一款太空射击游戏,基于ImpactJS游戏库开发。

Cube OutHTML Canvas and Javascript Experiement - Cube Out

模仿经典的益智游戏Blockout(三维俄罗斯方块),移动和旋转方块填补空白,完成一层后会自动消隐。

Bounce

HTML Canvas and Javascript Experiement - Bounce

 一款javascript游戏,点击和控制蓝色的盒子,让黄色的点击不要碰到红色的点。

Sketch 3D

HTML Canvas and Javascript Experiement - Sketch 3D

一款非常棒的素描工具,这里可看别人的作品。

Conductor

HTML Canvas and Javascript Experiement - Conductor

Conductor转换纽约地铁系统为一个互动的弦乐器,使用真实的地铁时刻表来模拟。

Bacterium

HTML Canvas and Javascript Experiement - Bacterium

模仿水族馆,您可以创建丰富多彩,充满活力的运动模式。

Ultra Neuron Pong

HTML Canvas and Javascript Experiement - Ultra Neuron Pong

这是模仿经典的Pong游戏开发的一款基于HTML5技术的游戏。

Tank World

HTML Canvas and Javascript Experiement - Tank World

一款让人惊叹的三维射击游戏。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 从国企到阿里的面试经历(一) - 劼哥stone

    从国企到阿里的面试经历(一) - 劼哥stone

    2017-05-02 16:00

  • [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    2017-05-02 12:04

  • 如何快速处理线上故障 - 倒骑的驴

    如何快速处理线上故障 - 倒骑的驴

    2017-05-02 12:01

  • Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边小溪)

    Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边

    2017-05-02 12:00

网友点评
h