iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Build on Google AI

液態玻璃美學:結合 Gemini 與 Antigravity IDE,打造 120FPS、多視窗比例與網格順延推擠佈局的強大商務運算終端 系列

本專案於 Google Antigravity IDE 環境下,運用 Gemini 重構具極致工藝的「全能商務引擎」。
強大自訂佈局系統:
實作仿 iOS 首頁的網格順延推擠邏輯,具備全介面多按鍵自定義、Spring Drop 物理動畫與遲滯防抖演算法。
視覺與效能巔峰:
透過 GPU 加速達成 120FPS「液態玻璃」光學介面,結合三段式震動模擬實體觸感。
專業商務模組:
整合即時匯率 API、商務加價邏輯、智慧記帳分類功能與 Excel 數據匯出。
這是一場視覺美學、硬核佈局演算法與 Google AI 深度融合的 30 天實戰。

參賽天數 7 天 | 共 7 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1:【高階商務計算機】 超越原生 App 的極客美學!用 Antigravity IDE+ Gemini 打造 120FPS 液態玻璃商務引擎

Web 應用真的只能是「看似方便、實則卡頓」的網頁玩具嗎? 長久以來,許多開發者在打造 Web 工具時,往往會掉入兩個極端:要么追求絢麗的視覺效果卻忽視了效能...

2026-09-04 ‧ 由 shaoan_1211 分享
DAY 2

Day 2:【高階商務計算機】0.5px 髮絲紋與單通道毛玻璃——液態玻璃 (Liquid Glass) CSS/SVG 渲染

在追求極致 Web App 體驗的道路上,視覺表現決定了使用者的第一印象。傳統 Web 計算機往往給人一種「網頁工具」的廉價感,主因在於缺乏現代原生作業系統(如...

2026-09-05 ‧ 由 shaoan_1211 分享
DAY 3

Day 3:【高階商務計算機】突破 iOS 限制!用 Web Audio API 打造聲學微脈衝擬真觸覺回饋

在昨天的文章中,我們為計算機注入了具備 0.5px 髮絲紋與晶體折射的「液態玻璃 (Liquid Glass)」視覺。然而,當使用者拿起手機敲擊螢幕時,若只有冷...

2026-09-06 ‧ 由 shaoan_1211 分享
DAY 4

Day 4:【高階商務計算機】多工分割與旋轉零破版!使用用彈簧曲線打造滿幀服貼佈局

在昨天的文章中,我們打破了行動作業系統的藩籬,用 Android 8ms 微秒級震動與 iOS 14ms 聲學微脈衝,為計算機注入了媲美原生機械開關的扎實手感。...

2026-09-07 ‧ 由 shaoan_1211 分享
DAY 5

Day 5:【高階商務計算機】字級動態縮放與局部游標!徹底解決多位數爆版與長按連續退格

在昨天的文章中,我們為計算機構築了全天候抗跳動的版面基底,透過 100dvh 動態視口、Safe Area 靈動島避障與純 CSS Apple 原生物理彈簧曲線...

2026-09-08 ‧ 由 shaoan_1211 分享
DAY 6

Day 6:【高階商務計算機】仿行動裝置桌面拖曳重排!順延推擠挪位演算法與高幀率排程

昨天我們完成了長算式動態自適應縮放、局部游標精準定位與長按連續退格機制,讓螢幕輸入體驗達到了極致細膩。但在日常與商務運算中,不同使用者對鍵盤佈局有著完全不同的偏...

2026-09-09 ‧ 由 shaoan_1211 分享
DAY 7

Day 7:【高階商務計算機】空間物理防抖—遲滯防抖與視線微抬升、彈簧吸附落位

在昨天的文章中,我們深入剖析了計算機螢幕面板的排版微距動力學——從大數字雙模引擎的 DIRECT 直顯與 SCI 科學記號切換,到 autoScaleText...

2026-09-10 ‧ 由 shaoan_1211 分享