15个使用HTML5做奇事的网站

查看这些令人惊叹的网站,这些网站确实为您提供了关于HTML5作为编程语言的功能的好主意,可以在Web浏览器中完成以前只能在外部程序或插件中进行的操作。我已经在Chrome中对它们进行了测试,它们都可以在兼容HTML5的浏览器中运行,例如Chrome,Firefox 4,Safari或IE9。它们是演示,HTML5仍在开发中,因此,如果您在查看它们时遇到问题,则可能需要在其他浏览器中尝试。尽情享受吧!

Arcade Fire –荒野市区

这是Arcade Fire和Google进行的出色演示,它们具有不同的HTML5 Canvas技巧。我不想为您带来惊喜-输入您的童年地址,并享受视频和技术向导。

WebVenture

WebVenture是MacVenture游戏的HTML5和Javascript实现平台。现在,您可以在浏览器中直接播放Deja Vu 1和2,Shadowgate和Uninvited!正在开发诸如Wolfenstein 3D之类的其他游戏实现,将游戏带入您的浏览器。

我从浏览器和网络中学到的20件事

Google从该站点演示了一本“书"一种描述Web浏览器如何工作以及许多底层技术如何工作的风格化方法。从技术的角度来看,它给想了解更多有关网络工作原理的读者提供了很好的入门。

协作绘图

此演示使用HTML5 websockets功能来允许观看者同时协作在画布上绘画。

[不再需要工作] SketchPad

SketchPad是网络上的“绘画"程序。它支持基本的绘图工具,并且仅在HTML5和JavaScript中完成。

Galactic Plunder

Galactic Plunder是用HTML5实现的2D Space Shooter。

视频效果

HTML5可以让您在视频上显示更多内容,而不像普通的侧面滚动射击游戏那样具有完整的功能,而HTML5本身就给人留下了深刻的印象。网络。除了可以让您无需使用网络浏览器即可播放,不带插件之外,还可以操作该视频。此演示演示了如何在播放时“放大"视频的像素。

多个窗口球

这也演示了Arcade Fire视频中的效果。 HTML5允许您打开多个窗口并使对象在它们之间移动。

HTML5Rocks(Google)

HTML5 Rocks是一种幻灯片演示,它演示了HTML5语言的许多特殊功能。如果您是开发人员,那么它会为您提供示例代码,并让您看到HTML5的可能性。

8位颜色循环(类似于Old School Games)

如果您是游戏开发者90年代初,您会怀念这种效果。由于计算能力有限,图形设计师使用“技巧"来模拟静态图像中的视频。此画布效果将向您展示它的完成方式,还包括许多漂亮的示例。

Hakim.se的HTML5实验[不再可用]

此网站列出了许多游戏演示和其他精美的小工具,以展示您可以使用HTML5进行的操作。

Harmony

Harmony是一个简洁的小绘图程序,可让您使用炫酷的画笔绘制图片。您可以创建诸如“ fur"和“ web"之类的东西,这些东西在创建时就很酷。

Twitter /音乐混搭

来自@ 9elements的整洁的mashup可以使音乐旋转带有有关HTML5的Twitter帖子的点。在实践中很难描述,必须被理解才能理解!

Radiohead / HTML5混搭

另一种整洁的混搭,使Radiohead的 Idioteque 与Thom Yorke的绘画相吻合随着歌曲的进行而绘制。

想要更多吗?

HTML5Demos / CanvasDemos

这两个网站的设置是为了提供各种演示的视图HTML5和HTML5 Canvas效果。从平凡到“凉爽",如果您想了解更多,这些都是您可以去的地方。

现在互联网上有很多HTML5演示–而且进展顺利成为网络的新标准。您想分享一些很棒的演示吗?请在下面的评论中发布!

标签: HTML HTML5 Web设计 Web开发