警告:面临潜在的安全风险_HTML5网站展示：48个潜在的Flash演示

因此，您听说过有关HTML5的所有谣言都将取代Adobe Flash。 尽管大多数网络社区都认为有可能实现，但您必须徘徊于何处使HTML5如此强大，以至连巨型公司Apple都希望使用它来代替Flash。

这就是为什么存在该帖子的原因，我们不会谈论HTML5可以做什么，而是向您展示HTML5可以用其他语言（如JavaScript）实现的神奇事物的现场演示，因此随时准备激发灵感。

注意：由于某些Web浏览器（例如Internet Explorer）不完全支持HTML5，因此强烈建议您使用Firefox浏览器查看下面的所有HTML5演示。

动画

HTML5的canvas元素是HTML5替换某些Flash动画的决定因素。 它允许您使用Javascript构建2D形状和位图图像的动态，可编写脚本的渲染，换句话说，这是可控的动画。

使用HTML5的canvas和audio标签创建的舒适而梦幻的动画。

在最后的Google I / O活动中进行了展示，该演示向您展示了HTML5的动态性。

HTML5产生的生物会让您满意。

使用Bomomo，您可以观察到用HTML5模拟的不同原子运动。

浏览器球

对此“跨浏览器” HTML5球感到惊讶。

通过创建不同颜色的无穷无尽的漂浮气泡来玩乐。

帆布卡通动画

一个简单有趣HTML5动画片，可以帮助您了解HTML5的canvas元素可以做什么。

一个由HTML5和JavaScript构建的漂亮，可定制的模拟时钟。

Flickr PS3幻灯片放映

在网络浏览器中以PS3样式幻灯片查看Flickr的照片。

互动宝丽来

一个与多点触摸界面非常相似的交互式演示。

JS烟花

由HTML5和Javascript驱动，以您喜欢的重力和速度享受烟花时刻。

一个非常美丽和未来HTML5万花筒。

敏感的粒子动画会根据您的鼠标移动做出React。

另一个敏感而出色HTML5演示，展示了附近的元素如何随鼠标移动做出React。

迷失了这个奇妙HTML5星云。

视差

以平行透视图查看所有2D形状。

精美HTML5粒子动画，可以形成您喜欢的消息。

迷失于这个无尽的传播动画中。

非常酷HTML5星空动画，会根据您的鼠标移动来改变方向和速度。

一键播放正在播放的视频。

通过改变幅度，波长，宽度等来观察HTML5的画布波如何移动。

3D效果

画布动画给人留下了深刻的印象吗？ HTML5的canvas元素可以做的更多，这就是3D效果。 开发人员可以依靠画布元素，DOM和JavaScript来创建3D效果，然后可以将其开发为3D动画或游戏。

使用Flickr的照片流获得全新的3D体验。

基于HTML5的逼真的布料模拟。

观察一个演变成复杂生物的怪物，其创建者之一就是HTML5。

Google Giftbox

巨型搜索引擎Google以可播放的3D视图呈现。

高质量逼真的“ 3D on 2D Canvas”展示柜。

资料呈现

HTML5的canvas元素可以用于创建动画和3D效果，但也可以实现以呈现数学数据。

Gnuplot，HTML5版本的数据绘图应用程序。

RGraph提供了广泛的数据表示形式，例如条形图，进度条和传统雷达图。

Web应用程序

最终，利用HTML5和其他语言组合的所有可能性，可以创建交互式应用程序或与Flash应用程序接近的游戏。

见证Microsoft Paint的兄弟进入您的Web浏览器，他的父亲是HTML5。

旨在帮助您了解某些地球元素的结构的科学应用程序。

使用这个最小化的交互式卡通生成器绘制有趣的卡通图像。

拖动可以在演示中拖动的任何东西以显示详细信息。

加蒂奇素描

原始HTML5应用程序，使您可以制作一些基本图形，并可以将其保存为jpeg或png等不同的图像格式。

物理素描

画任何您喜欢的东西，看看它们如何对模拟重力产生React。

画板

强大HTML5绘图应用程序，使您能够以精确的方式绘制和编辑图像。

一个Web应用程序，用于确认从Twitter获取的与天气有关的消息的地理位置，从而将其形成为基于画布的“社交天气”地图，这很琐碎（如作者所述），但很有趣。

游戏

如果您可以在下一秒内躲避成百上千个HTML5项目符号，您将永远不会感到无聊。

反弹球，打破所有障碍。

它不是一个游戏，但是它演示了如何使用HTML5开发“第一人称射击”浏览器游戏。

您可以躲避多少球才能赢得HTML5方形方块？

连锁爆炸以实现目标，不要上瘾。

以自上而下的3D视角播放俄罗斯方块。

抽奖物品将球移动到星空，不要忘记重力。

单击，旋转和放下拼图，即可解决此基于HTML5的拼图游戏。

滑向胜利，这是另一个HTML5游戏，旨在吸引您的注意力。

删除某些组以使另一组以相同的颜色配对，您最终将获得胜利。

俄罗斯方块

HTML5是最经典的游戏之一。

另一个伪3D版本的俄罗斯方块游戏。

结论

HTML5的局限性是什么？ 目前我们还无法决定，但是通过下面的精彩视频，我们可以知道HTML5的发展方向：

是的，它是Web浏览器中的Quake II，所以现在很明显，有了HTML5，将诞生更多具有突破性的Web应用程序，为数十亿互联网用户提供服务。 快速，不断发展，并且正在改变万维网。 问题是，您将如何使用这种改变游戏规则HTML5？

翻译自: https://www.hongkiat.com/blog/48-excellent-html5-demos/