萬盛學電腦網

瀏覽器 Windows 10 WPS Office 防毒軟體 資料庫 Excel 教學 檔案管理 Word 教學 網頁製作 裝機必備軟體 Linux 教學

您现在的位置： 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

HTML5 實驗室：Hakim El Hattab 9 個讓人沉迷的創意小應用

HTML5 漸入佳境，強大功能被持續挖掘，各類實驗性應用層出不窮。本文介紹 Hakim El Hattab 設計的 9 個 HTML5 趣味小應用，極具吸引力——我親測在上面「消磨」了兩小時。體驗完你會發現：HTML5 比想像中更強大。

Sinuous — 星系穿梭，避開紅球、吃綠球補能量。
Sinuous

開始體驗 >>

Bakemono — 點擊空白處，小怪物撲過去。
Bakemono

開始體驗 >>

Keylight — 雙擊放置小球，粒子束在球間穿梭碰撞發出樂音，球越近音調越高，形成連續音樂。最愛作品之一。
Keylight

開始體驗 >>

Blob — 果凍球滑向點擊位置，中間點擊可扯成兩半，滑動中自動融合。
Blob

開始體驗 >>

Magnetic — 雙擊創造恆星與衛星系統，系統靠近會合併吸引更多衛星。同為最愛。
Magnetic

開始體驗 >>

Trail — 彩帶隨滑鼠飄動，靜止時環繞旋轉，流暢漂亮。
Trail

開始體驗 >>

Particle Depth — 酷炫三維粒子效果。
Particle Depth

開始體驗 >>

Wave — 水面隨滑鼠形成波浪，浮球隨之沉浮，效果極佳。
Wave

開始體驗 >>

Particles — 粒子飄動，遇滑鼠膨脹。
Particles

開始體驗 >>

譯者註：關於載入速度

這組應用載入極慢，初以為是 HTML5 效能問題，研讀源碼發現：頁面引用 Twitter Widget（`platform.twitter.com/widgets.js`），因國內無法連線導致大量等待。使用 GoDaddy 伺服器測試，每頁約 0.2 秒即開啟。這也提醒我們：第三方依賴是效能隱形殺手。

互動設計排行

推薦文章

萬盛學電腦網| 日本語版 | 設為首頁 | 加入收藏

copyright © 萬盛學電腦網 all rights reserved