一打開就讓你停不下狂點(diǎn)鼠標(biāo)，6 個(gè)有趣的 HTML 5 交互網(wǎng)站

時(shí)間：2023-07-06 09:00:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-06 09:00:02 來源：網(wǎng)站運(yùn)營

一打開就讓你停不下狂點(diǎn)鼠標(biāo)，6 個(gè)有趣的 HTML 5 交互網(wǎng)站：

在線擰魔方：Iamthecu

Iamthecu 給我們提供了一個(gè)在線的三階魔方，支持自動(dòng)打亂、自動(dòng)還原、撤銷。網(wǎng)站交互很棒，提供了各種透視視圖，來幫助你更清楚的看到還原魔方的技巧和方法。再也不用擔(dān)心擰亂魔方?jīng)]法還原了。

如果你不滿足于三階魔方，另一個(gè)網(wǎng)站 Grubiks 提供了四階、五階、異形、金字塔魔方供你在線游玩。不過這里并不提供還原步驟演示。




在線擰魔方：http://iamthecu.be/

隨手就能彈出節(jié)奏：Mikutap

在 初音未來 Mikutap 中隨意點(diǎn)擊屏幕就可以讓初音未來唱出歌曲，魔性的背景音樂和豐富的動(dòng)畫效果，可以讓你組成各種各樣的節(jié)奏，成就感爆棚的。

這個(gè)網(wǎng)頁畫風(fēng)清新，非常動(dòng)感，「隨便按按就能出節(jié)奏」的暢快感有如第一次在 GarageBand 中打開示例項(xiàng)目，讓「我也有音樂天賦」的錯(cuò)覺油然而生。




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

網(wǎng)頁上的點(diǎn)與線：鼠標(biāo)躲避球

這是玩法不同，但表現(xiàn)形式類似的三個(gè)小游戲網(wǎng)站——Sinuous、Core、Coil，需要用到鼠標(biāo)操作。

Sinuous 的玩法是控制鼠標(biāo)躲避來自遠(yuǎn)方的紅點(diǎn)，碰到紅點(diǎn)或碰壁都會(huì) Game Over。游戲過程中還有一些道具，可以干掉這些煩人的紅點(diǎn)或者驅(qū)散他們，游戲難度分為 1-9 。超級(jí)好玩，一開始玩就停不下來。

鼠標(biāo)躲避球：




1. http://www.sinuousgame.com/




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




3. https://lab.hakim.se/coil/

在網(wǎng)頁上的精美制作：MakeMePulse

MakeMePulse 連續(xù)兩年制作了基于鼠標(biāo)的交互網(wǎng)頁——MakeMePulse 2017 在這個(gè)頁面中，你可以看到制作精美的燈泡、拍立得、機(jī)器人、紙飛機(jī)、登月飛船這五個(gè)頁面。

MakeMePulse：http://2017.makemepulse.com/

---

歡迎關(guān)注我 @智珠在睿和專欄，定期更新Mac好用軟件和技巧 :

如何構(gòu)建品質(zhì)桌面，有哪些Mac配件值得買

我的更多有趣有料的回答請移步：

年度高贊：辦信用卡哪家銀行好？

信用卡好還是支付寶的花唄借唄好用呢？

招商銀行信用卡積分怎么使用最劃算？

為啥 4S 店不收利息也要貸款給你買車？

信用卡怎么取現(xiàn)出來用??？

理財(cái)小白，基金和股票買哪個(gè)好？

本站用戶：買二手房需要注意什么？

本站用戶：保險(xiǎn)公司的套路有哪些？

使用支付寶“花唄”，微信“借錢”，京東“白條”會(huì)影響個(gè)人征信記錄嗎？

本站用戶：信用卡取現(xiàn)，然后存支付寶吃利息，月底再取出還信用卡，有可行性嘛？

機(jī)票越早買越便宜嗎？

本站用戶：余額寶利率一跌再跌說明了哪些問題？

本站用戶：如何選購銀行的理財(cái)產(chǎn)品？

本站用戶：支付寶芝麻信用分 750 以上的都是些什么樣的人？為何經(jīng)常買買買都不到700？

ETF 基金到底是什么東西？

哪家銀行信用卡可以去機(jī)場vip？

你有哪些可以賺錢或省錢的技巧？

日常工作科研神器：Grammarly—最棒英語寫作輔助在線工具和軟件