九个让人难以置信的 HTML5 和 JavaScript 实验

简介:

Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。

  • Untangle
  • 拖动蓝点,让所有线都不相交,看看你多久能解开? 
  • Z Type
  • 一款太空射击游戏,基于ImpactJS游戏库开发。
  • Cube Out
  • 模仿经典的益智游戏Blockout(三维俄罗斯方块),移动和旋转方块填补空白,完成一层后会自动消隐。
  • Bounce
  • 一款javascript游戏,点击和控制蓝色的盒子,让**的点击不要碰到红色的点。
  • Sketch 3D
  • 一款非常棒的素描工具,这里可看别人的作品。
  • Conductor
  • Conductor转换纽约地铁系统为一个互动的弦乐器,使用真实的地铁时刻表来模拟。
  • Bacterium
  • 模仿水族馆,您可以创建丰富多彩,充满活力的运动模式。
  • Ultra Neuron Pong
  • 这是模仿经典的Pong游戏开发的一款基于HTML5技术的游戏。
  • Tank World
  • 一款让人惊叹的三维射击游戏。
本文转自寒意博客园博客,原文链接:http://www.cnblogs.com/hnyei/archive/2011/09/17/2179391.html,如需转载请自行联系原作者
相关文章
|
1月前
|
监控 JavaScript 前端开发
JavaScript与HTML关系及其嵌入方式:新手常犯错误与规避策略
【4月更文挑战第1天】本文介绍了JavaScript与HTML的关系,强调了理解它们的分工和协作对于初学者的重要性。文中列举了新手在嵌入JavaScript时常见的错误,如嵌入位置不当、异步与延迟属性混淆、内联脚本与HTML混杂、忽略浏览器兼容性以及缺乏错误处理。提供了避免这些错误的策略,包括合理安排script标签、使用事件监听器、关注浏览器兼容性、学习调试技巧,并提倡遵循“结构-样式-行为”分离原则和使用错误处理机制。遵循这些最佳实践,有助于提高代码质量和开发效率。
23 1
|
1月前
|
JavaScript 前端开发
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
|
12天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
12天前
|
前端开发 JavaScript
使用html+css+javaScript 完成计算器
使用html+css+javaScript 完成计算器
|
16天前
|
前端开发 JavaScript
前端 富文本编辑器原理——从javascript、html、css开始入门(二)
前端 富文本编辑器原理——从javascript、html、css开始入门
26 0
前端 富文本编辑器原理——从javascript、html、css开始入门(二)
|
16天前
|
前端开发 JavaScript 索引
前端 富文本编辑器原理——从javascript、html、css开始入门(一)
前端 富文本编辑器原理——从javascript、html、css开始入门
36 0
|
19天前
|
移动开发 JavaScript HTML5
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
16 0
|
22天前
|
前端开发 JavaScript
在HTML中,我们可以使用JavaScript变量
【4月更文挑战第19天】在HTML中,我们可以使用JavaScript变量
16 2
|
23天前
|
JavaScript 前端开发
在JavaScript中怎样获取或修改HTML元素。
在JavaScript中怎样获取或修改HTML元素。
|
23天前
|
前端开发 JavaScript
JavaScript 获取 HTML 元素
JavaScript 获取 HTML 元素