07
Intersection Observer
偵測元素進入視窗，觸發數字動畫或懶加載，無需輪詢。
0
蛋白質序列分析
0
預測精準度
0
平均推論時間
0
系統可用性
↓ 懶加載圖片（以 Intersection Observer 偵測）
原生瀏覽器動畫，零 JS 依賴，適合按鈕、卡片、懸浮效果。
transform: rotateY(180deg)
以 JavaScript 控制動畫時間線，支援播放、暫停、倒轉、速率調節。
狀態：running
速率：1×
進度：0ms
即時繪圖、粒子物理、資料視覺化，全由 Canvas API 驅動。
捲軸觸發時間線動畫，配合 Pin 固定視口製作敘事式體驗。
NGS 定序 → FastQ 原始數據，覆蓋深度 ≥ 30×
BWA-MEM 比對至 hg38 參考基因組
GATK HaplotypeCaller 識別 SNV / InDel
ESM-2 蛋白質語言模型預測功能影響
不同層次以不同速率移動，製造深度感與沉浸感。
各層 speed 值：背景 0.2 × 中景 0.5 × 前景 0.8
細膩的點擊、懸浮、狀態回饋動畫，讓操作更有溫度。
在此移動游標
偵測元素進入視窗，觸發數字動畫或懶加載，無需輪詢。
↓ 懶加載圖片（以 Intersection Observer 偵測）
語音辨識（Speech Recognition）＋語音合成（Speech Synthesis），無需任何外部服務。
按下按鈕後對麥克風說話
Server-Sent Events (SSE) 與 WebSocket 示範，雙向即時通訊。
以 HTML 標籤建立 WebXR 場景，支援滑鼠拖拉環視，VR 頭盔可進入沉浸模式。
點擊「載入 A-Frame 場景」開始
支援 WebXR · 桌面 · 手機
在瀏覽器中執行接近原生速度的二進位模組，適合高效能計算。
上傳圖片後用 Wasm 風格的 Canvas 處理器套用濾鏡
原始
處理後
離線快取、安裝至桌面、推播通知，讓網頁擁有原生 App 體驗。
偵測 prefers-reduced-motion，自動關閉對前庭障礙者有害的動畫。
