有哪些好的H5案例网站?

HTML5诞生已经有一段时间了,它给我们呈现的是惊艳的视觉效果。基于网络的互动能有多好?这些网站可以告诉你答案。

网络上的精致制作:MakeMePulse

连续两年,makepulse做了一个基于鼠标的交互网页————make pulse 2017。在这一页,你可以看到五页:制作精美的灯泡、拍立得、机器人、纸飞机、登月飞船。

MakeMePulse2017

同样是makepulse做的2016MakeMePulse年度关键词网站也有类似的效果。长按页面随机选择关键词,每个关键词都可以用鼠标操作,达到非常好的效果。甚至两年前做的动画效果在今天也毫不逊色,比国内很多测试网站酷多了。

MakeMePulse2016

在线扭转魔方:Iamthecu

Iamthecu为我们提供了一个在线的三阶魔方,支持自动中断、自动恢复和取消。网站是交互式的,提供各种透视图,帮助你更清楚地看到还原魔方的技巧和方法。不用再担心扭魔方了。

Iamthecu魔方

如果你对三阶魔方不满意,另一个网站Grubiks提供四阶、五阶、外星人和金字塔魔方供你在线玩。但是,这里没有恢复步骤的演示。

格鲁比克形状的魔方

弹起触手可及的节奏:Mikutap

在初音未来Mikutap中随意点击屏幕,可以让初音未来唱歌。再加上神奇的背景音乐和丰富的动画效果,可以形成各种节奏。

这个网页的风格很清新,很有活力。那种“随便点一下就能产生节奏”的无忧无虑的感觉,就像是第一次在GarageBand中打开一个样本项目,让“我也有音乐天赋”的错觉油然而生。(笑声)

米库塔普

网页上的点和线:鼠标躲避球

这是三个小游戏网站——蜿蜒、核心、线圈,玩法不同但表现形式相似,需要鼠标操作。

Sinuous的玩法是控制鼠标远距离躲避红点,碰到红点或者撞墙游戏就结束了。游戏过程中有一些道具,可以杀死这些讨厌的红点,或者驱散它们。游戏难度分为1-9。难度到6级才能玩。你能打破这个记录吗?

蜿蜒的

Core需要玩家控制盾牌来阻止红点的入侵。如果后期红点太多,也可以按住空格,消耗生命,短时间内达到无敌效果。这是个不错的小游戏。

核心

线圈的玩法是三款游戏中最有创意的。玩家要用鼠标划过屏幕上出现的蓝线,不断地圈出蓝点。因为蓝线的长度是由时间决定的,所以不仅需要准确,速度也不能太慢。最高分26000左右。欢迎参加挑战。?

这三个简单的游戏非常适合消磨时间。如果你和我一样无聊,就来看看吧。

有趣的HTML5交互:FFF.cmiscm

如果你还没有看完这些网站,还可以去FFF.cmiscm。

它包含了多达15个HTML5制作的互动动画。包括“波浪模拟器”、“时钟”、“雨刷效果”、“数山羊模拟器”、“湖反射模拟器”等无用却有趣的效果。

FFF.cmiscm

你遇到过这么有趣的互动网站吗?欢迎在评论区与大家分享。