Virtual Paging
Vue 卡片虚拟分页
从独立 Vue demo 迁入：大页数卡片虚拟滚动、停稳加载、缓存窗口、模拟请求与滚轮速度跳页。
当前状态：待实现真实 Demo
Frontend Lab
前端动效、交互和视觉实验场。
用于存放粒子背景、玻璃拟态、鼠标跟随光效、3D 卡片和 Canvas 动效等实验。
Vue 卡片虚拟分页
Virtual Paging online从独立 Vue demo 迁入：大页数卡片虚拟滚动、停稳加载、缓存窗口、模拟请求与滚轮速度跳页。
进入 →WebRTC 摄像头拍照
WebRTC online开启摄像头预览，并将当前视频帧截取为 PNG 图片。
进入 →WebRTC 摄像头录制
MediaRecorder online调用摄像头和麦克风，使用 MediaRecorder 本地录制、回放和下载视频。
进入 →WebRTC P2P 通信
P2P online模拟两个 RTCPeerConnection，通过 DataChannel 完成点对点消息通信。
进入 →粒子背景
Canvas planned用于首页 Hero 或特殊展示页的动态背景。
进入 →玻璃拟态
UI planned毛玻璃卡片、光晕和深色模式组合。
进入 →鼠标跟随光效
Motion planned基于鼠标位置的聚光和渐变效果。
进入 →3D 卡片
3D planned带视差和 hover 反馈的项目卡片。
进入 →Experiments
实验预览
先给每个实验一个明确落点，后续再逐步替换成 Canvas、WebGL 或 Motion 真实效果。
WebRTC
WebRTC 摄像头拍照
开启摄像头预览，并将当前视频帧截取为 PNG 图片。
当前状态：待实现真实 Demo
MediaRecorder
WebRTC 摄像头录制
调用摄像头和麦克风，使用 MediaRecorder 本地录制、回放和下载视频。
当前状态：待实现真实 Demo
P2P
WebRTC P2P 通信
模拟两个 RTCPeerConnection，通过 DataChannel 完成点对点消息通信。
当前状态：待实现真实 Demo
Canvas
粒子背景
用于首页 Hero 或特殊展示页的动态背景。
当前状态：待实现真实 Demo
UI
玻璃拟态
毛玻璃卡片、光晕和深色模式组合。
当前状态：待实现真实 Demo
Motion
鼠标跟随光效
基于鼠标位置的聚光和渐变效果。
当前状态：待实现真实 Demo
3D
3D 卡片
带视差和 hover 反馈的项目卡片。
当前状态：待实现真实 Demo