一打開就讓你停不下狂點滑鼠,6 個有趣的 HTML 5 交互網站

一打開就讓你停不下狂點滑鼠,6 個有趣的 HTML 5 交互網站

來自專欄 關於Mac的一切

在線擰魔方:Iamthecu

Iamthecu 給我們提供了一個在線的三階魔方,支持自動打亂、自動還原、撤銷。網站交互很棒,提供了各種透視視圖,來幫助你更清楚的看到還原魔方的技巧和方法。再也不用擔心擰亂魔方沒法還原了。

如果你不滿足於三階魔方,另一個網站 Grubiks 提供了四階、五階、異形、金字塔魔方供你在線遊玩。不過這裡並不提供還原步驟演示。

在線擰魔方:iamthecu.be/

隨手就能彈出節奏:Mikutap

在 初音未來 Mikutap 中隨意點擊屏幕就可以讓初音未來唱出歌曲,魔性的背景音樂和豐富的動畫效果,可以讓你組成各種各樣的節奏,成就感爆棚的。

這個網頁畫風清新,非常動感,「隨便按按就能出節奏」的暢快感有如第一次在 GarageBand 中打開示例項目,讓「我也有音樂天賦」的錯覺油然而生。

初音未來 Mikutap:aidn.jp/mikutap/

網頁上的點與線:滑鼠躲避球

這是玩法不同,但表現形式類似的三個小遊戲網站——Sinuous、Core、Coil,需要用到滑鼠操作。

Sinuous 的玩法是控制滑鼠躲避來自遠方的紅點,碰到紅點或碰壁都會 Game Over。遊戲過程中還有一些道具,可以幹掉這些煩人的紅點或者驅散他們,遊戲難度分為 1-9 。超級好玩,一開始玩就停不下來。

滑鼠躲避球:

1. sinuousgame.com/

2. lab.hakim.se/core/01/

3. lab.hakim.se/coil/

在網頁上的精美製作:MakeMePulse

MakeMePulse 連續兩年製作了基於滑鼠的交互網頁——MakeMePulse 2017 在這個頁面中,你可以看到製作精美的燈泡、拍立得、機器人、紙飛機、登月飛船這五個頁面。

MakeMePulse:2017.makemepulse.com/


歡迎關注我和該專欄,定期更新Mac好用軟體和技巧。

我的更多有趣有料的知乎回答:

知乎用戶:有100w左右的現金,有什麼好的理財方式?

知乎用戶:辦信用卡哪家銀行好?

知乎用戶:買二手房需要注意什麼?

知乎用戶:如何選基金?什麼時候買入?

知乎用戶:買了平安贏越人生,在買房後的壓力下,考慮退保,首年交了3萬多,現金價值才6504.8元,怎麼降低損失?


推薦閱讀:

YouTube使用html5是怎麼管理廣告的?
SVG 格式的動畫用什麼工具來做?
為什麼HTML5的核心功能好多最新IE都不支持,還有那麼多人推崇HTML5啊?
HTML5 和 Flash 相比,誰更有市場?

TAG:HTML5 | 遊戲 | 魔方 |