本文经少许派授权转载
HTML 5 的诞生已然有些时日,它向咱们呈现了令人惊叹的视觉效果。基于网页的交互到底能有多优秀?这些网站能够告诉你答案。
▍在网页上的精美制作:MakeMePulse
MakeMePulse 连续两年制作了基于鼠标的交互网页——MakeMePulse 2017 在这个页面中,你能够看到制作精美的灯泡、拍立得、设备人、纸飞机、登月飞船这五个页面。
关注少许派(ID:sspaime)在后台回复「网页」就可得到链接。
MakeMePulse 2017
一样是 MakeMePulse 制作的 2016 MakeMePulse 年度重要字 网站亦是类似的效果。长按页面起始随机选取重要词,每一个重要词都能够用鼠标操作,实现很不错的效果。即便是两年前制作的动画效果,放在今天依然毫不逊色,比国内的一众测试网站要炫酷得多。
MakeMePulse 2016
在线拧魔方:Iamthecu
Iamthecu 给咱们供给了一个在线的三阶魔方,支持自动打乱、自动还原、撤销。网站交互很棒,供给了各样透视视图,来帮忙你更清楚的看到还原魔方的技巧和办法。再亦不消担心拧乱魔方没法还原了。
关注少许派(ID:sspaime)在后台回复「网页」就可得到链接。
Iamthecu 魔方
倘若你不满足于三阶魔方,另一个网站 Grubiks 供给了四阶、五阶、异形、金字塔魔方供你在线游玩。不外这儿并不供给还原过程演示。
Grubiks 异形魔方
随手就能弹出节奏:Mikutap
在 初音将来 Mikutap 中随意点击屏幕就能够让初音将来唱出歌曲,再加上魔性的背景音乐和丰富的动画效果,能够构成各样各样的节奏。
这个网页画风清新,非常动感,「随便按按就能出节奏」的畅快感有如第1次在 GarageBand 中打开示例项目,让「我亦有音乐天分」的错觉油然而生。(笑)
关注少许派(ID:sspaime)在后台回复「网页」就可得到链接。
Mikutap
网页上的点与线:鼠标躲避球
这是玩法区别,但表现形式类似的三个小游戏网站——Sinuous、Core、Coil,必须用到鼠标操作。
Sinuous 的玩法是掌控鼠标躲避来自远方的红点,碰到红点或碰壁都会 Game Over。游戏过程中还有有些道具,能够干掉这些烦人的红点或驱散她们,游戏难度分为 1-9 。我玩到难度 6 就玩不下去了,你能否打破这个记录呢?
关注少许派(ID:sspaime)在后台回复「网页」就可得到链接。
Sinuous
Core 则必须玩家掌控防护罩,阻挡红点的入侵。后期红点太多时还能够按住空格,消耗生命达到短期没敌的效果。是个不错的小游戏。
Core
Coil 的玩法是三个游戏中最有创意的,玩家要用鼠标划过屏幕显现的蓝线,持续把蓝点圈住。因为蓝线的长度是由于时间决定的,因此不仅必须准确度,速度亦不可太慢。最高分玩到了 26000 分上下,欢迎挑战。
Coil
这三个玩法简单的小游戏非常适合消磨时间,倘若你跟我同样没聊就来玩玩看吧。
▍有趣的 HTML 5 交互:FFF.cmiscm
倘若你看了上面这些网站还意犹未尽,还能够去 FFF.cmiscm 瞧瞧。
它包括了多达 15 种由 HTML 5 制作的交互动画。包含「海浪模拟器」「时钟」「雨刮器效果」「数山羊模拟器」「湖面倒映模拟器」等没什么用但特别有趣的效果。
关注少许派(ID:sspaime)在后台回复「网页」就可得到链接。
FFF.cmiscm
|