HTML5网站展示：48个潜在的Flash演示

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

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

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

动画

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

Audioburst动画

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

球池

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

Blob Sallad

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

波莫莫

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

浏览器球

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

泡泡

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

帆布卡通动画

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

酷时钟

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

Flickr PS3幻灯片

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

互动宝丽来

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

JS烟花

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

万花筒

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

液体颗粒

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

催眠剂

另一个敏感而出色HTML5演示，演示附近的元素如何随着您的鼠标移动做出反应。

星云

迷失了这个奇妙HTML5星云。

视差

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

粒子动画

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

传播

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

星空

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

视频破坏

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

波形图

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

3D效果

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

Canvas3D和Flickr

使用Flickr的照片流拥有全新的3D体验。

布模拟

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

进化中的怪物

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

Google Giftbox

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

JS Touch

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

资料呈现

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

Gnuplot

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

图形

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

Web应用程序

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

帆布画

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

画布摩尔

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

卡通生成器

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

在这里拖任何东西

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

加蒂奇素描

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

物理素描

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

画板

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

短暂聊天

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

游戏

3无聊

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

爆发

反弹球，打破所有障碍。

Canvascape

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

抓住它

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

连锁反应

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

立方体

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

etcha物理

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

拼图游戏

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

幻灯片拼图

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

同一个游戏

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

俄罗斯方块

HTML5是最经典的游戏之一。

环面

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

结论

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

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

我们很想听听您的想法！

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